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を使いこなす3つの方法 / jp-stripes-online-vol-4
Search
Hidetaka Okamoto (Stripe)
June 29, 2022
Technology
0
1k
ノーコードで Stripeを使いこなす3つの方法 / jp-stripes-online-vol-4
JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
https://jpstripes.connpass.com/event/250019/
Hidetaka Okamoto (Stripe)
June 29, 2022
Tweet
Share
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
230
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
290
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
230
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
400
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
130
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
170
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
82
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
260
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
130
Other Decks in Technology
See All in Technology
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.5k
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
6
2.6k
ESXi で仮想化した ARM 環境で LLM を動作させてみるぞ
unnowataru
0
170
クラウドサービス事業者におけるOSS
tagomoris
4
1k
内製化を加速させるlaC活用術
nrinetcom
PRO
2
140
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
350
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
430
php-conference-nagoya-2025
fuwasegu
0
150
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
82k
EDRの検知の仕組みと検知回避について
chayakonanaika
11
4.8k
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.2k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
340
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
A designer walks into a library…
pauljervisheath
205
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Site-Speed That Sticks
csswizardry
4
400
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
What's in a price? How to price your products and services
michaelherold
244
12k
Embracing the Ebb and Flow
colly
84
4.6k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
For a Future-Friendly Web
brad_frost
176
9.6k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Facilitating Awesome Meetings
lara
52
6.2k
Transcript
ノーコードで Stripeを使いこなす方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @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 Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
ノーコード <> Stripe #JP_Stripes
Stripe Payment Links - “支払いURL”を発行する製品 4 https://stripe.com/jp/payments/payment-links
支払いのためのURLを、GUI / APIから作れる製品 • 購入して欲しい商品を設定 ◦ 買い切り商品 ◦ サブスクリプション •
配送先住所や電話番号も設定可 • クーポンや、 サブスクの無料トライアルも • GUIで表示を見ながら設定 5 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
クエリ文字列で支払いリンクをより便利に • 顧客メールアドレスやクーポンコードの事前入力 https://buy.stripe.com/test_eVa3do41l4Ye6KkcMN?prefilled_email=jenny%40example.com • 参照IDを付与して、WebhookやZapierで注文のあったセッションを特定 https://buy.stripe.com/test_eVa3do41l4Ye6KkcMN?client_reference_id=id_1234 • UTMコードを設定して、アクセス解析や広告のCV測定を行う https://buy.stripe.com/test_eVa5nPg1j1wmfXq5kr?utm_medium=earned_email&utm_source=marketo&utm
_campaign=campaign_a ◦ utm_source: トラフィックの発生元(どこからアクセスしてきたか) ◦ utm_content: 選択したコンテンツの特定(どこでクリックされたか) ◦ utm_medium: マーケティングメディアの特定(どの媒体から来たか) ◦ utm_term: 検索広告で利用したキーワードや語句 ◦ utm_campaign: キャンペーン名 6 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
発送やCRM連携などの後続処理はZapierで • ノーコードで独自の ワークフローが実装できるSaaS ◦ メール送信 ◦ HubSpot連携 ◦ etc..
• Stripeの Webhookイベントと連携 ◦ 決済 ◦ 顧客情報更新 ◦ サブスク関連 ◦ など • https://zapier.com/apps/stri pe/integrations 7 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeのノーコードは Payment Links だけじゃない #JP_Stripes
ノーコードで Stripeを使いこなす3つの方法 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ @hidetaka_dev June 2022
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
10 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
11 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Invoicing: 請求書の発行 / 請求 / 消し込み • いわゆる「請求書」を 発行できるサービス •
Stripeがサポートする決済方法で 請求業務が行える カード・銀行振込・コンビニ・ etc… • 振込先口座情報を載せた 請求書PDFの発行も可能 • 入金確認作業はStripeまかせ • ZapierやWebhookで、 請求書発行の自動化や、 入金確認後タスクの自動化も 12 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Invoicing Plus[有料]では、見積書の発行も • 請求書にする前の「見積書」 • 見積もりデータと、 顧客に送付するPDFを作成 • 価格や明細の変更や割引など、 見積書の「改訂」も可能
◦ 改訂履歴が残るので、 引き継ぎも容易 • 見積もりデータをそのまま 請求書に変換可能 13 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
14 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
Taxで、消費税の徴収・計算・レポートを効率化 • Stripeでの決済に対する 消費税の計算を自動化 ◦ 納税が必要な地域の設定 ◦ 顧客の住所に応じた税額の決定 ◦ 徴収した税額の
国・税科目別レポート • 取引ごとに0.5%の手数料が発生 • グローバル企業だけでなく、 付加価値税を納める全ての企業で 利用できるサービス 15 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
発生主義での会計レポートを作成 [NEW!] • Revenue Recognition • Stripeで発生した取引データから 財務諸表を作成 ◦ 損益計算書
◦ 貸借対照表(B/S) ◦ 仕訳データ ◦ etc.. • データのインポートや 独自の仕訳ルールも設定可能 • 取引額の0.25%が手数料として発生 16 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
Stripeでノーコード化できる業務3種類 • [紹介済み] オンラインでの決済リンクの発行と共有 • 請求書や見積書の発行・請求・決済・消し込み(入金確認) • 損益計算書やB/S、消費税レポートなどの作成 • 外部サービスとの連携
17 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
[NEW!] Stripe Apps: Stripeの拡張と、運営の効率化 18 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ 運用の効率化
• 複雑な決済処理フローを簡素化 • Stripe APIを組み合わせたタスク • 外部サービスと連携した自動化 • 独自WF用のPrivateアプリ開発 ツール間のコンテキスト共有 • Stripeとツールでデータをリンク • より詳細なビジネス分析 • CRMでの顧客管理 • 会計データの自動連携 Why use Stripe Apps? Now available in beta
例: DocuSignでの契約書管理 / Mailchimpでメール自動送信 19 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
まとめ • オンライン決済だけでなく、 請求業務や会計・複雑なWFについてもノーコードで取り組める • 「使った(決済された)分だけ支払う」モデルなので、 立ち上げ期のコスト圧迫要因になりにくい • APIも用意されていることが多く、 あとからシステム組み込みに切り替えやすい
• 「お金の流れ」に関する業務を、Stripeでシンプル・なめらかに 20 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ #JP_Stripes
[BETA] ローコードの「料金表」作成機能 21 JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~ ベータ申請:https://stripe.com/docs/payments/checkout/pricing-table