Chrome Extensionをはじめよう

Slide 1

Slide 1 text

Chrome Extension Λ͸͡ΊΑ͏ fukayatsu 2013-03-20 shibuya.rb ֦େ൛ 13೥3݄21೔໦༵೔

Slide 2

Slide 2 text

about me • @fukayatsu • working for https://cakes.mu • ※ΤϯδχΞืूத • ͜͜࠷ۙΑ͘chrome extension࡞ͬͯΔ 13೥3݄21೔໦༵೔

Slide 3

Slide 3 text

࣭໰ • Google Chrome࢖ͬͯΔਓʁ • Chrome Extension࡞ͬͨ͜ͱ͕͋Δਓʁ • Chrome ExtensionΛެ։͍ͯ͠Δਓʁ 13೥3݄21೔໦༵೔

Slide 4

Slide 4 text

શ෦౰ͯ͸·Δਓ͸ฉ ͔ͳͯ͘΋͍͍͔΋ orz 13೥3݄21೔໦༵೔

Slide 5

Slide 5 text

Chrome Extension Λ࡞Δಈػ 13೥3݄21೔໦༵೔

Slide 6

Slide 6 text

1. ෆຬ • ͍͍ͪͪʓʓ͢Δͷ͕໘౗ • ͔ͭɺͦΕΛղܾ͢Δextension͕ݟ ౰ͨΒͳ͍ 13೥3݄21೔໦༵೔

Slide 7

Slide 7 text

2. ༡ͼ • ΞΠίϯΛฒ΂ͯ༡ͼ͍ͨ 13೥3݄21೔໦༵೔

Slide 8

Slide 8 text

3. ࡞੒΋ެ։΋؆୯ • جຊతʹjavascript + html + chrome api • google checkoutͰ$5෷͏ͱެ։Մೳʹ • ↑ॳճͷΈ • ςελʔͷΈʹެ։΋Մೳ 13೥3݄21೔໦༵೔

Slide 9

Slide 9 text

ൺֱత؆୯ʹ࡞੒ɾެ։ Ͱ͖ͯɺࣗ෼ͷ೔ʑͷੜ ׆ΛͪΐͬͱศརʹͰ͖ ͯɺଞͷਓʹ΋تΜͰ΋ Β͑Δʢ͔΋͠Εͳ͍ʣ 13೥3݄21೔໦༵೔

Slide 10

Slide 10 text

Chrome Extension ͷ͸͡Ί͔ͨ 13೥3݄21೔໦༵೔

Slide 11

Slide 11 text

ࢀߟαΠτ • http://developer.chrome.com/extensions/ getstarted.html • ͱΓ͋͑ͣGetting Started௨Γʹ࡞ͬ ͯΈΔ • https://developer.chrome.com/extensions/ samples.html • ଞͷαϯϓϧΛಈ͔ͯ͠ΈΔ 13೥3݄21೔໦༵೔

Slide 12

Slide 12 text

࡞੒σϞʁ 13೥3݄21೔໦༵೔

Slide 13

Slide 13 text

Chrome Web Store ʹެ։͢Δ 13೥3݄21೔໦༵೔

Slide 14

Slide 14 text

σϞʁ 13೥3݄21೔໦༵೔

Slide 15

Slide 15 text

Tips 13೥3݄21೔໦༵೔

Slide 16

Slide 16 text

extension ͷΠϯετʔϧઌ • Mac • ~/Library/Application Support/Google/ Chrome/Default/Extensions/ 13೥3݄21೔໦༵೔

Slide 17

Slide 17 text

࡞֦ͬͨுػೳ ͷҰ෦Λ঺հ #εςϚ https://chrome.google.com/webstore/search-extensions/fukayatsu 13೥3݄21೔໦༵೔

Slide 18

Slide 18 text

Easy Copy for Pivotal Tracker • pivotal trackerͷstory id΍story nameΛΫ ϦοϓϘʔυʹίϐʔ • ΘΓͱศར 13೥3݄21೔໦༵೔

Slide 19

Slide 19 text

Markdown Linker • webϖʔδɺϦϯΫɺը૾Λmarkdown ܗࣜͰΫϦοϓϘʔυʹίϐʔ • ͜Ε΋ΘΓͱศར 13೥3݄21೔໦༵೔

Slide 20

Slide 20 text

AutoProxy • ϖʔδͷurl͝ͱʹࣗಈతʹproxyΛ੾Γ ସ͑Δ • Proxy SwitchySharp͕ಈ͔ͳ͘ͳͬͨ ͷͰ࡞੒ • ઃఆը໘: JSON 13೥3݄21೔໦༵೔

Slide 21

Slide 21 text

MessageLeaf Blocker • ϒϩάͱ͔ͰϖʔδͷԼͷํ͔Βχϣ Ωοͱग़ͯ͘Δ༿ͬͺΛফ͢ • ͋Ε͸ͱͯ΋ྑ͍αʔϏεͩͱࢥ͏͚ Ͳɺͨ·ʹअຐʹײ͡ΔͷͰ... 13೥3݄21೔໦༵೔

Slide 22

Slide 22 text

OopsStaging • ೚ҙͷurlʹରͯ͠೚ҙͷϥϕϧΛࣗಈ ૠೖ • ʮ※ը໘͸։ൃதͷ΋ͷͰ͢ʯΈ͍ͨͳ • staging؀ڥͱ͔Ͱ࢖༻ 13೥3݄21೔໦༵೔

Slide 23

Slide 23 text

PanaiRedirect • ͸ͯϒͷmobile൛ͷurlΛ౿Μͩ࣌ʹɺ PC൛ʹભҠͯ͠ཉ͔ͬͨ͠ͷͰ࡞੒ • (http://d.hatena.ne.jp/.+/)touch/(.+): ${1}${2} • ↑͜Μͳײ͡ͰઃఆΛ௥ՃͰ͖Δ 13೥3݄21೔໦༵೔

Slide 24

Slide 24 text

͍ͭ΍Δ͔ʁ • ׬શʹ਺߹Θͤ • ʮͺʯͷӈʹ͔͠ଘࡏ͢ΔՁ஋͕ແ͍ 13೥3݄21೔໦༵೔

Slide 25

Slide 25 text

͓ΘΓ 13೥3݄21೔໦༵೔