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
0
15
同人サークルを作って
8年経った僕らの現在地
Avatar for taiseiue taiseiue
0
200
RustでもVJしたい！
Avatar for taiseiue taiseiue
0
100
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
Avatar for taiseiue taiseiue
0
540
Kotlinのデフォルト引数の話
Avatar for taiseiue taiseiue
0
120
.NETの上でお手製の言語を動かす技術
Avatar for taiseiue taiseiue
0
120
振り向き美人
Avatar for taiseiue taiseiue
0
41
Tadpole operators
Avatar for taiseiue taiseiue
0
92
(自作の)プログラミング言語ができるまで
Avatar for taiseiue taiseiue
1
690

Other Decks in Programming

See All in Programming
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
選挙速報を多くのユーザーへ 届ける Live Activities 設計
Avatar for kengo saito hamayokokuririn
0
210
JRuby: Past, Present, and Future
Avatar for headius headius
0
220
GemmaをJevのように使ってみる / Use Gemma like Jev
Avatar for Naoki Kishida kishida
5
510
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2.6k
Webの地図
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
6
5k
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
5.9k
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
150
KiroのSpecで「五目並べ」を作ってみる
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
330
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
830
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
230
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
9.4k

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
188
29k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
550
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
390
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
560
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
330
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
620
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
310
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k

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