$30 off During Our Annual Pro Sale. View Details »

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

n0bisuke
June 15, 2016

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

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

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

n0bisuke

June 15, 2016
Tweet

More Decks by n0bisuke

Other Decks in Technology

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