AIの力でお手軽Chrome拡張機能作り

【オフライン開催】Kyoto Tech Talk #7 - connpassで発表した資料です。

Transcript

1. AIの力で お手軽Chrome拡張機能作り Kyoto Tech Talk #7 2025/2/6 京都産業大学 上村太成
2. 自己紹介 • taiseiue • X: @taiseiue • taiseiue.jp • C#/PHP/JavaScript • バックエンド/プログラミング言語 • おひとり様サークル => WSOFT • wsoft.ws
3. 導入 • ファイルを強制ダウンロードさせてくるサイトあるよね こういうのとか こういうの
4. 導入 • ブラウザ上で見れるファイルは極力ダウンロードしたくない • 主にPDFファイルとか • ダウンロードしても見返さないことが多い • ダウンロードフォルダがいっぱい • 見た後で削除するのはめんどくさい • Chrome拡張機能でなんとかなりそう • 作ったことないよ • なんとかしてよChat GPT〜 • あわよくばみんなに使ってもらいたい
5. 作る(ずっこけ)
6. 作る(ずっこけ) Manifest V3だとwebRequest APIが使えないらしい！ (ストアに公開できない)
7. 作る(ずっこけ) Manifest V3だとwebRequest APIが使えないらしい！ (ストアに公開できない)
8. 作る
9. 作る
10. 作る: 仕組み • HTTPレスポンスヘッダの書き換え • Content-Disposition: inline; • このヘッダを書き換え/挿入する • DecrativeNetRequest APIを使う • 宣言的(=Decrative)なリクエストの書き換えを行うAPI
11. 作る declativeNetRequestは ルールセットを事前に定義しておく ここの内容を動的に書き換えて 書き換えルールを適用する
12. 作る declativeNetRequestは ルールセットを事前に定義しておく ここの内容を動的に書き換えて 書き換えルールを適用する ここでルールを設定
13. 作る • あとは設定画面生やしたり • ポップアップで 切り替えれるように
14. できた github.com/taiseiue/mukaikun
15. Chrome Webストアに公開してみる
16. AIの力で お手軽Chrome拡張機能作り Kyoto Tech Talk #7 2025/2/6 京都産業大学 上村太成