ChromeExtension
chrome.storage API 更新がすぐに反映されない?
· ☕ 3 分で読めます
Photo by Cleyder Duque from Pexels chrome.storageは非同期にご注意 chrome.storage API Chrome拡張機能の開発で何らかのデータを保存したいとき、chrome.storage APIが使えます。 ブラウザのSessionストレージを使う方法もありますが、chrome.storage APIを使えばBackgroundスクリプトやC

アニメ、映画同時視聴のためのChrome拡張開発②
· ☕ 2 分で読めます
Photo by freestocks.org from Pexels アニメ、映画同時視聴のためのchrome拡張「StreamSync」開発 前回の記事はこちら StreamSync – アニメ、映画同時視聴のためのChrome拡張開発① | ひとりごと2.0 開発中のレポジトリはこちら atori74/streamsync atori74/streamsync-server 今回のお題 Youtubeのサイト上で再生されている動画を、Javascriptで制御する Youtu

StreamSync - アニメ、映画同時視聴のためのChrome拡張開発①
· ☕ 6 分で読めます
Photo by Tim Mossholder from Pexels はじめに youtubeの動画や配信で、主と視聴者がアニメや動画を同時視聴するという企画があります。 配信なら「同時視聴」と呼ばれるし、動画なら「リアクション動画」と呼ばれることが多いけど構造は同じ。 これ個人的に結構好きで、好きな生主とかyoutuberと好きなアニメを一緒に見てるような体験

chrome拡張とFCM(Firebase Cloud Messaging)との連携方法
· ☕ 4 分で読めます
Built with Firebase Firebase Cloud Messaging webpushのプロトコルを使って、ブラウザやモバイルアプリなどのクライアントにメッセージを配信してくれるクラウドサービス WebPushとは ブラウザにServiceWorkerというプログラムを登録する。 あるサイトを訪れたときに、「このサイトから通知を受信しますか?」みたいなメッセージが