Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Stripe 再入門 - 2022夏 / jp-stripes-sapporo-3
Hidetaka Okamoto (Stripe)
June 18, 2022
Technology
0
61
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を使いこなす3つの方法 / jp-stripes-online-vol-4
stripehideokamoto
0
360
Stripe Appsではじめる サービス連携・UIカスタマイズ/stripe-apps-1
stripehideokamoto
0
41
Next.jsでIonic Reactを利用したWebサイトを開発した話とIonic / CapacitorでStripe /ionic-stripe
stripehideokamoto
0
80
Stripe Search APIを利用した、LINEとStripeの顧客情報連携/line-dc-202205
stripehideokamoto
0
200
JP_Stripes What's new 2022/04 / jpstripes-whats-new-202204
stripehideokamoto
0
40
Stripeでクレカ決済に加えて、 コンビニ決済/銀行振込を追加する/jpstripes-deepdive-202204
stripehideokamoto
1
220
AWS LambdaとStripeで オンライン決済・定期課金APIを実装しよう/phperkaigi-2022
stripehideokamoto
0
300
AWS CDKを利用して、 Next.js/Stripeで構築したフルスタックSaaSアプリをデプロイ・管理する/cdk-conf-jp-2022
stripehideokamoto
1
890
What’s new in 2022/02 コンビニ決済/Payment Links API他 / jp-stripes-whats-new-202202
stripehideokamoto
0
68
Other Decks in Technology
See All in Technology
Djangoで組織とユーザーの権限管理をやってみよう #devio2022
seiichi1101
0
460
#awsbasics [LT] サーバレスECにおける Step Functions の使い方
miu_crescent
0
860
ニコニコ生放送におけるWebフロントエンドBFFサーバーのKubernetes移行事例の紹介
himenon
1
200
Amazon Comprehendで始める感情分析
46ta
0
200
Micro frontends and micro services
kashif98
0
150
第22回 MLOps 勉強会:みてねのMLOps事情
tonouchi510
1
1.1k
疎ベクトル検索と密ベクトル検索: 第68回 Machine Learning 15minutes! Broadcast
keyakkie
1
250
AWS Step Functions を用いた非同期学習処理の例
hacarus
0
100
合同IT企業説明会から学ぶエンジニア向けの広報戦略
nagutabby
1
250
Power Automate for desktopで 配信環境を改善してみた話
akiika
0
340
DeFiChain Tech Talk - DFI Uniswap Staking, DeFi Options & DeFi Meta Chain
uzyn
0
120
脆弱性スキャナのOWASP ZAPを コードベースで扱ってみる / OWASP ZAP on a code base
task4233
1
260
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
310
34k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Ruby is Unlike a Banana
tanoku
91
9.3k
How to name files
jennybc
40
63k
Designing with Data
zakiwarfel
91
4k
For a Future-Friendly Web
brad_frost
166
7.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
6
2.5k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
Embracing the Ebb and Flow
colly
73
3.4k
BBQ
matthewcrist
74
7.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
62k
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再入門 &
アプリ開発入門