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
430
入力値で変化する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
AIエージェント元年@日本生成AIユーザ会
shukob
1
210
AI時代におけるMLOpsのTips
shukob
2
70
AIエージェント元年
shukob
0
160
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG” @GDG Tokyo
shukob
0
480
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG”
shukob
0
100
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
710
生成AI入門
shukob
0
310
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
650
生成AIアプリケーションにおけるRAGとデータベースの役割
shukob
0
1.3k
Other Decks in Programming
See All in Programming
Domain-Driven Transformation
hschwentner
2
1.9k
color-scheme: light dark; を完全に理解する
uhyo
7
490
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
860
自力でTTSモデルを作った話
zgock999
0
100
PEPCは何を変えようとしていたのか
ken7253
2
230
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
200
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
230
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
kintone開発を効率化するためにチームで試した施策とその結果を大放出!
oguemon
0
150
負債になりにくいCSSをデザイナとつくるには?
fsubal
10
2.6k
GoとPHPのインターフェイスの違い
shimabox
2
210
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Code Review Best Practice
trishagee
67
18k
Building Your Own Lightsaber
phodgson
104
6.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
510
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
GraphQLとの向き合い方2022年版
quramy
44
14k
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