Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Getting Started With Chrome Extensions
Search
Steve Kibuika
July 31, 2022
Programming
0
94
Getting Started With Chrome Extensions
A shallow dive into chrome extensions, how to build one and how I built one.
Steve Kibuika
July 31, 2022
Tweet
Share
More Decks by Steve Kibuika
See All by Steve Kibuika
The Closure(s) you need
kibuika
0
85
Google Maps API: Beyond the Map
kibuika
1
70
Other Decks in Programming
See All in Programming
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
620
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
99
37k
PHPカンファレンス関西2025 基調講演
sugimotokei
5
710
NEWT Backend Evolution
xpromx
1
140
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.9k
コーディングエージェント概観(2025/07)
itsuki_t88
0
100
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
410
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
440
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
540
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
170
Yes, You Can Work on Rails & any other Gem
kaspth
0
110
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
54
13k
RailsConf 2023
tenderlove
30
1.2k
Done Done
chrislema
184
16k
The Cult of Friendly URLs
andyhume
79
6.5k
Building an army of robots
kneath
306
45k
Raft: Consensus for Rubyists
vanstee
140
7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Embracing the Ebb and Flow
colly
86
4.8k
Transcript
GETTING STARTED WITH CHROME EXTENSIONS Steve Kibuika by
Just in case slides at kibuika.com/ext-ppt extension repo at kibuika.com/grauchi-ext
tweet me at @the_kibuika
The atomics of chrome extensions manifest.json() The heart of the
extension. This is where all configurations live.
Manifest file format
Let's code
More manifest options... description icons action content_scripts background : {"service_worker":
"background.js}
Content Scripts Uses the DOM to read details and make
changes to web pages They work in isolated worlds (private execution environments) Declared statically Programmatically injected How to load content scripts:
Let's code
The Grauchi Extension All mixes under The Good Company youtube
channel are not well named. There is no way to tell whether a video is a HipHop/Afrobeats/Reggae/Pop mix. Perfect problem for an extension!!!
Problem specifics Finding the videos and their titles Replacing the
titles with appropriate titles Finding the appropriate titles Scaling
The HOW Lets look at the code
Questions??
Find me twitter @the_kibuika github kibuika.com/git