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
290
CircuitPythonで動く自作キーボードの紹介 / Introducing Self-Made Keyboard from CircuitPython
mu2in
0
2.4k
スクリーンセーバーキラーを作ってみた / Making Mouse Jiggler with CircuitPython
mu2in
0
790
Pythonで始める自作キーボード入門 / Introduction to Self-Made Keyboard from Python
mu2in
1
2.2k
私のエンジニアライフHacks / my-engineer-lifehacks
mu2in
0
540
BadUSBを作ろう / how to make your own BadUSB and Keyboard
mu2in
0
450
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
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
270
すべてのコンテキストを、 ユーザー価値に変える
applism118
4
1.4k
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
150
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
euglena1215
1
170
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
280
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
160
What's new in AppKit on macOS 26
1024jp
0
130
効率的な開発手段として VRTを活用する
ishkawa
0
150
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
210
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
3
150
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
190
Agentic Coding: The Future of Software Development with Agents
mitsuhiko
0
120
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Adopting Sorbet at Scale
ufuk
77
9.5k
Embracing the Ebb and Flow
colly
86
4.7k
Statistics for Hackers
jakevdp
799
220k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Typedesign – Prime Four
hannesfritz
42
2.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
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ϖʔδ͕ϋʔυΣΞΛखܰʹૢ࡞Ͱ͖ Δ࣌ʹ