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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hidetaka Okamoto (Stripe)
October 27, 2022
Technology
200
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
330
収益を高めるための Stripeダッシュボード活用術 / jp_stripes_online_7
stripehideokamoto
0
420
No-code SaaS and Full Site Editing / wcasia2023
stripehideokamoto
0
280
コア機能開発に集中するための Stripe Checkout活用法 / jp_stripes_deep_dive_202301
stripehideokamoto
0
560
State of Checkout 2022から見た オンライン決済フローの最適化/jp-stripes-miyzaki-202301
stripehideokamoto
0
240
サブスクリプション決済入門 Stripeでの実装方法と、要件定義時のポイント/okta-stripe-202301
stripehideokamoto
0
220
ノーコード・ローコードツールで サブスク運用を効率化する方法 / JP_Stripes_Osaka_202301
stripehideokamoto
0
170
ビジネスユーザを巻込む Stripeダッシュボード活用法 / jp_stripes_deepdive-202212
stripehideokamoto
0
370
AWSでローコードにはじめる サブスクリプション運用の効率化/aws-startup-tech-meetup-fukuoka-2
stripehideokamoto
0
200
Other Decks in Technology
See All in Technology
ソニー銀行におけるビジネスアジリティ向上のためのクラウドシフト戦略
srenext
0
1k
SREとQA 二人三脚で進めるSLO運用/sre-qa-slo
sugitak
0
1.2k
【公開用】AI_Dev_Ex2026_AI_登壇資料
matsuritechnologies
PRO
1
450
20260720_クラウド女子会×PyLadiesTokyoコラボ Amazon Bedrock ハンズオン用資料
yuuka51
1
110
GoでCコンパイラを作った話
repunit
0
150
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
410
そのドキュメント、自動化しませんか?
yuksew
1
400
[Droidcon Orlando '26] The Android Lens: Applying Mobile Forensics to AI Performance
amanda_hinchman
1
100
Type-safe IaC for Dart
coborinai
0
180
生成AI×AWS CDK×AWS FISで"振り返れる"ミニGameDayをつくろう
yoshimi0227
2
520
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
rakus_dev
0
310
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
rakus_dev
0
260
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
55
12k
Speed Design
sergeychernyshev
33
1.9k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
640
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
320
For a Future-Friendly Web
brad_frost
183
10k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Automating Front-end Workflow
addyosmani
1370
210k
ラッコキーワード サービス紹介資料
rakko
1
4M
Designing for humans not robots
tammielis
254
26k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
370
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
62
45k
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