概要

chrome extensionを使ってやりたいことを実現しようとしたが挫折した話
初心者が公式doc見ながら＆claudeに助けてもらいながら10時間ぐらい格闘した結果、心が折れた

やりたかったこと

・拡張機能をインストールし、拡張機能の「実行」ボタンを押したら動作する
・あるページの値を取得し、他のページに挿入する。これらのページは別タブで同時に開かれている
　└あるいは、取得した値によって、対応したselectの値を選ぶなど
・現在開いているページ内のボタンを押してURL遷移し、遷移後のページで処理を行う

だめだったこと

・タブを切り替えることはできるが、切り替わったタイミングで処理が中断されてしまう
・URL遷移（aタグをクリック）をした段階で、遷移先で処理を続行することが難しそう
　└タブが更新されたeventをlistenし、特定のURLだったら～　というやり方はある
　└localStorageを使ってstatefulにはできそう
　└上記2つを組み合わせると、URLが変わったタイミングで任意の処理をさせることはできそうだが、複雑すぎる（ことになると見込んでいる）
・単純なsleepができなかった。jsの問題か？ promise(...).then(...) という書き方はできるが、中身が複雑になりすぎる
　└jsだけで言うとできるらしいが、chrome extensionとして組み込んでみても動作しなかった。要検証 https://qiita.com/teloppy_com/items/cd483807813af5a4a38a

配布が難しい

配布方法は
・ソース丸ごと or crxファイルにパッケージして、直接配布
・公式ストアに登録

公式ストアは更新するために審査が必要、ちょっとした修正でも大変
セルフホストは自由で良さそう。ただ、いざやってみたらダメだった。DLする際に crx_required_proof_missing エラーが出てしまい、これが解決できなかった・・

公式doc

今後

Playwright使えば良い気がする（初心者）