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

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

Avatar for taiseiue taiseiue
February 08, 2025
Programming
0
300

 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
180
Kotlinのデフォルト引数の話
Avatar for taiseiue taiseiue
0
51
.NETの上でお手製の言語を動かす技術
Avatar for taiseiue taiseiue
0
74
振り向き美人
Avatar for taiseiue taiseiue
0
19
Tadpole operators
Avatar for taiseiue taiseiue
0
50
(自作の)プログラミング言語ができるまで
Avatar for taiseiue taiseiue
1
370

Other Decks in Programming

See All in Programming
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
800
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
Avatar for bash0C7 bash0c7
1
770
新メンバーも今日から大活躍！SREが支えるスケールし続ける組織のオンボーディング
Avatar for HonMarkHunt honmarkhunt
5
7.2k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
2.1k
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
Avatar for Munetoshi Ishikawa munetoshi
0
170
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
390
NPOでのDevinの活用
Avatar for みんなのコード codeforeveryone
0
830
生成AI時代のコンポーネントライブラリの作り方
Avatar for touyou touyou
1
210
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
Avatar for Oikon s4yuba
16
11k
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
Google Agent Development Kit でLINE Botを作ってみた
Avatar for Kento.Yamada ymd65536
2
250
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
170

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k

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