Slide 1

Slide 1 text

ヌーラボのサービスにおけるStripe の活用 株式会社ヌーラボ 馬場保幸

Slide 2

Slide 2 text

きょうは弊社の事例を紹介します。

Slide 3

Slide 3 text

株式会社ヌーラボ 馬場保幸 決済のところなどを担当しています。 自己紹介

Slide 4

Slide 4 text

1. ヌーラボとは? 2. 決済の歴史 3. 利用している課金プラットフォーム アジェンダ

Slide 5

Slide 5 text

1. ヌーラボとは? 2. 決済の歴史 3. 利用している課金プラットフォーム アジェンダ

Slide 6

Slide 6 text

株式会社ヌーラボ (nulab-inc.com)

Slide 7

Slide 7 text

すべてのチームが使える プロジェクト管理ツール Backlog はチームで働くすべての人が 使えるプロジェクト管理ツールです。マ イルストーンやガントチャートなどを用 いて、課題の優先付けや期限管理が 簡単にできます。ソースコードの管理 にも最適です。

Slide 8

Slide 8 text

アイデアを形にする ビジュアルコラボレーションツール Cacoo はウェブブラウザで使える作図 共有ツールです。難しい操作は不要で アイデアをすぐに可視化できます。ワ イヤフレームなどの基本的な図からベ ン図やマインドマップなどの特殊図の テンプレートをご自由にお使い頂けま す。

Slide 9

Slide 9 text

チームワークのための チャットツール Typetalk は雑談を成果に変えるチャッ トツールです。スピーディに展開される チャットと感覚的なファイルの共有機 能は、あなたのチームコミュニケーショ ンを円滑にして仕事をより楽しくさせま す。

Slide 10

Slide 10 text

提供している3つのサービスはすべて - SaaS - BtoB - サブスクリプションモデル ヌーラボが提供しているサービス

Slide 11

Slide 11 text

1. ヌーラボとは? 2. 決済の歴史 3. 利用している課金プラットフォーム アジェンダ

Slide 12

Slide 12 text

Backlog 有料プラン開始 Cacoo 有料プラン開始 Cacooビジネスプラン開始 Typetalk 有料プラン開始 Backlog クレジットカード決 済開始 2006 2010 2015 2016 2017

Slide 13

Slide 13 text

Backlog 有料プラン開始 - 銀行振込 - 口座振替 Cacoo 有料プラン開始 - 銀行振込 - PayPal Cacooビジネスプラン開始 Typetalk 有料プラン開始 Backlog クレジットカード決 済開始 2006 2010 2015 2016 2017

Slide 14

Slide 14 text

Backlog 有料プラン開始 - 銀行振込 - 口座振替 Cacoo 有料プラン開始 - 銀行振込 - PayPal Cacooビジネスプラン開始 Typetalk 有料プラン開始 Backlog クレジットカード決 済開始 2006 2010 2015 2016 - できるだけ早く始めたかったので、あ まり作り込んでいない。 - 入金確認は人力。 - 当時はクレジットカード払いは一般 的ではなかった。 2017 - 銀行振込の入金確認は自 動化されたがユーザーに よる入力が必要 - PayPalアカウントが必要

Slide 15

Slide 15 text

問題の顕在化 すばやく始めるために手を抜いたとこ ろが大きな問題になってきた。 - ユーザーが増えてきたので、入金 の人力チェックが大変になってき た。 - Backlog を海外で展開するために クレジットカードで決済できるよう にしたい。 - PayPal は PayPal にアカウントを 作らなくてはいけない。 - Typetalk でも有料プランを始めた い

Slide 16

Slide 16 text

Backlog 有料プラン開始 Cacoo 有料プラン開始 Cacooビジネスプラン開始 - 複数人で使えるプランの リニューアル Typetalk 有料プラン開始 Backlog クレジットカード決 済開始 2006 2010 2015 2016 2017

Slide 17

Slide 17 text

この時点で計画されていたこと - Backlogのクレジットカードサポート - Typetalkの有償化

Slide 18

Slide 18 text

Backlog 有料プラン開始 Cacoo 有料プラン開始 Cacooビジネスプラン開始 Typetalk 有料プラン開始 Backlog クレジットカード決 済開始 2006 2010 2015 2016 2017

Slide 19

Slide 19 text

将来に向けてすべてのサービスで使える決 済システムを作ろう!

Slide 20

Slide 20 text

決済の共通化 すべてのサービスで利用できる 決済システムを作成 - Backlog、Cacoo、Typetalkで使え る決済システム。 - サポートする決済方法 - 銀行振込 - ジャパンネット銀行 - クレジットカード(海外) - Stripe - クレジットカード(国内) - Webpay

Slide 21

Slide 21 text

銀行振込やWebpayを利用したかった => すべて自前で実装 (StripeのSubscriptionは採用しない)

Slide 22

Slide 22 text

こんなかんじ

Slide 23

Slide 23 text

Product / Plan / Billing など、データは Stripe Billing とちょっと似ている

Slide 24

Slide 24 text

1. ヌーラボとは? 2. 決済の歴史 3. 利用している課金プラットフォーム アジェンダ

Slide 25

Slide 25 text

