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
350
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
270
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
340
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
240
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
460
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
180
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
190
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
110
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
300
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
150
Other Decks in Technology
See All in Technology
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
120
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
160
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
420
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
190
小さなチーム 大きな仕事 - 個人開発でAIをフル活用する
himaratsu
0
130
mruby(PicoRuby)で ファミコン音楽を奏でる
kishima
1
300
モダンフロントエンド 開発研修
recruitengineers
PRO
5
1.9k
Webアクセシビリティ入門
recruitengineers
PRO
2
830
モバイルアプリ研修
recruitengineers
PRO
4
840
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization
takmin
0
440
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
4
790
制約理論(ToC)入門
recruitengineers
PRO
7
2.5k
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
BBQ
matthewcrist
89
9.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
4 Signs Your Business is Dying
shpigford
184
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
RailsConf 2023
tenderlove
30
1.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Designing for Performance
lara
610
69k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
Unsuck your backbone
ammeep
671
58k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
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再入門 &
アプリ開発入門