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
入力値で変化するjQuery動的QRコード生成入門
Search
Shu Kobuchi
March 18, 2017
Programming
1
440
入力値で変化するjQuery動的QRコード生成入門
2017年3月18日(土)FRONTEND CONFERENCE 2017 LTにて、jQueryを使った入力値で変化する動的QRコード生成の話をさせていただきました。
Shu Kobuchi
March 18, 2017
Tweet
Share
More Decks by Shu Kobuchi
See All by Shu Kobuchi
GoogleのAI Agent
shukob
0
410
React Tokyo LT大会「ストリームの実装」
shukob
0
36
Google CloudのAI Agent関連のサービス紹介
shukob
0
400
論文紹介 ”A Survey on Large Language Model based Autonomous Agents”
shukob
0
150
AIエージェント元年@日本生成AIユーザ会
shukob
1
460
AI時代におけるMLOpsのTips
shukob
2
130
AIエージェント元年
shukob
0
360
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG” @GDG Tokyo
shukob
2
750
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG”
shukob
0
150
Other Decks in Programming
See All in Programming
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
270
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.4k
XSLTで作るBrainfuck処理系
makki_d
0
210
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
550
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
童醫院敏捷轉型的實踐經驗
cclai999
0
200
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
700
ふつうの技術スタックでアート作品を作ってみる
akira888
0
160
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
240
ReadMoreTextView
fornewid
1
480
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Rails Girls Zürich Keynote
gr2m
94
14k
Gamification - CAS2011
davidbonilla
81
5.3k
Six Lessons from altMBA
skipperchong
28
3.9k
A designer walks into a library…
pauljervisheath
207
24k
Bash Introduction
62gerente
614
210k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Raft: Consensus for Rubyists
vanstee
140
7k
Docker and Python
trallard
44
3.4k
4 Signs Your Business is Dying
shpigford
184
22k
Transcript
入力値で変化する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-qr- code/?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 みずほマネー ! 1ポイント1円で電子マネー的に使える
! 個人間の送金も可能(割り勘も楽!) ! 決済のモバイル化 QRコードベース
BitcoinでOSSの収益化? ! サイトにBitcoinアドレスを貼ってみよう! ! 寄付受付の場合は、送金額指定不要なので、静的QRコー ドでも可能 ! 画像化して貼り付けるのもアリ
自己紹介 ! 小渕 周 (こぶしゅう, Shu Kobuchi) ! 3月までシステムエンジニア@大阪 !
転勤で4月からブロックチェーンを中心にR&D @東京 ! 兵庫県宝塚市民 → 埼玉県さいたま市民 ! 東京ではng-japanに参加する予定 ! Facebook: shu.kobuchi ! Twitter: @shu_kob