Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for taiseiue taiseiue
February 08, 2025
Programming
490
0

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

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

Avatar for taiseiue

taiseiue

February 08, 2025

More Decks by taiseiue

See All by taiseiue
自サークルのIdPからログアウトできるようになるまで
Avatar for taiseiue taiseiue
1
140
同人サークルを作って
8年経った僕らの現在地
Avatar for taiseiue taiseiue
0
280
RustでもVJしたい！
Avatar for taiseiue taiseiue
0
110
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
Avatar for taiseiue taiseiue
0
600
Kotlinのデフォルト引数の話
Avatar for taiseiue taiseiue
0
120
.NETの上でお手製の言語を動かす技術
Avatar for taiseiue taiseiue
0
130
振り向き美人
Avatar for taiseiue taiseiue
0
42
Tadpole operators
Avatar for taiseiue taiseiue
0
93
(自作の)プログラミング言語ができるまで
Avatar for taiseiue taiseiue
1
700

Other Decks in Programming

See All in Programming
オーケストレーション記述言語 Katari
Avatar for ゆきくらげ yukikurage
0
180
HTML-in-Canvasで作る未来のWeb UI表現
Avatar for IKEDA Yasunobu clockmaker
5
5.2k
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Kaigi on Rails 2026, Tokyo, Japan
Avatar for Marco Roth marcoroth
2
310
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
8.7k
Zero-Tap Sign-In対応、結局何をすればいいの？
Avatar for mitohato14 mitohato14
0
300
IBM Bob Dojo #1 仕様駆動開発入門
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
410
Performance Optimization With LLMs
Avatar for xLeitix xleitix
0
190
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
190
Kotlinize Is Not Just Converting to Kotlin
Avatar for Kazuki Chigita chigichan24
1
180
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
1.2k
残高管理から台帳サービスへの進化
Avatar for kobaryo artoy
1
210
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.5k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
640
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
610
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
740
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Designing for Performance
Avatar for Lara Hogan lara
612
70k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
600

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