クレカ(米ドル): Stripe クレカ(日本円): Webpay 銀行振込: ジャパンネット銀行 でスタート WebpayからPAY.JPへ移行 UIにStripe Elementsを利用 新規クレジットカードユーザーは Stripe で処理 2015 運用開始 2017 Webpay終了 2018 PCI DSS対応 2017 日本アカウント StripeのアカウントをUSの アカウントから日本のアカ ウントへ変更

Slide 26

Slide 26 text

クレカ(米ドル): Stripe クレカ(日本円): Webpay 銀行振込: ジャパンネット銀行 でスタート WebpayからPAY.JPへ移行 UIにStripe Elementsを利用 新規クレジットカードユーザーは Stripe で処理 2015 運用開始 2017 Webpay終了 2018 PCI DSS対応 2017 日本アカウント StripeのアカウントをUSの アカウントから日本のアカ ウントへ変更

Slide 27

Slide 27 text

2015 運用開始 クレカ (米ドル) 海外のユーザーに米ドルで のクレジットカード決済を提 供したかったためStripeを 採用。 当時、まだ日本では契約も 決済もできなかったが、 ニューヨークの子会社が契 約。 米ドルでの入金。 クレカ (日本円) 国内のユーザーにクレジッ トカード決済を提供するた めWebpayを採用。 利用できるのは日本国内だ けだったため、Stripeと併 用。 銀行振込 (国内のみ) 銀行振込の入金確認を自 動化するため、ジャパン ネット銀行のAPIによる連携 を採用。

Slide 28

Slide 28 text

クレカ(米ドル): Stripe クレカ(日本円): Webpay 銀行振込: ジャパンネット銀行 でスタート WebpayからPAY.JPへ移行 UIにStripe Elementsを利用 新規クレジットカードユーザーは Stripe で処理 2015 運用開始 2017 Webpay終了 2018 PCI DSS対応 2017 日本アカウント StripeのアカウントをUSの アカウントから日本のアカ ウントへ変更

Slide 29

Slide 29 text

- Stripeからの入金を米ドルではなく日本円での入 金にしたかったため(会社の都合) - 新たに日本でStripeのアカウントを契約 - Stripe社にもご協力いただき、データを移行。 2017 日本アカウント

Slide 30

Slide 30 text

クレカ(米ドル): Stripe クレカ(日本円): Webpay 銀行振込: ジャパンネット銀行 でスタート WebpayからPAY.JPへ移行 UIにStripe Elementsを利用 新規クレジットカードユーザーは Stripe で処理 2015 運用開始 2017 Webpay終了 2018 PCI DSS対応 2017 日本アカウント StripeのアカウントをUSの アカウントから日本のアカ ウントへ変更

Slide 31

Slide 31 text

- 移行先としてはStripeも検討したが当時はまだ JCBのサポートが始まっていなかった。 - Stripe社からはベータ版として提供可能、というお 話をいただくも、タイミング的にギリギリ間に合う かどうか。 - 安全に移行したかったため、PAY.JPを選択。 2017 WebpayからPAY.JPへ移行

Slide 32

Slide 32 text

クレカ(米ドル): Stripe クレカ(日本円): Webpay 銀行振込: ジャパンネット銀行 でスタート WebpayからPAY.JPへ移行 UIにStripe Elementsを利用 新規クレジットカードユーザーは Stripe で処理 2015 運用開始 2017 Webpay終了 2018 PCI DSS対応 2017 日本アカウント StripeのアカウントをUSの アカウントから日本のアカ ウントへ変更

Slide 33

Slide 33 text

2018年6月、カード情報を保持しない事業者もPCI DSSに準拠することが求められるようになった 2018 PCI DSS対応

Slide 34

Slide 34 text

JCB・American Express・Discover・マスターカード・VISAの国際 ペイメントブランド5社が共同で策定した クレジット業界におけるグローバルセキュリティ基準 PCI DSSとは?

Slide 35

Slide 35 text

- Stripe Elementsを使えば、それだけでPCI準拠していることが できる仕組みがある。 - PAY.JPにはStripe Elementsと同様の独自のUIのうえでPCI 準拠できる仕組みがない。 調べたこと

Slide 36

Slide 36 text

- Stripe Elementsを使ったUIを構築。 - このUIからクレジットカードを登録すると、日本のユーザーでも Stripeへ登録。新規ユーザーや、クレジットカードを登録し直す ユーザーがこれに該当する。 - 以前からPAY.JPに登録されていたユーザーは引き続き PAY.JPで決済。 - 徐々にStripeへ移行していく。 2018 PCI DSS対応

Slide 37

Slide 37 text

ここ

Slide 38

Slide 38 text

- ヌーラボではビジネスの成長にあわせて決済システ ムを構築、拡張してきた。 - Stripeの機能は基本的なところしか使っておらず、多 様な機能は活用できていない。 - でも、StripeはPCI DSS対応のように基本的なところ がしっかりしているし、3年以上トラブルもなく安定し ているので安心して使える。 まとめ

Slide 39

Slide 39 text

ヌーラボはStripeのように世界で愛される サービスを提供していきます

Slide 40

Slide 40 text

ありがとうございました。