FlowChatForChrome

ニコニコ動画や"コメントスクリーン"といったサービスのようなチャットが画面上に流れてくるようなchrome拡張機能です． チャット機能の実装はFirebaseのRealtimeDatabaseで実現しました．

拡張機能の使用方法

FlowChatForChromeのフォルダを直接Chromeの その他->拡張機能の中にドラッグ&ドロップし，デベロッパーモードをオンにする． サンプルのソースでは"Google meet"のみで動作するようになっています． 適宜サンプルを変更して用いて下さい．

注意

本サンプルではFirebaseのRealtimeDatabaseを用いてチャット機能を実現しています． そのため，RealtimeDatabaseを用いるためのAPIkeyは今回，使用者様自身が取得したものを想定しています． したがって，実際用いる場合にはご自身でFirebaseのプロジェクトを作成し，サンプルの該当部分を変更してください．

Firebase

参考

Chrome Extension関係

Chromeの拡張機能を自作する　- 虎の穴開発室ブログ

Chrome拡張の開発方法まとめ その1：概念編 - Qiita

Chrome 拡張機能で Firebase を ... - Google Developers Japan

Firebase関係

FirebaseのRealtime Databaseでチャットアプリを作成｜ai ...

Firebaseで1時間で簡単なWebチャットアプリが作れる ...