Upgrade to Pro — share decks privately, control downloads, hide ads and more …

#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！

74cec195bfb6cb5165256d88cb7fcf0f?s=47 Kazuki Miura
June 18, 2022
Technology
0
130

#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！

Elements とか
コンビニ決済とか
Billing とかのお話

74cec195bfb6cb5165256d88cb7fcf0f?s=128

Kazuki Miura

June 18, 2022
Tweet

More Decks by Kazuki Miura

See All by Kazuki Miura
#awsbasics [LT] サーバレスECにおける Step Functions の使い方
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
830
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます！〜
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
250
Development of a live commerce system using serverless architecture with a focus on Amplify / AppSync on production
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
2
260
AppSyncに全集中！subscriptionでハマったところ #jawsug_asa
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
1
590
2年くらいを振り返ってみた
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
150
ヤマサキ春のサメまつり 2019 被害者の会
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
920
#JP_Stripes コロナ禍で急遽構築！　Shopify × Stripe によるECサイト構築事例
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
2
420
半年でチーム内外でプラクティショナー合格者が10人くらい出た話
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
190
chatworkの活用事例
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
130

Other Decks in Technology

See All in Technology
ECS Fargate+Mackerelにおける監視費用を削減するまでの話
3e77f9dbec6a87756d1dbdddab283aee?s=48 nulabinc
PRO
1
330
Trusted Web プロトタイプ
525442fc70ca92f82ae503f826956137?s=48 finengine
0
320
MySQL v5.7 勉強会/study-mysql-ver-5-7
8847086af047cbf895ab3277b59529fe?s=48 andpad
0
2k
品質特性のすすめ
95d0e8ddf4a989d9734c25bd6b1af295?s=48 honamin09
0
160
JAWS-UG 朝会 #36 登壇資料
08dd0b93e011904f40d60d5a1b54c671?s=48 takakuni
1
540
〇〇みたいな検索作ってと言われたときに考えること / thinking before developing search system like that one
E96c81ea6ec9fc4258a1fba04ae7ca5e?s=48 ryook
5
2.6k
Power BI のうらがわ
0cc2ebc5781bcb2cae5f9ab7efa40ff2?s=48 hanaseleb
1
130
ソフトバンクaPaaS領域への挑戦
61c616e83bef28a1cd2666439ebf334b?s=48 sbtechnight
0
300
Settlement simulation testing to ensure correct settlement processing
23e9a5be8e46efd1cf6a07694a047237?s=48 applepine1125
2
990
Microsoft Data Analytics trends : ”Lakehouse” , ”Data Mesh"
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
120
2022 COSCUP - GKE Backend Cluster 除雷分享
89f41026db2c96853402524fca4a2ff8?s=48 brentchang
0
120
Micro frontends and micro services
Acc7788c2c6d2c4b43b875fcad502cd2?s=48 kashif98
0
110

Featured

See All Featured
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
12k
Dealing with People You Can't Stand - Big Design 2015
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
351
21k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenintech
48
2.6k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
StorybookのUI Testing Handbookを読んだ
50fc0fdc2327ecbe7350645812de52e3?s=48 zakiyama
6
2.5k
Fantastic passwords and where to find them - at NoRuKo
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
27
1.6k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
11k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Atom: Resistance is Futile
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
255
20k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k

Transcript

  1. Stripe 活用例を いろいろご紹介します！ ＃JP_Stripes Sapporo vol. 7

  2. 自己紹介 三浦一樹 北海道テレビ放送株式会社 社内のシステム作ってます スクラムマスターの真似事しながら 企画あげるところから、リリースまで 最近は React/TypeScript でフロント書いてる 方が増えてきたかも。。。

  3. この2年くらいで作ったサービス 動画配信 EC ライブコマース

  4. None

  5. この2年くらいで作ったサービス 動画配信 EC ライブコマース

  6. Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も

  7. 同じ世界観で決済までいきたい！

  8. 同じ世界観で決済までいきたい！ 動画を見ながら お買い物するのオンラインイベント できれば、 動画を止めずに全ての機能を動作させたい

  9. Stripe の決済画面 めっちゃ簡単！ おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  10. Stripe の決済画面 めっちゃ簡単！ おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  11. 配信を止めずに グッズの決済ま で、できました！ スクショが残ってなかった、、、w 動画プレイヤーの上に重ねて 決済画面を作成

  12. Stripe の決済時に 使ってきたAPI Order Charge PaymentIntent → → バックエンドの話は長くなるので、ご質問ください！

  13. コンビニ決済も実装してみた

  14. コンビニ決済！ 動画配信

  15. コンビニ決済！ 動画配信 セコマ使える！！

  16. 詳しくは西山さんのブログを！

  17. 支払い手順が書かれた ユニークなアドレスが発行される

  18. ダッシュボードこんな感じ

  19. あれ。。。

  20. None

  21. あれあれ

  22. おやおや、、

  23. 手数料考えてなかった！ 売上の 半分以上 手数料！！

  24. リリース前日に気がついて コンビニ決済お蔵入り、、、w

  25. 仕様はしっかり確認しましょうw

  26. ちなみに、コンビニ決済の返金

  27. サブスク作りたい！

  28. Stripe の決済画面 サブスク 「カスタマーポータル」 マイページみたいなのも 用意されてる 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  29. 基本的に都度課金 シリーズ毎のまとめ買い 1話毎の購入

  30. D陣のコンテンツが見れます 加入日に限らず、 次の月の1日に 1,000円課金

  31. 次の月の1日に課金 無料トライアルの機能を活用 バックエンド側で申込の度に指定

  32. 次の月の1日に課金 色々ググってたら、、 月末月初はちょっと気をつけなくてはいけないらしい

  33. 次の月の1日に課金 月末 月初

  34. 次の月の1日に課金 UTC = JST - 9h UTC = JST -

    9h JST 7月01日 00:00 UTC 6月30日 16:00 申込時に1日にセット UTCで設定される 毎月30日の 16時 OK 次の発動 UTC 7月30日 16:00 JST 7月31日 00:00 JST = UTC + 9h JST = UTC + 9h

  35. 次の月の1日に課金 UTC = JST - 9h UTC = JST -

    9h JST 7月01日 00:00 UTC 6月30日 16:00 申込時に1日にセット UTCで設定される 毎月30日の 16時 OK 次の発動 UTC 7月30日 16:00 JST 7月31日 00:00 JST = UTC + 9h JST = UTC + 9h ずれちゃう！！

  36. 次の月の1日に課金 時間を00時にしちゃうとこうなるので、 一応10時に設定してやってます

  37. ちなみにWebhook 非同期でめっちゃ飛んでくるので、 受け側は気をつけましょう （AWS側で飛ばしてるメールがコケましたw）

  38. Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も checkout

    で簡単にもできるよ！

  39. 他の決済サービスとの比較

  40. 実装した決済サービス V2 GMOさんは一部仕様調べただけ

  41. 一番実装負荷が低かったのは 動くソースコードが出てくる Stripeが一番実装負荷が低い！ サーバレスと相性最高

  42. PR 来週の金曜日 AWSの勉強会やります！ オンラインで是非！