テレビのリモコンだけでお買い物できるか!? 〜テレビ受像機にStripeを実装してみた〜

2018/07/28
JP_Stripes in サッポロ Vol.2
登壇資料

Transcript

1. ςϨϏͷϦϞίϯ͚ͩͰ͓ങ͍෺Ͱ͖Δ͔ʂʁ
   ςϨϏड૾ػʹ4USJQFΛ࣮૷ͯ͠Έͨ
   ๺ւಓςϨϏ์ૹ
   ΫϩεϝσΟΞίϛϡχέʔγϣϯηϯλʔ
   ࡾӜҰथ
   +1@4USJQFT
   +1@4USJQFTJO4BQQPSPWPM
   

   View Slide

2. ೥݄೔ੜ·Ε ࡀ
   
   ࣮Ո͸ळాݝͷถ೶Ո ݉ۀ
   
   Շ͞Μͱࢠڙ̏ਓ ࡀࡀࡀ
   
   झຯ
   ษڧ ͢Δͷ΋ڭ͑Δͷ΋
   
   Ξχϝؑ৆
   ήʔϜ
   ΩϟϯϓͱϑΣε །ҰͷΞ΢τυΞ
   
   +1@4USJQFT
   

   View Slide

3. +1@4USJQFT
   

   View Slide

4. ݄த०
   +1@4USJQFT
   

   View Slide

5. +1@4USJQFT
   

   View Slide

6. ීஈͷ͓࢓ࣄ ϝΠϯ
   
   ݱ৔͔ΒώΞϦϯά ຋༁ɾ࣮૷ґཔ
   σʔλ์ૹ
   σΟϨΫλʔʁ
   +1@4USJQFT
   

   View Slide

7. +1@4USJQFT
   

   View Slide

8. +1@4USJQFT
   

   View Slide

9. +1@4USJQFT
   

   View Slide

10. ීஈͷ͓࢓ࣄ αϒ
    
    ϓϩτλΠϓΛ࡞ͬͯύοέʔδʹͯ͠ଞͷਓʹ͋͛Δ࢓ࣄ
    +1@4USJQFT
    

    View Slide

11. ؆୯ʹ͓ങ͍෺͕͍ͨ͠ʂ
    ϦϞίϯ͸࿝एஉঁʹ༏͍͠6*
    +1@4USJQFT
    

    View Slide

12. 4USJQFΛ࢖ͬͯ΍Γ͍ͨ͜ͱʂͦͷ̍
    ͓खܰςϨϏγϣοϐϯά
    ΦϗʔπΫւ࢈ͷ΄ͨͯ
    H ԁ
    +1@4USJQFT
    

    View Slide

13. 4USJQFΛ࢖ͬͯ΍Γ͍ͨ͜ͱʂͦͷ̎
    70%ͷߪೖ
    +1@4USJQFT
    

    View Slide

14. ͦ΋ͦ΋ςϨϏʹͲ͏΍࣮ͬͯ૷͢Δͷʁ
    "OESPJE57
    +1@4USJQFT
    

    View Slide

15. Broadcast
    
    Markup
    
    Language
    +1@4USJQFT
    

    View Slide

16. ࠷ۙͷड૾ػʹ͸)5.-ରԠͷϒϥ΢β͕ੵΜͰ͋Δʂ
    +1@4USJQFT
    

    View Slide

17. ࿩͚ͩฉ͘ͱΠέͦ͏ͳؾ͕͢Δʂ
    +1@4USJQFT
    

    View Slide

18. View Slide

19. ͥΜͥΜɺ͏͔͝ͳ͍ɻɻɻ
    +1@4USJQFT
    

    View Slide

20. ϝʔΧ͝ͱʹੵΜͰΔϒϥ΢βҧͬͨΜͩʂ
    ଞͷϝʔΧͳΒಈ͘ʹܾ·ͬͯΔʂ
    +1@4USJQFT
    

    View Slide

21. શ໓
    +1@4USJQFT
    

    View Slide

22. &MFNFOUT $IFDLPVU
    ιχʔ
    ✖
    ϒϥ΢βਅͬࠇ
    ✖
    ϒϥ΢βਅͬࠇ
    -(
    ✖
    ϒϥ΢βམͪΔ
    ✖
    ϒϥ΢βམͪΔ
    1BOBTPOJD
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ࡾඛ
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    4)"31
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ౦ࣳ
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ✖
    4USJQFͷ෦෼͕ग़ͳ͍
    ϝʔΧผड૾ػಈ࡞֬ೝ
    +1@4USJQFT
    

    View Slide

23. ςϨϏͰ4USJQFΛಈ͔ͨ͢Ίʹ
    w ͦ΋ͦ΋KTΦϒδΣΫτͷੜ੒͕͏·͘ߦͬͯͳ͍ʁʁ
    w ੜ੒͞ΕͯΔ͚Ͳݟ͑ͯͳ͍ʁʁ
    w ϦϞίϯ༻ͷ6*͕ผʹඞཁ
    w ͪ͜ΒͰ࡞ͬͯ౉͢ʁ
    w Ͱ΋ͦ͏͢ΔͱΧʔυ৘ใ͕͏ͪͷαʔό௨ͬͪΌ͏
    w ͦ΋ͦ΋ϒϥ΢β͕ϢʔβೖྗΛड͚෇͚ΔͬͯͲ͏͍͏ࣄʁʁ
    // Create a Stripe client.
    var stripe = Stripe('pk_xxxxxxxxxxx');
    // Create an instance of Elements.
    var elements = stripe.elements();
    ˡίϝϯτΞ΢τͨ͠Βམͪͳ͘ͳͬͨ
    +1@4USJQFT
    

    View Slide

24. ςϨϏͷϦϞίϯ͚ͩͰ͓ങ͍෺Ͱ͖Δ͔ʂʁ
    ςϨϏड૾ػʹ4USJQFΛ࣮૷ͯ͠Έͨ
    ୈ஄ʂ
    ޤ͏͝ظ଴ʂ
    +1@4USJQFT
    

    View Slide