QR決済アプリを作ってみた
by
S.H.
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
QR 決済アプリを 作ってみた S.H.
Slide 2
Slide 2 text
2 きっかけ ● Ruby World Conference で Pixiv Pay の話を聞いて、 作ってみたくなった ● Vue.js で QR コード周りをよしなにするものを見つけたこと ● Pay.jp が Ruby のライブラリをリリースしていたこと ● それと、個人的な好奇心
Slide 3
Slide 3 text
3 作ったもの ● CppPay (サンプル) C++/Vue.js/Webpack/FireBase/Pay.jp ● RailsPay Rails/Vue.js/Pay.jp
Slide 4
Slide 4 text
4 まずは、サンプルを作る ● CppPay https://github.com/S-H-GAMELINKS/CppPay ● バックエンドは C++ 、フロントエンドを Vue.js ● DB やログイン機能などは FireBase を使用 ● QR の生成と読み込みは実装できたが、決済はできなかった
Slide 5
Slide 5 text
5 サンプルの問題点 ● フロントエンドから決済情報を POST できなかった点 ● バックエンドが C++ なので、万人受けしない ● FireBase に DB などを依存しているため、 Google がサー ビスを停止すると死ぬ
Slide 6
Slide 6 text
6 改善策 ● Pay.jp がリリースしているライブラリ使えば済む ● C++ よりも人気で、使い慣れた Rails を使うという選択肢 ● DB やログイン周りも Rails で完結できる なら、 Rails でいいんじゃないか?
Slide 7
Slide 7 text
7 というわけで Rails で作ってみた ● RailsPay https://github.com/S-H-GAMELINKS/RailsPay ● バックエンドを Rails に差し替え、フロントエンドはそのまま Vue.js を使う ● QR の生成・読込・決済まで実装
Slide 8
Slide 8 text
8 デモ ● 時間があれば
Slide 9
Slide 9 text
9 現状の課題 ● QR の読込精度が低め ● QR 画像を用意するのが面倒くさい →Pay.jp で QR コード生成してくれる模様 ● クレジットカードの登録を変更するたびに顧客が生成されて いる ● 返金周りの処理 ● 管理画面がない
Slide 10
Slide 10 text
10 やってみた感想 ● 意外と簡単に QR 決済できた感じ ● あんまり時間をさけなかったので未実装のところがあり、 ちょっと残念 ● C++ での Web 開発により希望を見いだせた(※あくまで個 人の感想です) ● 他な Rails アプリへの組み込みができそう
Slide 11
Slide 11 text
11 今後の展望 ● 小売店などへの小規模決済に使えないか? ● 同人誌即売会などで使えそうかも? ● 別な Rails アプリに QR 決済を組み込んでみたい
Slide 12
Slide 12 text
12 おわりに ご清聴ありがとうございました!