Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Chrome Extensionをはじめよう

Chrome Extensionをはじめよう

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

Ffdf2b0baba2980a90923978cf32a6ca?s=128

fukayatsu

March 20, 2013
Tweet

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