Webブラウザ上でニコニコ動画風にコメントを表示
コロナの影響で、リモートでの勉強会が増えてきましたが、プレゼン中に反応が少なくて寂しいなぁと感じることがあります。 でも意外にチャットは盛り上がってることが多いので、画面共有しているブラウザ上にニコニコ動画風にメッセージをアニメーション表示する機能を作ってみることにしました。 やりたいこと プレゼンターが会議URLを発行する 参加者は会議URLからコメントを入力する プレゼンターのWebブラウザ上に、参加者のコメントがニコニコ動画風にアニメーション表示される アーキテクチャ 検討の結果、以下の技術を採用することにしました。 ブラウザ上でコメント常時受付（フロント、プレゼンター側） => WebSocket(socket.io) 任意のページ上にコメント表示（フロント、プレゼンター側） => ブックマークレット（良いものができたらChrome拡張化して公開） コメント常時受付（サ Continue Reading