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
370
あなたの知らないesa
fukayatsu
0
320
楽しいesaの作り方
fukayatsu
0
270
tqrk07-fukayatsu.pdf
fukayatsu
3
450
Other Decks in Technology
See All in Technology
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
150
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
310
オブザーバビリティと育てた ID管理・認証認可基盤の歩み / The Journey of an ID Management, Authentication, and Authorization Platform Nurtured with Observability
kaminashi
1
630
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
hiro8ma
1
310
知覚とデザイン
rinchoku
1
570
Copilot Studio ハンズオン - 生成オーケストレーションモード
tomoyasasakimskk
0
220
Wasmの気になる最新情報
askua
0
190
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
280
Kubernetes self-healing of your workload
hwchiu
0
510
QA業務を変える(!?)AIを併用した不具合分析の実践
ma2ri
0
140
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
420
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
390
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
Building Applications with DynamoDB
mza
96
6.7k
Documentation Writing (for coders)
carmenintech
75
5.1k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
22k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
How to Ace a Technical Interview
jacobian
280
24k
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༵