入力値で変化するjQuery動的QRコード生成入門

入力値で変化するjQuery  動的QRコード生成入門 FRONTEND CONFERENCE 2017 LT 2017年3月18日金融LT芸人小渕周
(Shu Kobuchi)

デモ !  http://blockchain.xn--tckwe/demo.html !  0より大きな値を入力したら、URIにamountが入る

静的QRコード生成 !  <img src="http://api.qrserver.com/v1/create-qrcode/?size=200x200&data=Sample" alt="QRコード"/ > !  例えば、APIを使って ! 
普通は静的。誰も動的なんて使わんww

そもそもなぜ動的に？ !  要るん？

そもそもなぜ動的に？ !  Bitcoinウォレットアプリケーションで必要やからやw！

BitcoinにQRコードは不可欠 !  アドレス：　1ZpMxPYvMu1TNnS9Cn1EbfRJF4Nt1t5yN !  アドレスを手入力するには非現実的 !  アドレスをQRコードで生成 !  https://blockchain.info/ja/wallet/

BitcoinアドレスのQRコード !  アドレスのみ： bitcoin:1ZpMxPYvMu1TNnS9Cn1EbfRJF4Nt1t5yN !  送金額を含める： bitcoin:1ZpMxPYvMu1TNnS9Cn1EbfRJF4Nt1t5yN? amount=0.001 <img src="http://api.qrserver.com/v1/create-qr-
code/?size=200x200&data=bitcoin: 1ZpMxPYvMu1TNnS9Cn1EbfRJF4Nt1t5yN" alt="ビットコインアドレス"/>

動的QRコード生成をAPIで !  入力値で変化する動的QRコードならAPIで生成するとネットワークが途切れた時が・・・

jquery.qrcode.js !  http://jeromeetienne.github.io/jquery-qrcode/ !  jQueryのQRコードライブラリでネットワーク切断時でも動的変化するQRコード作成可 <script type="text/javascript" src="jquery.qrcode.min.js"></script> <div
id=“qrcode”></div> 　　jquery("#qrcode").qrcode("this plugin is great");

メガバンクも暗号通貨 !  三菱UFJ FG MUFGコイン 2017年〜？ !  みずほFG　みずほマネー !  １ポイント１円で電子マネー的に使える
!  個人間の送金も可能（割り勘も楽！） !  決済のモバイル化 QRコードベース

BitcoinでOSSの収益化？ !  サイトにBitcoinアドレスを貼ってみよう！ !  寄付受付の場合は、送金額指定不要なので、静的QRコードでも可能 !  画像化して貼り付けるのもアリ

自己紹介 !  小渕周 (こぶしゅう, Shu Kobuchi) !  3月までシステムエンジニア@大阪 ! 
転勤で４月からブロックチェーンを中心にR&D @東京 !  兵庫県宝塚市民 → 埼玉県さいたま市民 !  東京ではng-japanに参加する予定 !  Facebook：　shu.kobuchi !  Twitter：　　　@shu_kob

入力値で変化するjQuery動的QRコード生成入門

入力値で変化するjQuery動的QRコード生成入門

Shu Kobuchi

More Decks by Shu Kobuchi

Other Decks in Programming

Featured

Transcript