#JP_Stripes コロナ禍で急遽構築！ Shopify × Stripe によるECサイト構築事例

https://eventregist.com/e/JP_Stripe_meetup_01
stirpe connect で気をつけなきゃいけないところと
shopifyを使うときに気をつけなくてはいけないところをご紹介しました

Transcript

1. JP_Stripes Online Meetup!
   コロナ禍で急構築！
   Shopify × Stripe による
   ECサイト構築事例
   2021.03.16
   

   View Slide

2. プロフィール
   Hokkaido Television Broadcasting Co., Ltd.
   札 のテレビ局でいろいろ開発してます
   PdM / PjM / SRE ？
   なんでもやってます
   

   View Slide

3. 参加申し込みお待ちしております！！
   

   View Slide

4. COVID-19
   観光客激減な北海道
   

   View Slide

5. TV Programs
   

   View Slide

6. TV Programs
   Introducing the store on TV
   

   View Slide

7. TV Programs
   Introducing the store on TV
   

   View Slide

8. Stripe Connect
   

   View Slide

9. Stripe Connect
   Stripe
   Stripe
   Connect
   Stripe
   Connect
   Stripe
   Connect
   transfer
   

   View Slide

10. 要件
    動画を途切れさせずにグッ
    ズ購入完了まで行きたい
    発送に必要なvalidationを
    こちらで制御したい
    Stipe Connect したい (ま
    ずテスト)
    

    View Slide

11. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    しますが
    にしないように
    

    View Slide

12. Stripe Connect
    3 Types
    くわしくはWeb
    で！
    STANDARD
    ⼿ 料なし
    EXPRESS
    ¥ 250 (
    アカウント/
    ⽉ )
    CUSTOM
    0.25% + ¥250 (
    金ごと)
    ¥ 200 (
    アカウント/
    ⽉ )
    0.25% + ¥250 (
    金ごと)
    くわしくはWeb
    で！
    くわしくはWeb
    で！
    あんまり べずにCustom
    を 択しました！
    いをちゃんと かってないですｗ
    

    View Slide

13. Strpe Connect
    しくじり
    Connect アカウントへの
    振り込みが失敗！！
    

    View Slide

14. NO ACCOUNT!?
    

    View Slide

15. 了ってかいてるよ？？
    

    View Slide

16. まずは先 に
    ごめんなさい
    

    View Slide

17. ったらサポートに だ！
    

    View Slide

18. 金失敗の理由
    当座預金口座は使えない！
    

    View Slide

19. サポートに連絡すると
    当座預金も使えるようになる！
    サポートに受け付けてから１週間位で使えるようになった
    (実績値 時期はお約束出来ないとのこと)
    

    View Slide

20. もっと⼤きな "
    しくじり"
    が...
    

    View Slide

21. Shopify × Stripe
    しくじり
    Shopifyの
    利用規約に抵触
    

    View Slide

22. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    ここが問題
    

    View Slide

23. Shopify API
    利⽤
    

    View Slide

24. Shopify API
    利⽤
    支払いにはShopify Checkoutを使用し、
    他のWebチェックアウトや支払い処理に流用しないでください
    

    View Slide

25. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    ここが問題
    

    View Slide

26. Shopify API
    利⽤
    支払いにはShopify Checkoutを使用し、
    他のWebチェックアウトや支払い処理に流用しないでください
    完全にアウト
    

    View Slide

27. Shopify での決済は
    Shopify Payment
    (Powered by Stripe) で！！
    

    View Slide

28. 別 師
    Shopify 岡村先生！
    正しい使い方について
    教えて下さい！！
    

    View Slide