JP_Stripes Online Vol.5 ～デベロッパー/SI視点での決済・サブスク構築入門～ 「サブスク課金に銀行振込を追加してみた。その①」

1. サブスク課金に銀行振込を追
加してみた。その①
2022.7.13 JP_Stripesオンライン
connectome.design inc. 伊藤明裕
Fusic Co., Ltd. 山路友也

2. 自己紹介 ＆ 会社紹介

3. $ cat ./me.json
{
“name”: “伊藤明裕”,
“資格”: {
“IPA”: “情報処理安全確保支援士 No.7287”,
“JDLA”: [“G検定2017”, “E資格2018”],
“データサイエンティスト協会 ”: “DS検定”
},
“job”: {
“belong_to”: “connectome.design株式会社”,
“main_role”: “Product Manager”
},
“community”: {
“AI”: “CDLEコアメンバー”,
“SaaS”: “JP_Stripes 名古屋”,
“Car”: “https://tocj.jp 運営”
},
“開発 座右の銘”: “間違っているのはいつも自分 ”
}
$ cat ./COD.json
{
“name”: “コネクトームデザイン株式会社 ”,
“URL”: “https://connectome.design”,
“domain”: “AI導入・開発コンサルティング ”,
“office”: “フルリモートワーク”,
“product”: {
“name”: “metabase”,
“type”: “SaaS”,
“URL”: “https://metabase.jp”,
“service”: “AIナレッジ共有&コラボレーション開
発プラットフォーム”
}
}
LinkedIn: https://www.linkedin.com/in/akit37
SlideShare: https://www.slideshare.net/AkihiroIto1/presentations

4. metabase®について

5. 最近、メタバースとよく間違われます。
MetabaseというBIツールもあります。

9. metabaseの開発に利用しているサービス

10. AWS
Auth0 / CircleCI / Stripe
Backlog
Adobe XD
Github
kintone
Slack
Zoom

11. AWS
Auth0 / CircleCI / Stripe
Backlog
Adobe XD
Github
kintone
Slack
Zoom
Go_SaaS
三種の神器！

12. Auth0 / CircleCI / Stripe を
なぜ利用することにしたのか？

13. 楽をしたいから。
この時点で今回の登壇は決まっていた …😆

14. ● アカウント管理も当然ながら、課金処理の実装なんてやりたくない。
→ 無駄な苦労はせず専門家に任せる。
→ テストする範囲は狭いほどよい。
→ 結果、安上がり。
エンジニアにとって、“面倒くさがること”は大事。
Simple, Easy & Beautiful.

15. Stripeの銀行振込対応について
「銀行振込に対応します」と聞いてからリリースまでかなりの期間。
「なんでそんなに時間かかるの？」

16. Stripeの銀行振込対応について
「銀行振込に対応します」と聞いてからリリースまでかなりの期間。
「なんでそんなに時間かかるの？」
リリース間近になって知ったこと。
「振込確認の消し込み処理までStripeが行います。」
日本の銀行とそんな調整ができるとは！！

17. 福岡へ飛びます。
と驚きながら、リリースと同時に実装開始。
あっという間に組み込み完了。ひょっとして、最速 ？

18. ようこそ福岡へ。

19. 紹介します

20. 名前: 株式会社Fusic
事業: Webシステム/スマートフォンアプリ開発
AI・機械学習/IoTシステム開発
クラウドインフラ(AWS)
プロダクト事業
コンサルティング
オフィス: 福岡
“Why we do.”: 『人に多様な道を 世の中に爪跡を』

21. 名前: 山路 友也
仕事: Rubyを用いたWeb開発
スキル: Ruby(Rails)・React(Next.js)・AWS・Auth0…
アイコン: 自作
決済: はじめて
登壇: はじめて

22. あなたにとって「決済」とは？

23. →よくわからんけど大変に違いない！
🤯
あなたにとって「決済」とは？

24. 銀行振込による決済は？
→想像も及ばないが、
決済の中でも特に難易度が高いものに違いない！！！
🤯🤯🤯

25. 何はともあれ触ってみるしかない

26. Stripe Dashboard上で銀行振込を構築してみる

27. Stripe Invoicing
オンライン請求書を作成できるサービス

28. 流れ
https://stripe.com/docs/payments/bank-transfers/accept-a-payment

29. Stripe Dashboard上から、
ぽちぽちで請求書を作成

30. 「支払いオプション」
というものがある👀

31. 支払いオプションを
「銀行振込」のみに設定

32. あれ？

33. お、終わった😮

34. これをAPIでやるぞ！

35. Stripe APIで請求書 + 銀行振込を構築してみる

36. Stripe Docs
・ここを見るだけで十分
・言語ごとの参考実装もある
・https://stripe.com/docs/invoicing/integration

37. Stripe API Docs
・必要な情報が端的かつ簡潔にまとまっている
・言語ごとの参考実装もある
・https://stripe.com/docs/api

38. APIを用いた請求書作成の流れ
1. 「顧客」を作る（POST /v1/customers ）
2. 「インボイスアイテム」を作る（POST /v1/invoiceitems ）
3. 「インボイス」を作る（POST /v1/invoices ）
4. インボイスを「確定」させる（POST /v1/invoices/:id/finalize ）
※ 2、3の手順に注意

39. 銀行振込を指定するパラメーター
payment_settings.payment_method_types
・card(カード払い)
・konbini(コンビニ払い)
・customer_balance(銀行振込)
・etc…
Dashboard上で請求書を作成する際の
「支払いオプション」に対応
POST /v1/invoices

40. Ruby SDKで書くならこんな感じ
実質３行！！！

41. とっても簡単ですね😆

42. テストどうするんだ🤔

43. 顧客詳細から現金残高の追加が可能
= 銀行振込をシミュレート

44. 支払い済みになりました🎉

45. まとめ
・決済未経験者でも調査から構築までものの１日〜２日程度🎉
・ドキュメントを読むだけで十分🙌
・「決済はこわくない！」と思えた🥳

46. ありがとうございました🌻