IoTセレクトショップの ラピットプロトタイピングとPayPal実運用

PayPal Tech Meetup #2 で話しました〜
http://eventdots.jp/event/588605

IoTセレクトショップにPayPal導入してる話です。後半はおまけ。

Transcript

1. *P5ηϨΫτγϣοϓͷ
   ラピットプロトタイピングͱPayPal実運⽤
   LIG inc. @n0bisuke
   #paypaltech
   

   View Slide

2. About Me
   • @n0bisuke
   • LIGinc. ΤϯδχΞ / DevRelࣄۀ੹೚ऀ
   • ࠷ۙͷڵຯ: IoT / JavaScript Robotics
   • 89ੈ୅ (ฏ੒ݩ೥)
   • MilkcocoaΤόϯδΣϦετ
   • #IoTLT
   

   View Slide

3. ͜Μͳ΋ͷ࡞ͬͨΑ
   

   View Slide

4. View Slide

5. View Slide

6. View Slide

7. IoTなセレクトショップ
   

   View Slide

8. ͜Μͳ΋ͷ࡞ͬͨΑ
   %&.0
   

   View Slide

9. *P5ͳηϨΫτγϣοϓʮTUVEJPʯ
   ߪೖͷ࢓૊Έʹ1BZ1BMΛʜ
   

   View Slide

10. ࣮ӡ༻։࢝͠·ͨ͠ɻ
    

    View Slide

11. ࣮ӡ༻։࢝͠·ͨ͠ େࣄ
    
    

    View Slide

12. Slack通知
    デバイス通知
    社内Slack
    社内デバイス
    1BZ1BMܾࡁͱ࿈ܞͨ͠ػೳ
    ௨஌ܥ
    

    View Slide

13. 1BZ1BMܾࡁͱ࿈ܞͨ͠ػೳ
    購⼊
    λΠϜηʔϧػೳ
    在庫管理
    タイムセール情報
    PUSH
    在庫情報も
    含めてpush
    

    View Slide

14. λΠϜηʔϧػೳ%&.0
    ※画⾯は新デザインです
    

    View Slide

15. ٕज़తʹ͸͜ͷล࢖ͬͯ·͢
    ɾ8FC1VTI
    ɾ4FSWJDF8PSLFS
    ɾ1BZ1BM/PUJpDBUJPOT"1*
    

    View Slide

16. 1BZ1BMͰ৭ʑͱ৘ใ࣋ͨͣʹ͍͚ͯ·͢ɻ
    ࠓͷͱ͜Ζ
    
    1BZ1BM#VUUPO 1BZ1BM/PUJpDBUJPOT"1*
    ・在庫情報
    ・お⾦
    ・ユーザーの⾊々な情報
    ・在庫情報
    ・お⾦
    ・ユーザーの⾊々な情報
    

    View Slide

17. 5⽉下旬くらいから作り始めて
    現時点で実運⽤
    ラピットプロトタイピング時に役⽴った
    サービスを紹介します。
    

    View Slide

18. ͭΒ͔ͬͨͱ͜Ζ
    8FC)PPLXFCQVTI·Ͱͷσόοά·ΘΓɻ
    ಛʹ44-
    

    View Slide

19. Α͋͘Δ8FCIPPL
    action
    Webhook
    http / post
    ⾃前のサーバーなど
    通知
    

    View Slide

20. Α͋͘Δ8FCIPPL
    action
    Webhook
    http / post
    ⾃前のサーバーなど
    通知
    この辺を⽤意するのが地味に⾯倒くさい
    

    View Slide

21. ࠷ॳ͸"[VSFͷ*BB4Ͱ΍Ζ͏ͱ͚ͨ͠Ͳʜ
    action
    Webhook
    http / post
    ⾃前のサーバーなど
    通知
    HTTPSしか対応してない
    ・デバッグ⽤のプログラムの⽤意
    ・SSL対応ちょっとだるい
    

    View Slide

22. 8FCIPPLTTJNVMBUPS
    

    View Slide

23. 3FRVFTU#JO
    8FCIPPLΛड͚ྲྀͯ͘͠ΕΔQSPYZతͳαʔϏε
    

    View Slide

24. action
    Webhook
    http / post
    通知
    ・無料で利⽤出来る
    ・HTTPSでWebhookを受けれる
    ・Webhookで送られてくる値も確認可能 (デバッグ)
    ・条件指定し、Webhookを受け取たらさらにRequestを投げられる
    (e.g. Slackなどへ)
    

    View Slide

