Chrome Extensionをはじめよう

渋谷.rb[:20130320](拡大版) on Zusaar
http://www.zusaar.com/event/545003
の発表資料です。

Transcript

1. Chrome Extension Λ͸͡ΊΑ͏ fukayatsu 2013-03-20 shibuya.rb ֦େ൛ 13೥3݄21೔໦༵೔
2. about me • @fukayatsu • working for https://cakes.mu • ※ΤϯδχΞืूத • ͜͜࠷ۙΑ͘chrome extension࡞ͬͯΔ 13೥3݄21೔໦༵೔
3. ࣭໰ • Google Chrome࢖ͬͯΔਓʁ • Chrome Extension࡞ͬͨ͜ͱ͕͋Δਓʁ • Chrome ExtensionΛެ։͍ͯ͠Δਓʁ 13೥3݄21೔໦༵೔
4. શ෦౰ͯ͸·Δਓ͸ฉ ͔ͳͯ͘΋͍͍͔΋ orz 13೥3݄21೔໦༵೔
5. Chrome Extension Λ࡞Δಈػ 13೥3݄21೔໦༵೔
6. 1. ෆຬ • ͍͍ͪͪʓʓ͢Δͷ͕໘౗ • ͔ͭɺͦΕΛղܾ͢Δextension͕ݟ ౰ͨΒͳ͍ 13೥3݄21೔໦༵೔
7. 2. ༡ͼ • ΞΠίϯΛฒ΂ͯ༡ͼ͍ͨ 13೥3݄21೔໦༵೔
8. 3. ࡞੒΋ެ։΋؆୯ • جຊతʹjavascript + html + chrome api • google checkoutͰ$5෷͏ͱެ։Մೳʹ • ↑ॳճͷΈ • ςελʔͷΈʹެ։΋Մೳ 13೥3݄21೔໦༵೔
9. ൺֱత؆୯ʹ࡞੒ɾެ։ Ͱ͖ͯɺࣗ෼ͷ೔ʑͷੜ ׆ΛͪΐͬͱศརʹͰ͖ ͯɺଞͷਓʹ΋تΜͰ΋ Β͑Δʢ͔΋͠Εͳ͍ʣ 13೥3݄21೔໦༵೔
10. Chrome Extension ͷ͸͡Ί͔ͨ 13೥3݄21೔໦༵೔
11. ࢀߟαΠτ • http://developer.chrome.com/extensions/ getstarted.html • ͱΓ͋͑ͣGetting Started௨Γʹ࡞ͬ ͯΈΔ • https://developer.chrome.com/extensions/ samples.html • ଞͷαϯϓϧΛಈ͔ͯ͠ΈΔ 13೥3݄21೔໦༵೔
12. ࡞੒σϞʁ 13೥3݄21೔໦༵೔
13. Chrome Web Store ʹެ։͢Δ 13೥3݄21೔໦༵೔
14. σϞʁ 13೥3݄21೔໦༵೔
15. Tips 13೥3݄21೔໦༵೔
16. extension ͷΠϯετʔϧઌ • Mac • ~/Library/Application Support/Google/ Chrome/Default/Extensions/ 13೥3݄21೔໦༵೔
17. ࡞֦ͬͨுػೳ ͷҰ෦Λ঺հ #εςϚ https://chrome.google.com/webstore/search-extensions/fukayatsu 13೥3݄21೔໦༵೔
18. Easy Copy for Pivotal Tracker • pivotal trackerͷstory id΍story nameΛΫ ϦοϓϘʔυʹίϐʔ • ΘΓͱศར 13೥3݄21೔໦༵೔
19. Markdown Linker • webϖʔδɺϦϯΫɺը૾Λmarkdown ܗࣜͰΫϦοϓϘʔυʹίϐʔ • ͜Ε΋ΘΓͱศར 13೥3݄21೔໦༵೔
20. AutoProxy • ϖʔδͷurl͝ͱʹࣗಈతʹproxyΛ੾Γ ସ͑Δ • Proxy SwitchySharp͕ಈ͔ͳ͘ͳͬͨ ͷͰ࡞੒ • ઃఆը໘: JSON 13೥3݄21೔໦༵೔
21. MessageLeaf Blocker • ϒϩάͱ͔ͰϖʔδͷԼͷํ͔Βχϣ Ωοͱग़ͯ͘Δ༿ͬͺΛফ͢ • ͋Ε͸ͱͯ΋ྑ͍αʔϏεͩͱࢥ͏͚ Ͳɺͨ·ʹअຐʹײ͡ΔͷͰ... 13೥3݄21೔໦༵೔
22. OopsStaging • ೚ҙͷurlʹରͯ͠೚ҙͷϥϕϧΛࣗಈ ૠೖ • ʮ※ը໘͸։ൃதͷ΋ͷͰ͢ʯΈ͍ͨͳ • staging؀ڥͱ͔Ͱ࢖༻ 13೥3݄21೔໦༵೔
23. PanaiRedirect • ͸ͯϒͷmobile൛ͷurlΛ౿Μͩ࣌ʹɺ PC൛ʹભҠͯ͠ཉ͔ͬͨ͠ͷͰ࡞੒ • (http://d.hatena.ne.jp/.+/)touch/(.+): ${1}${2} • ↑͜Μͳײ͡ͰઃఆΛ௥ՃͰ͖Δ 13೥3݄21೔໦༵೔
24. ͍ͭ΍Δ͔ʁ • ׬શʹ਺߹Θͤ • ʮͺʯͷӈʹ͔͠ଘࡏ͢ΔՁ஋͕ແ͍ 13೥3݄21೔໦༵೔
25. ͓ΘΓ 13೥3݄21೔໦༵೔