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
WebPayのCheckoutHelper が超便利!!! って話
Search
M_Ishikawa
July 22, 2014
Programming
0
130
WebPayのCheckoutHelper が超便利!!! って話
M_Ishikawa
July 22, 2014
Tweet
Share
More Decks by M_Ishikawa
See All by M_Ishikawa
Socialiteのベストプラクティス
ishikawam
0
98
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
ishikawam
0
130
IPtalkの使い方
ishikawam
0
510
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える! @M_Ishikawa #yapcasia
ishikawam
1
11k
フロントエンド制作向け ビルドツールGruntを PHPバックエンド開発で利用する @M_Ishikawa #phpcon2013
ishikawam
0
240
Other Decks in Programming
See All in Programming
C++20 射影変換
faithandbrave
0
540
WindowInsetsだってテストしたい
ryunen344
1
200
VS Code Update for GitHub Copilot
74th
1
420
PicoRuby on Rails
makicamel
2
110
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
170
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
650
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
230
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
100
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
220
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Six Lessons from altMBA
skipperchong
28
3.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Agile that works and the tools we love
rasmusluckow
329
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Git: the NoSQL Database
bkeepers
PRO
430
65k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing for Performance
lara
609
69k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Transcript
の CheckoutHelper が超便便利利!!! って話 @M_̲Ishikawa 8FC1BZ.FFUVQ
ペイっ!
@M_̲Ishikawa id:ishikawam •ボランティアで開発 ・えがおの本 ・チャリティーサンタ ・その他、福祉、イベントスタッフ、etc...
•しごとで開発 ・グリー
None
は ! のCheckoutHelperを利利⽤用しています
https://webpay.jp/docs/checkout
何が便便利利かって⾔言うと
None
ぽちっとするだけで これ埋め込んで
None
ちょー簡単!!!
サーバサイドの実装を(考えられる) 極限まで少なくしてくれてる!!! GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU GPSN GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDlIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU
EJWJEl81@DIFDLPVU#PY JOQVUUZQFCVUUPOWBMVFlΧʔυͰࢧ͏ JOQVUUZQFIJEEFOOBNFlXFCQBZUPLFO EJW GPSN ⾯面倒なトークン発⾏行行とトークンチェック、 カードのエラーチェック等は全部WebPay側でやってくれる!!! って書いておくだけで ⾃自動でトークン⼊入れてくれる!
⾯面倒な トークン発⾏行行 トークンチェック カードのエラーチェック 等は全部WebPay側でやってくれる!!!
! こちらのサーバを通さずに クライアントと直接やってくれる!!!
つまり今までだと •ユーザーが(ブラウザで)カード情報⼊入れて送信 •サーバで(トークンとともに)受け取る ・トークンが有効であればサーバからカード情報について決済業者に問い合わせる ・トークンが無効または簡易易バリデーションでアウトならユーザーへエラーを返す •決済業者からのカード情報をサーバで受け取る
・カードが有効なら課⾦金金処理理を続ける ・カードが無効ならユーザーへその旨返す •サーバから決済業者へ課⾦金金処理理をリクエスト&結果を受け取る ・課⾦金金が有効なら課⾦金金処理理を続ける ・課⾦金金が無効ならユーザーへその旨返す •課⾦金金が成功したのでサーバにて決済ログを記録 •ユーザーへ完了了を通知。課⾦金金サービスを提供して無事完了了
でもWebPayなら •ユーザーが(ブラウザで)カード情報⼊入れて送信 •サーバで(トークンとともに)受け取る ・トークンが有効であればサーバからカード情報について決済業者に問い合わせる ・トークンが無効または簡易易バリデーションでアウトならユーザーへエラーを返す •決済業者からのカード情報をサーバで受け取る
・カードが有効なら課⾦金金処理理を続ける ・カードが無効ならユーザーへその旨返す •サーバから決済業者へ課⾦金金処理理をリクエスト&結果を受け取る ・課⾦金金が有効なら課⾦金金処理理を続ける ・課⾦金金が無効ならユーザーへその旨返す •課⾦金金が成功したのでサーバにて決済ログを記録 •ユーザーへ完了了を通知。課⾦金金サービスを提供して無事完了了 この部分はサーバ側の実装不不要。 全部WebPayがやってくれる!
CheckoutHelperを使えば ⼀一瞬⾜足りともカード番号を サーバ側で扱わないで済んじゃう!!! ! カード番号の管理理はWebPay。 サーバはクライアントトークンを扱うだけ。
カード管理理の責任を全部WebPayが負担!!! なので
まじすげー
でも...
WebPayへの要望 その1
None
ボタンのデザイン ! 変えれないの?
⾃自動で挿⼊入されるボタンのデザイン変えたい。。 CSSで上書きかあ、、そもそもdiv(注:ブロック要素) GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDlIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU EJWJEl81@DIFDLPVU#PY JOQVUUZQFCVUUPOWBMVFlΧʔυͰࢧ͏ JOQVUUZQFIJEEFOOBNFlXFCQBZUPLFO EJW
GPSN CSSリセット⾯面倒だな。。。 テキストリンクとかきれいにできないよ。。
しかたなく “displey:none;” にしてw ⾒見見えないボタンを押させるwww
WebPayへの要望 その2
None
テストの課⾦金金履履歴 消せない...
テストの課⾦金金履履歴 消せない... この件は解決法がありました!!! >ユーザ設定からリセットできた 教えてくださったWebPay++
WebPayへの要望 その3
marginないのが 気になる
WebPayの とてもいいところ
⼟土⽇日というのに質問に すぐに答えてくれたよ!!!
WebPayの すごくいいところ
None
エンジニアが わくわくする モノがある!
これからも期待してます!
ペイっ! @M_̲Ishikawa