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
What’s new 2022/10 ノーコード&ローコード製品アップデート / jp_str...
Search
Hidetaka Okamoto (Stripe)
October 27, 2022
Technology
190
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
What’s new 2022/10 ノーコード&ローコード製品アップデート / jp_stripes-what-is-new-oct-2022
Hidetaka Okamoto (Stripe)
October 27, 2022
More Decks by Hidetaka Okamoto (Stripe)
See All by Hidetaka Okamoto (Stripe)
Stripeではじめる Revenue Operations / jp_stripes_okinawa_8
stripehideokamoto
0
320
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
410
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
280
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
550
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
240
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
220
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
160
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
360
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
190
Other Decks in Technology
See All in Technology
地元にいないローカルオーガナイザーの立ち回り
uvb_76
1
470
関西に縁あるMicrosoft MVPsが語るCopilotの未来
kasada
0
1.2k
Agentic Web
dynamis
1
130
Chart.js が簡単に使えるようになっていたので OGP 画像生成に使った話
kamekyame
0
160
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
syuchimu
0
180
AI活用を推進するために ファインディが下した、一つの小さな決断
starfish719
0
250
さきさん文庫の書籍ができるまで
sakiengineer
0
370
Diagnosing performance problems without the guesswork
elenatanasoiu
0
160
Sony_KMP_Journey_KotlinConf2026
sony
2
210
Dario Amodi『Policy on the AI Exponential』を理解する
nagatsu
0
180
Claude code Orchestra
ozakiomumkj
3
960
AI と創る新たな世界 / A New World Created with AI
ks91
PRO
0
110
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
1
480
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
200
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
390
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
220
Optimizing for Happiness
mojombo
378
71k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
The browser strikes back
jonoalderson
0
1.1k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
200
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
720
Transcript
What’s new 2022/10 ノーコード&ローコード製品アップデート and new API version JP_Stripes @hide__dev
Jan 2022 1 #Stripe #JP_Stripes
今日のトピック • Checkout / Customer Portalなど、 ローコード・ノーコード製品の更新情報 • 日本固有の機能アップデート •
Stripe API Version 2022-08-01での、 Checkout系の破壊的変更について 2 JP_Stripes What’s new 2022/10
今日紹介しないアップデートについて • Terminal / Issueingなど、日本で利用できない製品のアップデート • 細かなパラメーターの追加や不具合の修正 ◦ Connect, Tax,
Radarなど • 全てのAPIアップデートを確認する: ◦ メジャーアップデート: https://stripe.com/docs/upgrades ◦ マイナーアップデート: https://stripe.com/docs/changelog ◦ ニュースレター(英語): https://go.stripe.global/dev-digest 3 JP_Stripes What’s new 2022/10
今日のトピック • Checkout / Customer Portalなど、 ローコード・ノーコード製品の更新情報 • 日本固有の機能アップデート •
Stripe API Version 2022-08-01での、 Checkout系の破壊的変更について 4 JP_Stripes What’s new 2022/10
カード登録不要のトライアル申し込みフォーム • トライアル申し込み時に、 カード情報の入力を省略 • 初回の決済が発生する場合 決済フォームは表示される ◦ 初回手数料など •
トライアル終了前に、 カスタマーポータルなどで 決済情報を登録してもらう 5 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /117fbce40cab851ca0a8 await stripe.checkout.sessions.create({ mode: 'subscription', + payment_method_collection: 'if_required', + subscription_data: { + trial_period_days: 14 + } … })
Customer Portalがノーコードで利用可能に • Customer Portalを URLで共有可能に • Customerのメールアドレスに 確認メールを送信して認証 ◦
重複する場合、 最近作られたデータのみ ◦ prefilled_emailクエリで事 前入力も • 設定画面もより直感的に 6 JP_Stripes What’s new 2022/10 https://stripe.com/docs/customer-m anagement/activate-no-code-custo mer-portal
料金表を埋め込むウィジェットが登場 • サブスクリプションの料金表を ダッシュボードから作成 • 生成されたHTMLタグを 埋め込むだけで組み込み完了 • Payment Links
/ Checkoutの 決済ページに遷移する • stripe-pricing-tableタグの 属性で事前入力などが可能 7 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /d2fe70ead58b6689ff17 <script async src="https://js.stripe.com/v3/pricing-table.js"></script> <stripe-pricing-table pricing-table-id="prctbl_xxxxx" publishable-key="pk_test_xxxxx" > </stripe-pricing-table>
料金表の項目は、ダッシュボードから設定 • Stripeに登録した 商品・料金から生成する • 1商品につき 3種類の価格が設定可能 ◦ 月額 /
年額 /買い切り等 • おすすめラベルや 背景色のカスタマイズも可能 • 詳細や新機能はDocsを https://stripe.com/docs/paym ents/checkout/pricing-table 8 JP_Stripes What’s new 2022/10
利用規約への同意を求めることが可能に • 「利用規約への同意」が Checkout / Payment Linksで 設定可能に • ダッシュボードから、
事前に利用規約ページの URLを登録する必要あり • リンク・セッションごとに オンオフ可能 9 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /51cadadb0d8dada01d2a await stripe.paymentLinks.create({ … + consent_collection: { + terms_of_service: 'required' + } })
料金が複数通貨で設定可能に • 為替レートに影響されない 価格設定が可能に • Checkoutでは、 currencyパラメタを使って シミュレートが可能 • USDなど、一部通貨では
x100する必要がある点に注意 10 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /23e8494145736466ae87 const price = await stripe.prices.create({ currency: 'jpy', unit_amount: 7, currency_options: { usd: { unit_amount: 700 }, eur: { unit_amount: 700 }, },
今日のトピック • Checkout / Customer Portalなど、 ローコード・ノーコード製品の更新情報 • 日本固有の機能アップデート •
Stripe API Version 2022-08-01での、 Checkout系の破壊的変更について 11 JP_Stripes What’s new 2022/10
Checkout / Payment Elementが銀行振込をサポート • 銀行振込をCheckoutや PaymentElementでも • payment_method_optionsと customerの設定が必要
• Checkoutでの、 サブスクリプションには 未対応(2022/10時点) • Payment Linksと料金表も 未対応(2022/10時点) 12 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /d6b583724abf5ae74169 await stripe.checkout.sessions.create({ customer: customer.id, + payment_method_options : { + customer_balance : { + funding_type : 'bank_transfer' , + bank_transfer : { + type: 'jp_bank_transfer' , + },
カード明細に漢字やカタカナを登録可能に • 顧客のカード明細へ 日本語テキストも設定可能に • APIから個別に追加も可能 ◦ 事業名ではなく、 製品・サービス名を 明細に載せたい場合等
• 英語・カタカナ・漢字・API どれが記載されるかは、 カード会社次第な点に注意 13 JP_Stripes What’s new 2022/10 https://qiita.com/hideokamoto/items /8eca4e1680f8aeb12ce8 const sessions = await stripe.checkout.sessions.create({ payment_intent_data: { statement_descriptor_suffix: 'example descriptor', }, payment_method_options: { card: { statement_descriptor_suffix_kanji: '漢字サフィックス ', statement_descriptor_suffix_kana: 'カナサフィックス ', },
ドキュメントサイトで、日本語検索をサポート • お待たせしました! https://stripe.com/docs • サポートサイトからも、 サポート記事 & ドキュメントを 検索できます
https://support.stripe.com/ • わかりにくい部分があった場合 ページ下部からフィードバック お願いします(日本語歓迎!) ↓このボタンから 14 JP_Stripes What’s new 2022/10
クレカ決済の売上入金を、「4営業日」に統一など • JCBやAMEXの 「30営業日」が大幅短縮 • 主要カードブランドすべてが、 「4営業日」での売上入金に ◦ キャッシュフロー予測が より簡単にできるように
• 銀行振込の入金確認が 1営業日から1時間ごとに短縮 ◦ より素早い入金確認と 連動したワークフローの 自動化が可能に 15 JP_Stripes What’s new 2022/10
今日のトピック • Checkout / Customer Portalなど、 ローコード・ノーコード製品の更新情報 • 日本固有の機能アップデート •
Stripe API Version 2022-08-01での、 Checkout系の破壊的変更について 16 JP_Stripes What’s new 2022/10
API 2022-08-01での、Checkoutの変更点 • 「ゲスト顧客」がデフォルトONに ◦ Customerデータ作成を 明示的に実施する必要あり • Payment Intent
/ Setup Intentの 作成タイミングがsubmit後に • line_itemsでドキュメントに 未記載のパラメータが廃止 • 配送料金とクーポン系の パラメータが一部名称変更 • 詳細: https://qiita.com/hideokamoto/it ems/e00088b672618876bd8c 17 JP_Stripes What’s new 2022/10
今日のトピック • Checkoutで、カードなしトライアルや規約への同意などをサポート • 銀行振込が、消し込みサイクル短縮 + Checkout,Elementsサポート • カスタマーポータルがノーコードで利用可能に •
埋め込み型の料金表が登場 • 料金を多通貨で設定可能に • カード明細に日本語(漢字・カタカナ)を設定可能に • 主要カード会社の売上金入金が4営業日に統一 • ドキュメントサイトで日本語検索が可能に • Stripe API: 2022-08-01 • ベータ版: Checkoutでの請求書, 住所・カートElement 18 JP_Stripes What’s new 2022/10