25. OFUMZGZ
    SSL環境に簡単ホスティング
    

    View Slide

26. ・静的ファイルをドラッグ＆ドロップするだけ
    ・GH-PagesやHerokuよりもだいぶ楽
    

    View Slide

27. 4FOE1VMTF
    WebPushのテスト / SSL必須なのでnetlifyと組み合わせるといい
    

    View Slide

28. ·ͱΊ
    ・IoTなセレクトショップを作ってPayPal決済を導⼊して
    運⽤してます。
    ・PayPal連携のタイムセールな仕組みを作ってます
    ・ラピットプロトタイピングで実現したいことを最速に！
    - RequestBin
    - netlify
    - SendPuse
    - PayPal API
    

    View Slide

29. ͕࣌ؒ͋ͬͨΒɺ͓·͚
    

    View Slide

30. ͭΒ͔ͬͨͱ͜Ζ-W
    ύʔιφϧPSϏδωεΞΧ΢ϯτ
    実際に売るに通常アカウントではダメっぽい
    

    View Slide

31. ͭΒ͔ͬͨͱ͜Ζ-W
    ύʔιφϧPSϏδωεΞΧ΢ϯτ
    個⼈認証 個⼈認証 + 会社の証明など
    

    View Slide

32. ͭΒ͔ͬͨͱ͜Ζ-W
    ύʔιφϧϏδωεΞΧ΢ϯτ
    個⼈認証 個⼈認証 + 会社の証明など
    

    View Slide

33. ͭΒ͔ͬͨͱ͜Ζ-W
    ύʔιφϧϏδωεΞΧ΢ϯτ
    個⼈認証
    ↓
    家にハガキでパスコードが送られてくるけど
    そもそもWeb界隈の⼈は受け取れない()
    

    View Slide

34. ͦͷ݁Ռʜ ͔ͬ͜ѱ͍
    
    

    View Slide

35. ͭΒ͔ͬͨͱ͜Ζ-W
    αϯυϘοΫεΞΧ΢ϯτͷଘࡏʹޙ͔Βؾͮ͘
    

    View Slide

36. ͭΒ͔ͬͨͱ͜Ζ-W
    αϯυϘοΫεΞΧ΢ϯτͷଘࡏʹޙ͔Βؾͮ͘
    (仕組み作るだけならこっちの⽅がはやかった…)
    

    View Slide

37. ͭΒ͔ͬͨͱ͜Ζ-W
    ɾυΩϡϝϯτͱ"1*͕෼͔Γʹ͍͘
    

    View Slide

38. ෼͔Γʹ͍͘ཧ༝ ׂѪ
    
    ɾ෼ྔଟ͍ͷʹϑΥϯτ͕αϯηϦϑମʢ௕͍จষͩͱԣํ޲ʹ޿͕
    Γͷগͳ͍αϯηϦϑମ͸ർΕΔɺ/FX:PSL5JNFTͷΑ͏ʹηϦ
    ϑମ͕ϕετɻಛʹ"1*υΩϡϝϯτͳΜͯ1$ͰಡΉέʔεʼʼʼ
    εϚϗͰಡΉέʔεͷํ͕ѹ౗త͔ͩΒɺαϯηϦϑମ͸ͳΜͱͳʔ
    ͘៉ྷʹݟ͑ΔҎ֎ͷϝϦοτ͕ͳ͍ͷͰ͸ʁʣ
    ɾ৭ͷࢹ֮తΧςΰϥΠζ͕͞Ε͍ͯͳ͍ɺશ͕ͯ୯ௐͰؔ܎ੑ͕ݟ
    ͑ʹ͍͘
    ɾεςοϓ਺Λද͢਺ࣈ͕ຊจͱಉ͡ϑΥϯτͰɺͲΕ͙Β͍ͷ࡞ۀ
    ྔ͔ݟ௨͕͖ͭ͠ʹ͍͘
    ɾαΠυόʔ͕ݻఆͳͷʹͨͩϖʔδ֎ϦϯΫͷΈΛష͍ͬͯΔʢ͍
    ͍ྫ2JJUBͷΑ͏ʹI I IΛΠϯσοΫεԽͯ͠αΠυόʔ
    ʹ͓͍ͯ͋͛Δͱࣗ෼͕Ͳ͜ʹ͍Δ͔෼͔Γ΍͍͢ʣ
    

    View Slide

39. ͓·͚
    

    View Slide