Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for taiseiue taiseiue
February 08, 2025
Programming
0
400

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

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

Avatar for taiseiue

taiseiue

February 08, 2025
Tweet

More Decks by taiseiue

See All by taiseiue
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
Avatar for taiseiue taiseiue
0
330
Kotlinのデフォルト引数の話
Avatar for taiseiue taiseiue
0
81
.NETの上でお手製の言語を動かす技術
Avatar for taiseiue taiseiue
0
100
振り向き美人
Avatar for taiseiue taiseiue
0
28
Tadpole operators
Avatar for taiseiue taiseiue
0
66
(自作の)プログラミング言語ができるまで
Avatar for taiseiue taiseiue
1
580

Other Decks in Programming

See All in Programming
atmaCup #23でAIコーディングを活用した話
Avatar for ML_Bear ml_bear
4
720
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
Avatar for kuro kuro_kurorrr
3
1.6k
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
190
AI活用のコスパを最大化する方法
Avatar for Ochtum ochtum
0
120
15年目のiOSアプリを1から作り直す技術
Avatar for TAKEDA Yuki teakun
0
580
日本だけで解禁されているアプリ起動の方法
Avatar for Ryu-nakayama ryunakayama
0
360
new(1.26) ← これすき / kamakura.go #8
Avatar for utagawa kiki utgwkk
0
1.3k
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
420
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
430
Agent Skills Workshop - AIへの頼み方を仕組み化する
Avatar for Gota gotalab555
13
7.6k
今、アーキテクトとして 品質保証にどう関わるか
Avatar for Nealle nealle
0
200
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
180

Featured

See All Featured
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
64
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.3k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
9.3k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
190
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
160
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k

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 京都産業大学 上村太成