Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
ecnight-webpay
Search
Kengo Hamasaki
November 17, 2014
Technology
1.6k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ecnight-webpay
ECにおける決済のフローで知っておきたいこと at EC Night #1
http://ec-night.doorkeeper.jp/events/16355
Kengo Hamasaki
November 17, 2014
More Decks by Kengo Hamasaki
See All by Kengo Hamasaki
Running JavaScript within Ruby
hmsk
5
3.8k
jest-matcher-vue-test-utils
hmsk
1
1.3k
Other Decks in Technology
See All in Technology
AIネイティブプロダクトで顧客価値を最大化するプロダクトエンジニアとFDEの協働
righttouch
PRO
0
240
GoCon2026 - Open Source, Open World
sanposhiho
4
3.4k
AI時代のAPI品質を支えるガードレール / API Guardrails for API quality in the AI era
yokawasa
1
220
Gitは怖い?共有ワークスペースから始めるSnowflakeチーム開発
coco_se
0
180
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
visional_engineering_and_design
4
2.1k
AIで実装は速くなった。なのにプロダクトは速くならない。職能の壁を越えて価値のフローを設計する
nwiizo
8
7.9k
Multica × 長期記憶:40個のミニプロジェクト管理
eiei114
1
250
日経電子版を支えていく Kasane Design System/fec_fukuoka
nikkei_engineer_recruiting
0
960
Sigmaユーザーのための有用リソース一挙公開 & Sigmaで使えるMCP #sigma_ucj /useful-resources-for-sigma-computing-users-and-mcps-with-sigma
shinyaa31
0
200
AIに丸投げしないトイル削減 / Eliminating Toil Without Leaving It All to AI
kohbis
4
1.1k
Omarchy Quattro の日本語設定周り
simosako
2
150
コーディングエージェントでM5Stack系の開発を少し試した時の話 / M5 Japan Tour 2026 Autumn 東京
you
PRO
0
180
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
330
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
530
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
370
A Tale of Four Properties
chriscoyier
163
24k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
690
Designing Experiences People Love
moore
143
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Fireside Chat
paigeccino
43
4k
RailsConf 2023
tenderlove
30
1.5k
Ethics towards AI in product and experience design
skipperchong
2
370
Transcript
&$ʹ͓͚ΔܾࡁͷϑϩʔͰ ͓͖͍ͬͯͨ͜ͱ EC Night #1 http://ec-night.doorkeeper.jp/events/16355 @hmsk from WebPay
Me @hmsk / Kengo Hamasaki VP Product Development at WebPay
Living in CA, USA
WebPay require 'webpay' webpay = WebPay.new('test_secret_eHn4TTgsGguBcW764a2KA8Yd') webpay.charge.create( currency: ‘jpy’, amount:
400, card: {number: ‘4242-4242-4242-4242’, exp_month: 11, exp_year: 2014, cvc: ‘123’, name: ‘KENGO HAMASAKI’} ) https://webpay.jp
=> #<WebPay::ChargeResponse id: "ch_70U72DaDGbzE492" object: "charge" livemode: false amount: 400
card: #<WebPay::CardResponse> created: 1416216426 currency: "jpy" paid: true captured: true refunded: false amount_refunded: 0 customer: nil recursion: nil shop: nil description: nil failure_message: nil expire_time: nil fees: [#<WebPay::ChargeFeeResponse>]
Talking about… wಛఆऔҾ๏ͱ$UP$ w&$ʹ͓͚Δܾࡁ w8FC1BZͱ&$ w&$αʔϏεʹ͓͚Δ"QQMF1BZར༻
Talking about… wಛఆऔҾ๏ͱ$UP$ w&$ʹ͓͚Δܾࡁ w8FC1BZͱ&$ w&$αʔϏεʹ͓͚Δ"QQMF1BZར༻
Talking about… w&$ʹ͓͚ΔܾࡁͷϑϩʔͰ͓͖ͬͯ ͍ͨ͜ͱ
&$ʹ͓͚Δ ܾࡁͷϑϩʔ
ܾࡁใΛ ೖྗ͢Δ ! ֬ఆͯ͠ ϨδʹਐΉ " ߪೖ༰Λ ֬ೝ͢Δ # ྃ͠
ܾࡁ͢Δ $
֬ఆͯ͠ ϨδʹਐΉ ܾࡁใΛ ೖྗ͢Δ ߪೖ༰Λ ֬ೝ͢Δ ߪೖΛ ྃ͢Δ ! "
# $ http://www.amazon.co.jp/gp/cart/view.html
֬ఆͯ͠ ϨδʹਐΉ ܾࡁใΛ ೖྗ͢Δ ߪೖ༰Λ ֬ೝ͢Δ ߪೖΛ ྃ͢Δ ! "
# $ https://www.amazon.co.jp/gp/buy/spc/handlers/display.html
֬ఆͯ͠ ϨδʹਐΉ ܾࡁใΛ ೖྗ͢Δ ߪೖ༰Λ ֬ೝ͢Δ ߪೖΛ ྃ͢Δ ! "
# $ https://www.amazon.co.jp/gp/buy/spc/handlers/display.html
֬ఆͯ͠ ϨδʹਐΉ ܾࡁใΛ ೖྗ͢Δ ߪೖ༰Λ ֬ೝ͢Δ ߪೖΛ ྃ͢Δ ! "
# $ %
ܾࡁใΛ ೖྗ͢Δ ! ֬ఆͯ͠ ϨδʹਐΉ " ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ
ྃ͢Δ $
ܾࡁใΛ ೖྗ͢Δ ! ֬ఆͯ͠ ϨδʹਐΉ " ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ
ྃ͢Δ $
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $
ϑϩʔΛݟ͢ ηΩϡϦςΟΛݟ͢ ઌΛݟਾ͑Δ
ϑϩʔΛݟ͢
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ ༗ޮͳΧʔυ͕
ೖྗ͞Εͨʁ
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ & '
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ & '
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ Χʔυͷঢ়ଶʹ % & & '
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ Χʔυͷঢ়ଶʹ % & & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ (
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ Χʔυͷঢ়ଶʹ % & & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ w ϖʔδભҠଟͯ͘ਏ͍ʜ w Χʔυձࣾʹిਏ͍ʜ w ଞͷΧʔυͳͯ͘ਏ͍ʜ ( (
ܾࡁͷΈΛ͏
Ծച্ wΧʔυͷ༩৴ΛࢦఆֹۚͰ֬อ͢Δ wʮ͜ͷֹۚͰܾࡁͰ͖·͔͢ʁʯ w͋ͱͰຊܾࡁʢ࣮ച্ʣ w͋ͱͰഁغ
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ Χʔυͷঢ়ଶʹ % & & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ w ϖʔδભҠଟͯ͘ਏ͍ʜ w Χʔυձࣾʹిਏ͍ʜ w ଞͷΧʔυͳͯ͘ਏ͍ʜ ( (
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใ
͘͠ঢ়ଶʹ w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ͜ͷΧʔυͰ 999ԁԾച্ ࣮ച্Խ͢Δ Χʔυͷঢ়ଶʹ % & & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ w ϖʔδભҠଟͯ͘ਏ͍ʜ w Χʔυձࣾʹిਏ͍ʜ w ଞͷΧʔυͳͯ͘ਏ͍ʜ ( (
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใ
͘͠ঢ়ଶʹ w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ͜ͷΧʔυͰ 999ԁԾച্ & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ ( ࣮ച্Խ͢Δ
Ծച্ wΧʔυใֹۚ֬ఆͰઌʹܾࡁՄೳੑ Λ֬ೝ͢Δ wߪೖ͕֬ఆͱͳͬͨΒ࣮ച্Խ͢Δ wͨ͠Β͋ͱͰഁغ͢Δ
WebPay require 'webpay' webpay = WebPay.new('test_secret_eHn4TTgsGguBcW764a2KA8Yd') webpay.charge.create( currency: ‘jpy’, amount:
400, + capture: false, card: {number: ‘4242-4242-4242-4242’, exp_month: 11, exp_year: 2014, cvc: ‘123’, name: ‘KENGO HAMASAKI’} )
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใ
͘͠ঢ়ଶʹ w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ͜ͷΧʔυͰ 999ԁԾച্ & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ ( ࣮ച্Խ͢Δ
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใ
͘͠ঢ়ଶʹ w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ͜ͷΧʔυͰ 999ԁԾച্ & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ ( ࣮ച্Խ͢Δ
ΔՄೳੑΛݮΒ͢
ܾࡁใͷೖྗ w&$͞Μͷͷݟͤॴ wྫ͑ʜ wաڈͷߪೖ࣌ʹอଘͯ͋͠Δ wଞͷը໘Ͱطʹొ͓ͤͯ͘͞ wDBSEJPͳͲೖྗΞγετ
https://www.card.io/
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใ
͘͠ঢ়ଶʹ w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ͜ͷΧʔυͰ 999ԁԾച্ & ' w ϑΥʔϜͷೖྗ͕ਏ͍ w Χʔυखݩʹͳͯ͘ਏ͍ ( ࣮ച্Խ͢Δ
ηΩϡϦςΟΛݟ͢
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! !
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! ! * όοΫΤϯυ !
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! ! * όοΫΤϯυ !
ସτʔΫϯ wΧʔυใΛସ͢Δจࣈྻ wΫϥΠΞϯταΠυͱܾࡁձࣾͰ௨৴ w࠶ར༻ՄೳʹͳΔͷ͋Δ
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! ! * όοΫΤϯυ !
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! * όοΫΤϯυ + + + +
ସτʔΫϯ wόοΫΤϯυͰͷอଘɺॲཧɺૹΛ ճආͰ͖Δ wܾࡁձࣾηΩϡϦςΟج४ͷ४ڌͰ ୲อ
WebPay <script type="text/javascript" src="https://js.webpay.jp/v1/"></script> WebPay.setPublishableKey("test_public_gVvaHW5nseyIfjtaO6bN36vr"); WebPay.createToken( convert_card_parameters($(card_form)), , webpayResponseHandler);
WebPay require 'webpay' webpay = WebPay.new('test_secret_eHn4TTgsGguBcW764a2KA8Yd') webpay.charge.create( currency: ‘jpy’, amount:
400, card: + tok_u7fWx6xObdff - {number: ‘4242-4242-4242-4242’, - exp_month: 11, - exp_year: 2014, - cvc: ‘123’, - name: ‘KENGO HAMASAKI’} )
ઌΛݟਾ͑Δ
http://www.apple.com/apple-pay/
"QQMF1BZ w1BTTCPPLʹ݁ͼ͚ͭͨΧʔυΛར༻ wܾࡁ·Ͱ࠷ͷϑϩʔ wସτʔΫϯ4FDVSF &MFNFOU5PVDI *%ʹΑΔηΩϡϦςΟ wਅՁzର໘Ͱͳ͘Σϒͷܾࡁʹ ͑ͯɺطଘͷܾࡁήʔτΣΠͰରԠ Ͱ͖Δz͜ͱ
https://stripe.com/apple-pay
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ Χʔυͷใʹ
w ଧͪؒҧ͍ʁ w ଞͷΧʔυʁ ༗ޮͳΧʔυ͕ ೖྗ͞Εͨʁ ࢦఆֹۚͰ ܾࡁͰ͖ͨʁ Χʔυͷঢ়ଶʹ % & & ' w ϑΥʔϜͷೖྗ͕ਏ͍ʜ w Χʔυखݩʹͳͯ͘ਏ͍ʜ w ϖʔδભҠଟͯ͘ਏ͍ʜ w Χʔυձࣾʹిਏ͍ʜ w ଞͷΧʔυͳͯ͘ਏ͍ʜ ( (
ߪೖ༰Λ֬ೝͭͭ͠ ΧʔυΛબ͢Δ ߪೖΛ ྃ͢Δ $ Χʔυͷঢ়ଶʹ w ଞͷΧʔυʁ &
ܾࡁใΛ ೖྗ͢Δ ! ߪೖ༰Λ ֬ೝ͢Δ # ߪೖΛ ྃ͢Δ $ )
ܾࡁձࣾ * όοΫΤϯυ ! ! * όοΫΤϯυ !
ߪೖ༰Λ֬ೝͭͭ͠ ΧʔυΛબ͢Δ ߪೖΛ ྃ͢Δ $ ) ܾࡁձࣾ * όοΫΤϯυ -
-
ߪೖ༰Λ֬ೝͭͭ͠ ΧʔυΛબ͢Δ ߪೖΛ ྃ͢Δ $ ) ܾࡁձࣾ * όοΫΤϯυ -
- Χʔυϒϥϯυ Χʔυൃߦऀ - - ! +
Apple Pay on WebPay wઈࢍٕज़ݕূத wಈ࡞͢Δͱ͜Ζ·Ͱ֬ೝ wࠃͰ͑ΔΑ͏ʹ͢Δಈ͖͕ඞཁ w&$αʔϏεӡӦऀͷօ͞Μʹಧ͚ΒΕ ΔΑ͏ؤுΓ·͢
https://rebuild.fm/65
Conclusion wԾച্Λ׆༻ͯ͠ϑϩʔΛ࠷దԽ͠Α͏ wΧʔυใͷܦ࿏Λؾʹ͠Α͏ w"QQMF1BZૣ͍͍ͨ͘
Conclusion w8FC1BZ&$αΠτͷܾࡁपΓͷվળ Λ͓ख͍͠·͢