Chrome Extensionをはじめよう

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೔໦༵೔