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

最近Chrome拡張機能を作り始めて、Javascriptに触れる機会が増えた。 QiitaやらMozillaのサイトを見てると、Javascriptはモダンな"書き方"というのがどんどん変わってきているらしい。 そのうちの一つがアロー関数という関数の書き方 1 2 3 4 5 fucntion test() { console.log("hoge"); } test(); 1 2

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

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

Built with Firebase Firebase Cloud Messaging webpushのプロトコルを使って、ブラウザやモバイルアプリなどのクライアントにメッセージを配信してくれるクラウドサービス WebPushとは ブラウザにServiceWorkerというプログラムを登録する。 あるサイトを訪れたときに、「このサイトから通知を受信しますか？」みたいなメッセージが