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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
120
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
2k
Claude Codeと2つの巻き戻し戦略 / Two Rewind Strategies with Claude Code
Avatar for 果物リン fruitriin
0
200
浮動小数の比較について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
370
猫の手も借りたい！ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
240
文字コードの話
Avatar for Masaki Hara qnighy
43
17k
CSC307 Lecture 11
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
590
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
Avatar for nnaka2992 nnaka2992
1
300
CSC307 Lecture 14
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
450
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
150
AIプロダクト時代のQAエンジニアに求められること
Avatar for imtnd imtnd
2
660
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
210

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
63
53k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.1k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
110
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k

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