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 おわりに ご清聴ありがとうございました!