経緯 画面の端っこて動くポメが見たいが為に、 ポメ + ポモドーロ = ポメドーロ という拡張機能を作る忘備録です。 完全なる初心者なので、間違っていたらご指摘いただけると嬉しいです。 完成した作品は → こちら🐕 拡張機能作成において ・HTML JavaScript CSSを使ってchrome拡張機能を作成する。 ・大まかに分けるとmanifest.json popup service_worker(back ground) content_scriptsこの4つの部分をゴニョゴニョすれば大体の拡張機能は作れる。 manifest.json 拡張機能の設定ファイル。拡張機能の基本情報や登録する機能、そのために使うファイルや属性を記載する。 popup 拡張機能をインストールすると、画面右上ブクマの隣にアイコンが出ます。アイコンを押すとポップアップ画面が出て、拡張機能が使える。 ser
![🔰JS初心者が作るGoogle extension V3 ① - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/46bca17eb24f2b595015987bd7bdbb1ba4da7252/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUYwJTlGJTk0JUIwSlMlRTUlODglOUQlRTUlQkYlODMlRTglODAlODUlRTMlODElOEMlRTQlQkQlOUMlRTMlODIlOEJHb29nbGUlMjBleHRlbnNpb24lMjBWMyUyMCVFMiU5MSVBMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGIzOTE4Yzg3NGEwMGNjOGIyMTZlZjA4YzIwZGFjM2U%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwbW1hdW10amdqJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzImdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lNjJkMzAxMjVjMTk2MzBmZTdkMmZkZDllY2Y3YTMwNQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D44561a5caf14d4b8cdb2a3c129fb8f8a)