拡張機能
更新 2023/2/22 17:27:58
ktd
2023/2/22 17:27:58
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgxJTg2JUUzJTgxJUExJUUzJTgxJUE3Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThEJUUzJTgxJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xN2FkMzY2YmNiZmVkOWIxZDhhNzkzNTQ1ZTJjZjg1Ng&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGV0cmFwb2QxMTcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA3NmI2OTRhNzEwNjdlZmM3N2U5MGFhYzU3MWIwYjU4&blend-x=142&blend-y=491&blend-mode=normal&s=dbd22013ab3b2caee04f6103c1fb26b5)
うちでChrome拡張機能を作ろう - Qiita
この記事はNTTコミュニケーションズアドベントカレンダーの8日目の記事です。
昨日は、@suzusuzu さんの 「Rustで実装するNetflow Collector」でした。
はじめに
どうもこんにちは
昨年はこんな記事を...
qiita.com
うちでChrome拡張機能を作ろう - Qiita![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgxJTg2JUUzJTgxJUExJUUzJTgxJUE3Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThEJUUzJTgxJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xN2FkMzY2YmNiZmVkOWIxZDhhNzkzNTQ1ZTJjZjg1Ng&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGV0cmFwb2QxMTcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA3NmI2OTRhNzEwNjdlZmM3N2U5MGFhYzU3MWIwYjU4&blend-x=142&blend-y=491&blend-mode=normal&s=dbd22013ab3b2caee04f6103c1fb26b5)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgxJTg2JUUzJTgxJUExJUUzJTgxJUE3Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThEJUUzJTgxJTg2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xN2FkMzY2YmNiZmVkOWIxZDhhNzkzNTQ1ZTJjZjg1Ng&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGV0cmFwb2QxMTcmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTA3NmI2OTRhNzEwNjdlZmM3N2U5MGFhYzU3MWIwYjU4&blend-x=142&blend-y=491&blend-mode=normal&s=dbd22013ab3b2caee04f6103c1fb26b5)
この記事はNTTコミュニケーションズアドベントカレンダーの8日目の記事です。
昨日は、@suzusuzu さんの 「Rustで実装するNetflow Collector」でした。
はじめに
ど...
qiita.com
React Docs Beta![](https://ik.imagekit.io/ndn3j1xrlxz/https://beta.reactjs.org/logo-og.png)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://beta.reactjs.org/logo-og.png)
A JavaScript library for building user interfaces
beta.reactjs.org
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUFFJUUzJTgwJThDJUUzJTgxJTgyJUUzJTgxJUE4JUUzJTgxJUE3JUU4JUE2JThCJUUzJTgyJThCJUUzJTgwJThEJUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyQ2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02YmIzMmNhZjZiZDIzMGRkMGM4ZDJhMmZiMjA5ZDc5YQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9tb3dhcmthciZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjNjMjA4MDY4MjIwMjU5Y2JlOTRkMzMzNzhmYWRlY2E&blend-x=142&blend-y=491&blend-mode=normal&s=4cc51caf49d2d4e3981708cbc0cdd234)
ブラウザの「あとで見る」機能をChrome拡張機能を使って実装する。 - Qiita
この記事はZeals Advent Calendar 2019 9日目の記事になります。
はじめまして。Zealsでバックエンドエンジニアのインターンをしている大学3年生の@tomowarkarです。
日頃の少しきになることを解決...
qiita.com
ブラウザの「あとで見る」機能をChrome拡張機能を使って実装する。 - Qiita![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUFFJUUzJTgwJThDJUUzJTgxJTgyJUUzJTgxJUE4JUUzJTgxJUE3JUU4JUE2JThCJUUzJTgyJThCJUUzJTgwJThEJUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyQ2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02YmIzMmNhZjZiZDIzMGRkMGM4ZDJhMmZiMjA5ZDc5YQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9tb3dhcmthciZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjNjMjA4MDY4MjIwMjU5Y2JlOTRkMzMzNzhmYWRlY2E&blend-x=142&blend-y=491&blend-mode=normal&s=4cc51caf49d2d4e3981708cbc0cdd234)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUFFJUUzJTgwJThDJUUzJTgxJTgyJUUzJTgxJUE4JUUzJTgxJUE3JUU4JUE2JThCJUUzJTgyJThCJUUzJTgwJThEJUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyQ2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02YmIzMmNhZjZiZDIzMGRkMGM4ZDJhMmZiMjA5ZDc5YQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9tb3dhcmthciZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YjNjMjA4MDY4MjIwMjU5Y2JlOTRkMzMzNzhmYWRlY2E&blend-x=142&blend-y=491&blend-mode=normal&s=4cc51caf49d2d4e3981708cbc0cdd234)
この記事はZeals Advent Calendar 2019 9日目の記事になります。
はじめまして。Zealsでバックエンドエンジニアのインターンをしている大学3年生の@tomowarkarです...
qiita.com
Reactでサクッとchromeの拡張機能をつくる![](https://ik.imagekit.io/ndn3j1xrlxz/https://res.cloudinary.com/zenn/image/upload/s--2z9WTlx5--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:React%25E3%2581%25A7%25E3%2582%25B5%25E3%2582%25AF%25E3%2583%2583%25E3%2581%25A8chrome%25E3%2581%25AE%25E6%258B%25A1%25E5%25BC%25B5%25E6%25A9%259F%25E8%2583%25BD%25E3%2582%2592%25E3%2581%25A4%25E3%2581%258F%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:tokku5552%2Cx_203%2Cy_98/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzE2YmI5OWJjYzcuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/og-base.png)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://res.cloudinary.com/zenn/image/upload/s--2z9WTlx5--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:React%25E3%2581%25A7%25E3%2582%25B5%25E3%2582%25AF%25E3%2583%2583%25E3%2581%25A8chrome%25E3%2581%25AE%25E6%258B%25A1%25E5%25BC%25B5%25E6%25A9%259F%25E8%2583%25BD%25E3%2582%2592%25E3%2581%25A4%25E3%2581%258F%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:tokku5552%2Cx_203%2Cy_98/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzE2YmI5OWJjYzcuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/og-base.png)
zenn.dev
![](https://ik.imagekit.io/ndn3j1xrlxz/https://school.runteq.jp/assets/runteq_ogp-379c51e79e9b59ab701b5ecadfb5b4016b6d9f63db1b4c4945eb670fdc6e0caa.png)
Web系エンジニア転職NO.1オンラインプログラミングスクール | RUNTEQ(ランテック)
Webエンジニア就職のためのプログラミングスクールならRUNTEQ(ランテック)。現役エンジニアの講師と実務レベルのカリキュラムで、Web系企業に就職するための必須スキルを修得できます。卒業時には完全オリジナルなポートフォリオを作成して、就活を有利に進めましょう。
school.runteq.jp
Web系エンジニア転職NO.1オンラインプログラミングスクール | RUNTEQ(ランテック)![](https://ik.imagekit.io/ndn3j1xrlxz/https://school.runteq.jp/assets/runteq_ogp-379c51e79e9b59ab701b5ecadfb5b4016b6d9f63db1b4c4945eb670fdc6e0caa.png)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://school.runteq.jp/assets/runteq_ogp-379c51e79e9b59ab701b5ecadfb5b4016b6d9f63db1b4c4945eb670fdc6e0caa.png)
Webエンジニア就職のためのプログラミングスクールならRUNTEQ(ランテック)。現役エンジニアの講師と実務レベルのカリキュラムで、Web系企業に就職するための必須スキルを修得できます。卒業時には完全...
school.runteq.jp
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwbWFuaWZlc3QuanNvbiUyMFZlci4zJUUzJTgxJUFFJUU2JTlCJUI4JUUzJTgxJThEJUU2JTk2JUI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04YzVlMjk5NTk0ZjgyYjA1MGM2MWE4NzM5NjhkNmU4Zg&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpcm8xMjEyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iM2I5OTQ0NzRmMThkNWMyODVjOThhNWYxY2ViZGExNw&blend-x=142&blend-y=491&blend-mode=normal&s=9458c3c628fbf0652f75c6d630d2f848)
Chrome拡張機能 manifest.json Ver.3の書き方 - Qiita
はじめに
現在のChrome拡張機能のマニフェストのバージョンはV2とV3がありますが、こちら によると、
- 2022/1/17 でmanifest v2で新規公開はできなくなる
- 2022/6でmanifest v2...
qiita.com
Chrome拡張機能 manifest.json Ver.3の書き方 - Qiita![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwbWFuaWZlc3QuanNvbiUyMFZlci4zJUUzJTgxJUFFJUU2JTlCJUI4JUUzJTgxJThEJUU2JTk2JUI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04YzVlMjk5NTk0ZjgyYjA1MGM2MWE4NzM5NjhkNmU4Zg&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpcm8xMjEyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iM2I5OTQ0NzRmMThkNWMyODVjOThhNWYxY2ViZGExNw&blend-x=142&blend-y=491&blend-mode=normal&s=9458c3c628fbf0652f75c6d630d2f848)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwbWFuaWZlc3QuanNvbiUyMFZlci4zJUUzJTgxJUFFJUU2JTlCJUI4JUUzJTgxJThEJUU2JTk2JUI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04YzVlMjk5NTk0ZjgyYjA1MGM2MWE4NzM5NjhkNmU4Zg&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hpcm8xMjEyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1iM2I5OTQ0NzRmMThkNWMyODVjOThhNWYxY2ViZGExNw&blend-x=142&blend-y=491&blend-mode=normal&s=9458c3c628fbf0652f75c6d630d2f848)
はじめに
現在のChrome拡張機能のマニフェストのバージョンはV2とV3がありますが、こちら によると、
- 2022/1/17 でmanifest v2で新規公開はできなくなる
- 2...
qiita.com
![](https://ik.imagekit.io/ndn3j1xrlxz/https://liginc.co.jp/wp-content/uploads/2019/11/bb37b8446544f2ca43afdbd99e34a119.png)
ボタンを押すとタイトル・description・OGPが確認できるChromeの拡張機能作ったよ!【LIGアドベントカレンダー16日目】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
「ワイから皆さんへプレゼントやでっ!」LIGのバックエンドエンジニア・ハルが、ポチッとボタンを押すと、ページのタイトル、説明文、キーワード、SNSシェア時のOGPがひと目で確認できる、シンプルなChrome拡張機能を作りました!
liginc.co.jp
ボタンを押すとタイトル・description・OGPが確認できるChromeの拡張機能作ったよ!【LIGアドベントカレンダー16日目】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作![](https://ik.imagekit.io/ndn3j1xrlxz/https://liginc.co.jp/wp-content/uploads/2019/11/bb37b8446544f2ca43afdbd99e34a119.png)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://liginc.co.jp/wp-content/uploads/2019/11/bb37b8446544f2ca43afdbd99e34a119.png)
「ワイから皆さんへプレゼントやでっ!」LIGのバックエンドエンジニア・ハルが、ポチッとボタンを押すと、ページのタイトル、説明文、キーワード、SNSシェア時のOGPがひと目で確認できる、シンプルなChr...
liginc.co.jp
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUUzJTgxJUFFJUU0JUJEJTlDJUUzJTgyJThBJUU2JTk2JUI5JTIwJTI4JUU4JUI2JTg1JUU2JUE2JTgyJUU4JUE2JTgxJTI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zMzI4ODMwYjM4YzAxMzI3ZDYxZTNhMDJmMjM3MGJkYw&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwUnlCQiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTYyZWZkYjdiMTdjZjc1NDJiNzdlOGI1NDAwZWM1ZGE&blend-x=142&blend-y=491&blend-mode=normal&s=2a892658f971b44bc7eb84ab758dd2cc)
Chrome拡張の作り方 (超概要) - Qiita
【更新情報】
・2020.12.25
別記事でこの記事の「ガチのやつ」にフォーカスしたものを書きました!
▼ kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る
https://qiita.com/RyB...
qiita.com
Chrome拡張の作り方 (超概要) - Qiita![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUUzJTgxJUFFJUU0JUJEJTlDJUUzJTgyJThBJUU2JTk2JUI5JTIwJTI4JUU4JUI2JTg1JUU2JUE2JTgyJUU4JUE2JTgxJTI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zMzI4ODMwYjM4YzAxMzI3ZDYxZTNhMDJmMjM3MGJkYw&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwUnlCQiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTYyZWZkYjdiMTdjZjc1NDJiNzdlOGI1NDAwZWM1ZGE&blend-x=142&blend-y=491&blend-mode=normal&s=2a892658f971b44bc7eb84ab758dd2cc)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9Q2hyb21lJUU2JThCJUExJUU1JUJDJUI1JUUzJTgxJUFFJUU0JUJEJTlDJUUzJTgyJThBJUU2JTk2JUI5JTIwJTI4JUU4JUI2JTg1JUU2JUE2JTgyJUU4JUE2JTgxJTI5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zMzI4ODMwYjM4YzAxMzI3ZDYxZTNhMDJmMjM3MGJkYw&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwUnlCQiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YTYyZWZkYjdiMTdjZjc1NDJiNzdlOGI1NDAwZWM1ZGE&blend-x=142&blend-y=491&blend-mode=normal&s=2a892658f971b44bc7eb84ab758dd2cc)
【更新情報】
・2020.12.25
別記事でこの記事の「ガチのやつ」にフォーカスしたものを書きました!
▼ kintoneのスレッド投稿がスマートになるChrome拡張をVue.jsで作る
http...
qiita.com
![](https://ik.imagekit.io/ndn3j1xrlxz/https://res.cloudinary.com/zenn/image/upload/s--wWCQUr7K--/g_center%2Ch_280%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9iNDIwNjVmMTc2LnBuZw==%2Cw_200/v1627283836/default/og-base-book_yz4z02.jpg)
ReactではじめるChrome拡張開発入門
ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。
開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。 また、本書を読むことでDeepLのような実践的な翻訳Chrome
zenn.dev
ReactではじめるChrome拡張開発入門![](https://ik.imagekit.io/ndn3j1xrlxz/https://res.cloudinary.com/zenn/image/upload/s--wWCQUr7K--/g_center%2Ch_280%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9iNDIwNjVmMTc2LnBuZw==%2Cw_200/v1627283836/default/og-base-book_yz4z02.jpg)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://res.cloudinary.com/zenn/image/upload/s--wWCQUr7K--/g_center%2Ch_280%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYm9va19jb3Zlci9iNDIwNjVmMTc2LnBuZw==%2Cw_200/v1627283836/default/og-base-book_yz4z02.jpg)
ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。
開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的...
zenn.dev
![](https://ik.imagekit.io/ndn3j1xrlxz/https://original-game.com/wp-content/uploads/2021/05/chrome_extensions_eyecatch2.jpg)
Chrome拡張機能の作り方を分かりやすく解説
Chrome拡張機能の作り方を、分かりやすく紹介します。Chromeの拡張機能を自作することができれば、ちょっとした便利な機能を追加したり、Webサイトを見るときにそのサイトを自分好みにカスタマイズして表示したりと、さまざまなことができるようになります。
original-game.com
てすと
Chrome拡張機能の作り方を分かりやすく解説![](https://ik.imagekit.io/ndn3j1xrlxz/https://original-game.com/wp-content/uploads/2021/05/chrome_extensions_eyecatch2.jpg)
![](https://ik.imagekit.io/ndn3j1xrlxz/https://original-game.com/wp-content/uploads/2021/05/chrome_extensions_eyecatch2.jpg)
Chrome拡張機能の作り方を、分かりやすく紹介します。Chromeの拡張機能を自作することができれば、ちょっとした便利な機能を追加したり、Webサイトを見るときにそのサイトを自分好みにカスタマイズし...
original-game.com
てすと