chrome拡張作ってみる

とりま下記のレポジトリで触ってみる
https://github.com/Yuto-M/zenn-chrome-ext

とりまhello world
https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=ja

参考: https://developer.chrome.com/docs/extensions/get-started?hl=ja

構造
https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=ja#structure

tsで書くにはchrome-typesを入れればOK
https://www.npmjs.com/package/chrome-types
https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=ja#types

viteでビルドすると楽そう
https://qiita.com/y_inoue15/items/8c3d21b97ec251af853f
https://ja.vitejs.dev/

後で読む
https://tech.revcomm.co.jp/build-chrome-extension-with-typescript

このチュートリアルもやってみる
https://developer.chrome.com/docs/extensions/get-started/tutorial/scripts-on-every-tab?hl=ja

コンテンツスクリプトで特定のサイトでdom要素をいじれる。
https://developer.chrome.com/docs/extensions/develop/concepts/content-scripts?hl=ja

下記から続き
https://developer.chrome.com/docs/extensions/get-started/tutorial/scripts-activetab?hl=ja