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
WebUSBでLチカしてみた
Search
mu2in
August 19, 2017
Programming
2
1.5k
WebUSBでLチカしてみた
USBデバイスとwebページを繋いでみた話
「フロントエンド夏祭り in 広島」での登壇資料です。
https://connpass.com/event/62200/
mu2in
August 19, 2017
Tweet
Share
More Decks by mu2in
See All by mu2in
スイッチ沼へようこそ / Welcome to the Key Switch Rabbit Hole
mu2in
0
200
Astroで サクッと作るWebサイト(仮) / Quickly create webpages with Astro
mu2in
1
300
CircuitPythonで動く自作キーボードの紹介 / Introducing Self-Made Keyboard from CircuitPython
mu2in
0
2.5k
スクリーンセーバーキラーを作ってみた / Making Mouse Jiggler with CircuitPython
mu2in
0
800
Pythonで始める自作キーボード入門 / Introduction to Self-Made Keyboard from Python
mu2in
1
2.2k
私のエンジニアライフHacks / my-engineer-lifehacks
mu2in
0
550
BadUSBを作ろう / how to make your own BadUSB and Keyboard
mu2in
0
460
PyCon mini Hiroshima 2018 でノベルティを作ってみた話/pycon-mini-hiroshima-2018-novelty
mu2in
1
1.5k
家に帰ると灼熱地獄なのをなんとかする/obniz-universal-remote-control
mu2in
0
970
Other Decks in Programming
See All in Programming
testingを眺める
matumoto
1
120
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
210
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
nyatinte
7
970
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
150
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
220
兎に角、コードレビュー
mitohato14
0
160
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.3k
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
east_takumi
0
330
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
180
為你自己學 Python - 冷知識篇
eddie
1
290
自作OSでDOOMを動かしてみた
zakki0925224
1
1.4k
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.6k
Featured
See All Featured
Faster Mobile Websites
deanohume
309
31k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Facilitating Awesome Meetings
lara
55
6.5k
How GitHub (no longer) Works
holman
315
140k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Cult of Friendly URLs
andyhume
79
6.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
How STYLIGHT went responsive
nonsquared
100
5.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Transcript
8FC64#Ͱ-νΧͯ͠Έͨ ϑϩϯτΤϯυՆࡇΓJOౡ
‣ @mu2in ‣ JavaΤϯδχΞ3 ‣ ͖ͳϓϩάϥϛϯάݴޠɿJavaScript ‣ ࢀՃίϛϡχςΟ • Atlassian
User Group தࠃํ Ϧʔμʔ • ౡϑϩϯτΤϯυษڧձ • ͍͢͝ౡɹ…etc ࣗݾհ
WebUSBͱ ‣ webϖʔδ͔ΒUSBσόΠεʹ҆શͳΞΫηε Λఏڙ͢ΔͨΊͷAPI ▹ USBσόΠε͏ͱ͖ʹඞཁͳυϥΠόSDKΛΘ͟Θ͟ μϯϩʔυ͢Δඞཁ͕ͳ͘ͳΔ ▹ OS͝ͱʹҧ͍ͬͯͨυϥΠό͕ɺΫϩεϓϥοτϑΥʔϜ ͷJavaScript
SDKͰॻ͚ΔΑ͏ʹͳΔ ‣ 2໊ͷGoogleͷΤϯδχΞ͕த৺ͱͳͬͯࡦఆ ▹ ·ͩυϥϑτ൛ (2017-08-19ݱࡏ)
https://wicg.github.io/webusb/ WebUSBͱ
αϯϓϧΛࢼͯ͠ΈΔ https://github.com/webusb/arduino
1. Google Chrome ͷઃఆ ‣ ʮࢼݧӡ༻൛ͷΣϒϓϥοτϑΥʔϜͷػೳʯ Λ༗ޮʹ͢Δ
2. σόΠεʹWebUSBͷίʔυΛॻ͖ࠐΉ
‣ ࠓճ SSLূ໌ॻ͕͑Δ Firebase Λར༻ 3. ࣮ࡍʹૢ࡞Λߦ͏σϞϖʔδΛ༻ҙ͢Δ
࣮ࡍʹಈ͔ͯ͠ΈΔ
σϞͷ༷ࢠ
·ͱΊ ‣ WebUSBΛͬͯweb͔ΒLEDΛνΧνΧ͞ ͤΔ͜ͱ͕Ͱ͖ͨɻ ‣ υϥϑτ൛ͷػೳͰͲΜͲΜࢼͯ͠৽͍͠ webΛମݧ͠Α͏ɻ ‣ webϖʔδ͕ϋʔυΣΞΛखܰʹૢ࡞Ͱ͖ Δ࣌ʹ