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
350
あなたの知らないesa
fukayatsu
0
310
楽しいesaの作り方
fukayatsu
0
260
tqrk07-fukayatsu.pdf
fukayatsu
3
440
Other Decks in Technology
See All in Technology
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
Claude Code に プロジェクト管理やらせたみた
unson
6
4.1k
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
240
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
440
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
1
190
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
17k
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
320
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
280
Geminiとv0による高速プロトタイピング
shinya337
1
270
Featured
See All Featured
Facilitating Awesome Meetings
lara
54
6.4k
Speed Design
sergeychernyshev
32
1k
Code Review Best Practice
trishagee
69
18k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Typedesign – Prime Four
hannesfritz
42
2.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
6
300
How STYLIGHT went responsive
nonsquared
100
5.6k
Building Adaptive Systems
keathley
43
2.7k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
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༵