1 of 16

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

Kyoto Tech Talk #7

2025/2/6

京都産業大学 上村太成

2 of 16

自己紹介

  • taiseiue
    • X: @taiseiue

​

    • taiseiue.jp

​

    • C#/PHP/JavaScript

​

    • バックエンド/プログラミング言語

​

    • おひとり様サークル => WSOFT
      • wsoft.ws

​

3 of 16

導入

  • ファイルを強制ダウンロードさせてくるサイトあるよね

こういうのとか

こういうの

4 of 16

導入

​

  • ブラウザ上で見れるファイルは極力ダウンロードしたくない

​

    • 主にPDFファイルとか
      • ダウンロードしても見返さないことが多い
    • ダウンロードフォルダがいっぱい
      • 見た後で削除するのはめんどくさい

​

  • Chrome拡張機能でなんとかなりそう
    • 作ったことないよ
    • なんとかしてよChat GPT〜

5 of 16

作る(ずっこけ)

6 of 16

作る(ずっこけ)

Manifest V3だとwebRequest APIが使えないらしい！

(ストアに公開できない)

7 of 16

作る(ずっこけ)

Manifest V3だとwebRequest APIが使えないらしい！

(ストアに公開できない)

8 of 16

作る

9 of 16

作る

10 of 16

作る: 仕組み

  • HTTPレスポンスヘッダの書き換え
    • Content-Disposition: inline;
    • このヘッダを書き換え/挿入する
  • DecrativeNetRequest APIを使う
    • 宣言的(=Decrative)なリクエストの書き換えを行うAPI

​

11 of 16

作る

declativeNetRequestは

ルールセットを事前に定義しておく

ここの内容を動的に書き換えて

書き換えルールを適用する

12 of 16

作る

declativeNetRequestは

ルールセットを事前に定義しておく

ここの内容を動的に書き換えて

書き換えルールを適用する

ここでルールを設定

13 of 16

作る

  • あとは設定画面生やしたり
  • ポップアップで

　切り替えれるように

14 of 16

できた

github.com/taiseiue/mukaikun

15 of 16

Chrome Webストアに公開してみる

16 of 16

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

Kyoto Tech Talk #7

2025/2/6

京都産業大学 上村太成