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
410
0

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

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

Avatar for taiseiue

taiseiue

February 08, 2025

More Decks by taiseiue

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

Other Decks in Programming

See All in Programming
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
220
KagglerがMixSeekを触ってみた
Avatar for Morim morim
0
370
それはエンジニアリングの糧である：AI開発のためにAIのOSSを開発する現場より / It serves as fuel for engineering: insights from the field of developing open-source AI for AI development.
Avatar for nrs nrslib
1
830
Swift Concurrency Type System
Avatar for Yasuhiro Inami inamiy
0
280
Java 21/25 Virtual Threads 소개
Avatar for Sunghyouk Bae (Debop) debop
0
330
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
4.6k
PDI: Como Alavancar Sua Carreira e Seu Negócio
Avatar for Marcel dos Santos marcelgsantos
0
100
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
5.9k
Go_College_最終発表資料__外部公開用_.pdf
Avatar for xe-pc23 xe_pc23
0
130
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
340
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
220
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
740

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
160
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
670
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.4k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
250
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
800
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
160
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k

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