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
QR決済アプリを作ってみた
Search
S.H.
December 29, 2018
Technology
0
390
QR決済アプリを作ってみた
SHIMANE GREEN JAM #4でLTをした時のスライドです
S.H.
December 29, 2018
Tweet
Share
More Decks by S.H.
See All by S.H.
僕とMastodon.pdf
gamelinks007
0
1.1k
RubyKaigi 2018 KPT for Iwami-ICT
gamelinks007
0
78
五分で分かるMastodon
gamelinks007
1
280
RubyKaigi2017 LT in Iwami-ICT
gamelinks007
0
110
Other Decks in Technology
See All in Technology
A (short) History of AI
harishpillay
0
110
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
1
520
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
1.8k
普段有償でサポート業務をしているCSAが技術知見を無料で公開する理由
07jp27
1
630
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
2
710
【SORACOM UG】(2024年度版) SIMってなんだ? ~セルラー通信がつながる仕組み、解説します~
soracom
PRO
0
210
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
0
380
Microsoft Cloudで開発ライフサイクルを保護する
kkamegawa
0
140
DevOpsDays History and my DevOps story
kawaguti
PRO
7
1.4k
クラウドサインにおけるプロダクトマネージャーの役割と開発プロセス / 20240410_cloudsign-PdM
bengo4com
1
670
社内勉強会運営のコツ
senoo
6
1.1k
日本におけるデータエンジニアリングのこれまでとこれから
foursue
9
2k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
It's Worth the Effort
3n
180
27k
Designing the Hi-DPI Web
ddemaree
276
33k
How to train your dragon (web standard)
notwaldorf
71
5.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Clear Off the Table
cherdarchuk
82
310k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Writing Fast Ruby
sferik
619
60k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Transcript
QR 決済アプリを 作ってみた S.H.
2 きっかけ • Ruby World Conference で Pixiv Pay の話を聞いて、
作ってみたくなった • Vue.js で QR コード周りをよしなにするものを見つけたこと • Pay.jp が Ruby のライブラリをリリースしていたこと • それと、個人的な好奇心
3 作ったもの • CppPay (サンプル) C++/Vue.js/Webpack/FireBase/Pay.jp • RailsPay Rails/Vue.js/Pay.jp
4 まずは、サンプルを作る • CppPay https://github.com/S-H-GAMELINKS/CppPay • バックエンドは C++ 、フロントエンドを Vue.js
• DB やログイン機能などは FireBase を使用 • QR の生成と読み込みは実装できたが、決済はできなかった
5 サンプルの問題点 • フロントエンドから決済情報を POST できなかった点 • バックエンドが C++ なので、万人受けしない
• FireBase に DB などを依存しているため、 Google がサー ビスを停止すると死ぬ
6 改善策 • Pay.jp がリリースしているライブラリ使えば済む • C++ よりも人気で、使い慣れた Rails を使うという選択肢
• DB やログイン周りも Rails で完結できる なら、 Rails でいいんじゃないか?
7 というわけで Rails で作ってみた • RailsPay https://github.com/S-H-GAMELINKS/RailsPay • バックエンドを Rails
に差し替え、フロントエンドはそのまま Vue.js を使う • QR の生成・読込・決済まで実装
8 デモ • 時間があれば
9 現状の課題 • QR の読込精度が低め • QR 画像を用意するのが面倒くさい →Pay.jp で
QR コード生成してくれる模様 • クレジットカードの登録を変更するたびに顧客が生成されて いる • 返金周りの処理 • 管理画面がない
10 やってみた感想 • 意外と簡単に QR 決済できた感じ • あんまり時間をさけなかったので未実装のところがあり、 ちょっと残念 •
C++ での Web 開発により希望を見いだせた(※あくまで個 人の感想です) • 他な Rails アプリへの組み込みができそう
11 今後の展望 • 小売店などへの小規模決済に使えないか? • 同人誌即売会などで使えそうかも? • 別な Rails アプリに
QR 決済を組み込んでみたい
12 おわりに ご清聴ありがとうございました!