Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Stripe 再入門 - 2022夏 / jp-stripes-sapporo-3
Search
Hidetaka Okamoto (Stripe)
June 18, 2022
Technology
0
330
Stripe 再入門 - 2022夏 / jp-stripes-sapporo-3
JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
Hidetaka Okamoto (Stripe)
June 18, 2022
Tweet
Share
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
250
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
330
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
230
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
430
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
160
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
180
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
98
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
280
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
140
Other Decks in Technology
See All in Technology
TypeScriptで実践するクリーンアーキテクチャ ― WebからもCLIからも使えるアプリ設計 / CClean Architecture with Typescript Application
panda_program
9
1.7k
MCP でモノが動くとおもしろい/It is interesting when things move with MCP
bitkey
3
640
熱々🔥のUDN🍜を喰らえ❗マルチテナントもVM統合も思いのまま❗新機能で切り拓くk8sネットワークの未来
tsukaman
0
120
スイッチのBMC、つかってますか?
sonic
0
490
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
nagauta
1
210
WindowsでGenesisに挑戦した話
natsutan
0
130
Cline&CursorによるAIコーディング徹底活用―Live Vibe Coding付き
pharma_x_tech
2
470
転職したらMCPサーバーだった件
nwiizo
13
9.9k
ゆるくはじめるSLI・SLO
yatoum
1
140
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
8.6k
インフラからSREへ
mirakui
20
7.9k
Amplifyとゼロからはじめた AIコーディング。失敗と気づき
mkdev10
1
190
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Site-Speed That Sticks
csswizardry
6
560
We Have a Design System, Now What?
morganepeng
52
7.6k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Why Our Code Smells
bkeepers
PRO
336
57k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
720
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Transcript
Stripe 再入門 - 2022夏 JP_Stripes in サッポロ Vol.7 Stripe再入門 &
アプリ開発入門 @hidetaka_dev June 2022
岡本 秀高 ( @hidetaka_dev ) • Stripe Developer Advocate (ex-developer
in Digitalcube) • JavaScript / TypeScript developer • AWS / Next.js / WordPress / etc… • WordCamp Kyoto 2017 / JP_Stripes Connect 2019 / AWS Samurai 2017 / etc… 2 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
3 https://stripe.com/jp
「インターネット向け決済インフラ」とは • オンライン決済の実装に必要な APIやSDKを提供する「FaaS Platform」 • ノーコード・ローコードで、 オンライン決済や請求書処理・定期課金を実現できる「SaaS Platform」 •
企業の財務・金融業務を効率化し、 自分のビジネスに集中できるようにするための「Finance OS」 4 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
Agenda • オンライン決済の実装に必要な APIやSDKを提供する「FaaS Platform」 • ノーコード・ローコードで、 オンライン決済や請求書処理・定期課金を実現できる「SaaS Platform」 •
企業の財務・金融業務を効率化し、 自分のビジネスに集中できるようにするための「Finance OS」 5 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
数行のコードで、オンライン決済を実現 6 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 const
session = await stripe.checkout.sessions.create({ mode: "payment", success_url: `${req.headers.origin}`, cancel_url: `${req.headers.origin}`, line_items:[{ price: req.body.price_id, quantity: 1 }] }) return session.url
リダイレクト型のCheckoutと、token化のElements 7 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
複数の言語で公式SDKを提供 • 公式SDK(サーバー側) ◦ Ruby ◦ Python ◦ PHP ◦
Java ◦ Node.js ◦ Go ◦ .NET • 公式SDK(フロントエンド) ◦ @stripe/stripe-js ◦ @stripe/react-stripe-js • ドキュメント(stripe.com/docs)は 言語またはcURLのコードサンプル付き 8 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
Webhookでイベント駆動アーキテクチャを実装 9 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 export
default async function handler( req, res) { try { const event = req.body; const data = event.data.object; if (event.type === "invoice.created") { if ( // サブスクリプションが作成した請求書である。 data.billing_reason === "subscription_cycle" && // 確定していない請求書である。 data.status === "draft" ) { } } …
クイックスタート: 言語別にサンプルコードがDL可能 10 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
https://stripe.com/docs/billing/quickstart
開発ツール: Stripe CLI / Test Clock / Stripe Shell /
etc 11 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
Agenda • オンライン決済の実装に必要な APIやSDKを提供する「FaaS Platform」 • ノーコード・ローコードで、 オンライン決済や請求書処理・定期課金を実現できる 「SaaS Platform」
• 企業の財務・金融業務を効率化し、 自分のビジネスに集中できるようにするための「Finance OS」 12 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
Payment Links: ノーコードで決済URLを作成 13 JP_Stripes in サッポロ Vol.7 Stripe再入門 &
アプリ開発入門 #JP_Stripes
Payment Linksを使い倒すTips • クエリストリングを活用しよう ◦ クーポンやメールアドレスの事前入力 ◦ Google Analytics用のトラッキングコード(utm_xxx)を設定 •
QRコード発行機能で、 実店舗やポップアップストアでの決済にも活用 • ZapierやIFTTTを使って、 決済後の処理・ワークフローもノーコードで実装 14 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
Billings: 定期課金・サブスクリプション • ダッシュボード・APIから サブスクリプションを開始できる製品 • 多彩なサブスクリプション開始方法 ◦ 登録済み顧客データから作成 ◦
顧客にメールで請求書送付 ◦ Payment Linksでフォーム作成 ◦ APIを利用した組み込み • 複雑な料金体系にも対応 ◦ 従量課金 ◦ ユニット単位 ◦ パッケージ単位 • トライアル終了や未払い・カード期限など、 さまざまな通知メールを自動送信 15 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
[NEW!] Stripe Apps: データ連携やカスタムWF (coming soon) • Stripeのダッシュボードや データ連携を拡張するエコシステム •
マーケットプレイスに公開されたアプリを インストールして利用できる ◦ Mailchimpでプロモメール送信 ◦ Google Sheetsにデータエクスポート ◦ HubSpotの顧客データと連携 ◦ etc.. • https://marketplace.stripe.com/ ◦ 利用開始準備中 • 独自アプリの開発も可能 ◦ こちらは後編セッションで 16 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
Agenda • オンライン決済の実装に必要な APIやSDKを提供する「FaaS Platform」 • ノーコード・ローコードで、 オンライン決済や請求書処理・定期課金を実現できる「SaaS Platform」 •
企業の財務・金融業務を効率化し、 自分のビジネスに集中できるようにするための 「Finance OS」 17 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門 #JP_Stripes
18 #Stripe #JP_Stripes
財務・金融のためのオペレーティングシステム • Fintechの進歩・Stripeの製品リリースで、 新しい機会・新しいお金の流れが増加する • 「それは実際に(自社で)運用できるのか?」 ◦ 請求のワークフローは複雑でないか? ◦ 会社の成長や転換の障害にならないか?
◦ その売上金はいつ手に入るのか? • 導入した仕組みを、正しく効率的に 運用するための仕組み(Operating System) ◦ 財務・金融など、 「お金の流れをなめらかにする」ためのOS -> Finance OS 19 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
財務・金融のためのオペレーティングシステム • 3つのキー要素 ◦ ユーザーのビジネスに合わせて 拡張が可能であること ◦ 価格の変更などの ビジネスの変化に対応できること ◦
データの完全性を維持しつつ 作業を自動で行えるようにする • 「自分のビジネスに集中する」ためのOS 20 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
FinanceOSで、請求業務を自動化する • Invoicing ◦ 請求書や見積書の発行とメール送信 ◦ 銀行振込 / コンビニなどもサポート ◦
消し込みや再請求の自動化 • Tax ◦ 地域に応じた付加価値税の計算と徴収 ◦ 税の申告に必要な情報を出力 • Billings ◦ 定期的な支払いの処理 ◦ Customer Portalで 支払い・顧客情報の更新画面を提供 ◦ トライアル終了通知などの 顧客へのメール連絡の自動化 21 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
発生主義での会計レポートを作成 [NEW!] • Revenue Recognition • Stripeで発生した取引データから 財務諸表を作成 • すべての取引データをもとに
ビジネスに応じたカスタムルールや自動化が可能 • どこから売上が発生したのかなどの 分析や追跡にも利用可能 22 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
金融サービスで、隠れた料金・隠れた作業を減らす • Fintech Everywhere • ビジネスの立ち上げ・運営に 必要な資金の融資をうける • 経費の支払いのためのカード発行や、 社内の経費申請フローを効率化する
• 財務状況をAPI / Webhookで リアルタイムにモニタリングする • オンラインで、売上を入金する 銀行口座を発行する • ノーコード・ローコードで組み込む 23 JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
決済の会社 -> インターネット向け決済インフラ 24 JP_Stripes in サッポロ Vol.7 Stripe再入門 &
アプリ開発入門