Chrome拡張 つくりかた 令和最新版

数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい？」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite

[bocuno]

このリンクの並びにとほほさんが入ってくるの凄すぎる

[edamax]

プロフィールに1965年生まれって記載してあるのにろくにページを読まないブクマカに「どれだけ若く見積もっても」60歳は超えてる、とか言われるとほほ氏が気の毒だと思います！

[sue445]

とほほさんの守備範囲の広さよ…

[team_overtake2]

令和最新版という文字列だけで中華製品を連想してしまう。

[tohokuaiki]

へぇ。もう8年以上前に作ったきりだけど、随分変わってるんだろうな。

[kenzy_n]

痒い所に手が届くものが欲しくなる

[otchy210]

manifest が v3 になって書式が変わったりセキュリティが厳しくなったのと、background.js を動かすのに Service Worker を使うようになったのが近年の大きな変化かな。大枠ではそんなに変わってないと思う。

[lenore]

社内のWebアプリの使い辛いところを、Chrome拡張で補助して使ってる。メンドイけど仕組みは簡単なヤツ。テキトーに作っても動くのでありがたい。ちゃんと作るモチベとネタが足りない……。

[daruyanagi]

“とほほさんがChrome拡張のページを用意していてつい嬉しくなってしまった”

[richard_raw]

“この前はとほほの仏教入門を読ませてもらったが、とほほさんは本当に手広くやっていてすごい。” なんとまあ。

[eriko315]

とほほさんが、Chrome拡張機能開発入門まで作ってる、、、！すごい。私が現役生時代からWeb作るときにかなりお世話になってた老舗サイトなので、もう本業は定年退職された方なのではと予想。良いなぁ〜。

[Foorier]

“この前はとほほの仏教入門を読ませてもらったが、とほほさんは本当に手広くやっていてすごい。”手広すぎでしょ…w

[khiramatsu]

“に書いて、クリップボードを使う数行のコードをmain.tsに書いただけという、至って素朴な出来になっていると思う。 ホーム”

[rail44]

webextension-toolboxというcliが便利です https://github.com/webextension-toolbox/webextension-toolbox

[ichinotani]

とほほさんの守備範囲の広さは東京ドーム3個分

[uva]

とほほさんって概念なのかな

[kkobayashi]

自前の拡張がインストールしにくくなったのがなあ

[onionskin]

リンクは有益なんだけど、これ標準機能でできないんだっけ？

[sionsou]

もはや、とほほさんは俺たちのプログラミングの父なのかもしれない

[studymonster]

いや、本当にとほほさんって何者だろうね。実は個人ではないのかしら。

[diveintounlimit]

とほほは伝説になったのだ

[shikiarai]

杜甫々という概念もいずれ更新が止まるしスッとつなげなくなる日が来るのかと思うと怖くなるね。/野良アプリをちょっと作ったけどそんなに前と変わってない気がする

[whisper-monkey]

“この前はとほほの仏教入門を読ませてもらったが”とほほさんは既に解脱し概念になってると考えられる

[xxxxxeeeee]

とほほのHTML入門が賛否あるころから見てたけどここまで続けるのはすごすぎ 結局<i>とかなんでも出てきてセマンティックwebとはなんじゃらほいになった今日このごろ。

[amane60]

こういう情報たすかる

[kako-jun]

ちょうどロドスト日記をエクスポートするChrome拡張を作ってて、副産物としてスターターを公開する所だったわ。私もVite&Reactを選んだけど、background.tsとcontent_scripts.tsを追加esbuildすればシンプルで、ほかのnpmは使わなかった

[efcl]

manifest v3の拡張

[okami-no-sacchan]

とほほさん、いくつなんだ

[roirrawedoc]

一方safari拡張は認証？取らないといけなくなって個人じゃやってられなくなった。面倒臭すぎる。

[spark7]

とほほのページのやつくらいの簡単なのしか作らんな。自分で使うだけだしデベロッパーモード実行で十分だが、ストアとか審査とかまでやるモチベーションはどこから...

[njrhh]

今年こそやる！

[daruism]

とほほのWWW入門の文字をみて？！ってなった

[otoan52]

ブラウザ間でも標準規格化の流れが出てたりしてまた面白いとこだよね。

[als_uz]

よさそう