公開日:2020.06.23

オンラインMTGシステムを作ってみたよ

雑記

こんにちは

先日SKYWAYでオンラインMTGシステムを作ってみましたので、さらっと紹介します。(特に使う予定がないので見た目は悪いです・・)

ちなみに同じAPIKEYを使用することで、特にWEBにアップしなくても、ソースを共有するだけでオンラインMTGが可能でした

■作成に使った環境

・VSCODE

・liveserver(vscodeプラグイン)

■使用言語

・HTML

・CSS

・javascript

※SKYWAYのSDKはCDNを使用

■ざっくり内容

まずはTOPページ

コロナで流行ったたくの◯を参考に・・

ルームURLは、コピーして同じソースを持っている人に展開をする用のもので、クエリはランダム作成してます。

ルームに入るボタンを押すと、↑のルームに入出します。

ルームに入ると・・

こんな感じで、ログがでます。

今は一人しか入ってません。

一緒にやってくれる人がいないので、自分で複数タブを開いて、

同じURLの部屋に入っていくと・・

こんな感じで、どんどん追加されていきます。

次に退出ボタンを押すと・・

ボタンを押した人(今は全部自分なのであれですが)が消えて、退出ログが出ます。

最後に

ソースはぐちゃぐちゃ過ぎて、お店出来る状態じゃないので、雑記として簡単にかいてみました。

自分は部長にSKYWAYっていうものを教えてもらって作ってみましたが、結構面白い+半日もかからないくらいで出来ちゃうので、

よかったらやってみてくださいー

それではー

この記事を書いた人

安人

入社年2016年

出身地神奈川県川崎市

業務内容開発業務

特技または趣味わが子の写真を眺めるのが趣味です

安人の記事一覧へ

雑記に関する記事一覧