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
Chrome Extensionをはじめよう
Search
fukayatsu
March 20, 2013
Technology
1
650
Chrome Extensionをはじめよう
渋谷.rb[:20130320](拡大版) on Zusaar
http://www.zusaar.com/event/545003
の発表資料です。
fukayatsu
March 20, 2013
Tweet
Share
More Decks by fukayatsu
See All by fukayatsu
esaを支える技術と気持ち
fukayatsu
7
2.9k
esa.ioの育て方
fukayatsu
28
9k
[WIP] esa.io、その後の話
fukayatsu
20
6.6k
esaを支える睡眠を支える技術
fukayatsu
18
6.5k
esa.io - 趣味から育てたWebサービスで生きていく
fukayatsu
62
61k
esa-kai
fukayatsu
1
360
あなたの知らないesa
fukayatsu
0
310
楽しいesaの作り方
fukayatsu
0
270
tqrk07-fukayatsu.pdf
fukayatsu
3
450
Other Decks in Technology
See All in Technology
Nstockの一人目エンジニアが 3年間かけて向き合ってきた セキュリティのこととこれから〜あれから半年〜
yo41sawada
0
210
Vault を基盤として整備し、 みんなに使ってもらえるようになるまで
takahiko
1
110
AWSで始める実践Dagster入門
kitagawaz
1
520
[RSJ25] Feasible RAG: Hierarchical Multimodal Retrieval with Feasibility-Aware Embodied Memory for Mobile Manipulation
keio_smilab
PRO
0
120
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
410
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.2k
「全員プロダクトマネージャー」を実現する、Cursorによる仕様検討の自動運転
applism118
0
140
共有と分離 - Compose Multiplatform "本番導入" の設計指針
error96num
1
220
【初心者向け】ローカルLLMの色々な動かし方まとめ
aratako
7
3.3k
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
3
510
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
140
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Code Reviewing Like a Champion
maltzj
525
40k
It's Worth the Effort
3n
187
28k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A better future with KSS
kneath
239
17k
Side Projects
sachag
455
43k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
Chrome Extension Λ͡ΊΑ͏ fukayatsu 2013-03-20 shibuya.rb ֦େ൛ 133݄21༵
about me • @fukayatsu • working for https://cakes.mu • ※ΤϯδχΞืूத
• ͜͜࠷ۙΑ͘chrome extension࡞ͬͯΔ 133݄21༵
࣭ • Google ChromeͬͯΔਓʁ • Chrome Extension࡞ͬͨ͜ͱ͕͋Δਓʁ • Chrome ExtensionΛެ։͍ͯ͠Δਓʁ
133݄21༵
શ෦ͯ·Δਓฉ ͔ͳ͍͍͔ͯ͘ orz 133݄21༵
Chrome Extension Λ࡞Δಈػ 133݄21༵
1. ෆຬ • ͍͍ͪͪʓʓ͢Δͷ͕໘ • ͔ͭɺͦΕΛղܾ͢Δextension͕ݟ ͨΒͳ͍ 133݄21༵
2. ༡ͼ • ΞΠίϯΛฒͯ༡ͼ͍ͨ 133݄21༵
3. ࡞ެ։؆୯ • جຊతʹjavascript + html + chrome api •
google checkoutͰ$5͏ͱެ։Մೳʹ • ↑ॳճͷΈ • ςελʔͷΈʹެ։Մೳ 133݄21༵
ൺֱత؆୯ʹ࡞ɾެ։ Ͱ͖ͯɺࣗͷʑͷੜ ׆ΛͪΐͬͱศརʹͰ͖ ͯɺଞͷਓʹتΜͰ Β͑Δʢ͔͠Εͳ͍ʣ 133݄21༵
Chrome Extension ͷ͡Ί͔ͨ 133݄21༵
ࢀߟαΠτ • http://developer.chrome.com/extensions/ getstarted.html • ͱΓ͋͑ͣGetting Started௨Γʹ࡞ͬ ͯΈΔ • https://developer.chrome.com/extensions/
samples.html • ଞͷαϯϓϧΛಈ͔ͯ͠ΈΔ 133݄21༵
࡞σϞʁ 133݄21༵
Chrome Web Store ʹެ։͢Δ 133݄21༵
σϞʁ 133݄21༵
Tips 133݄21༵
extension ͷΠϯετʔϧઌ • Mac • ~/Library/Application Support/Google/ Chrome/Default/Extensions/ 133݄21༵
࡞֦ͬͨுػೳ ͷҰ෦Λհ #εςϚ https://chrome.google.com/webstore/search-extensions/fukayatsu 133݄21༵
Easy Copy for Pivotal Tracker • pivotal trackerͷstory idstory nameΛΫ
ϦοϓϘʔυʹίϐʔ • ΘΓͱศར 133݄21༵
Markdown Linker • webϖʔδɺϦϯΫɺը૾Λmarkdown ܗࣜͰΫϦοϓϘʔυʹίϐʔ • ͜ΕΘΓͱศར 133݄21༵
AutoProxy • ϖʔδͷurl͝ͱʹࣗಈతʹproxyΛΓ ସ͑Δ • Proxy SwitchySharp͕ಈ͔ͳ͘ͳͬͨ ͷͰ࡞ • ઃఆը໘:
JSON 133݄21༵
MessageLeaf Blocker • ϒϩάͱ͔ͰϖʔδͷԼͷํ͔Βχϣ Ωοͱग़ͯ͘Δ༿ͬͺΛফ͢ • ͋Εͱͯྑ͍αʔϏεͩͱࢥ͏͚ Ͳɺͨ·ʹअຐʹײ͡ΔͷͰ... 133݄21༵
OopsStaging • ҙͷurlʹରͯ͠ҙͷϥϕϧΛࣗಈ ૠೖ • ʮ※ը໘։ൃதͷͷͰ͢ʯΈ͍ͨͳ • stagingڥͱ͔Ͱ༻ 133݄21༵
PanaiRedirect • ͯϒͷmobile൛ͷurlΛ౿Μͩ࣌ʹɺ PC൛ʹભҠͯ͠ཉ͔ͬͨ͠ͷͰ࡞ • (http://d.hatena.ne.jp/.+/)touch/(.+): ${1}${2} • ↑͜Μͳײ͡ͰઃఆΛՃͰ͖Δ 133݄21༵
͍ͭΔ͔ʁ • શʹ߹Θͤ • ʮͺʯͷӈʹ͔͠ଘࡏ͢ΔՁ͕ແ͍ 133݄21༵
͓ΘΓ 133݄21༵