WebUSBでLチカしてみた

USBデバイスとwebページを繋いでみた話

「フロントエンド夏祭り in 広島」での登壇資料です。
https://connpass.com/event/62200/

Transcript

1. 8FC64#Ͱ-νΧͯ͠Έͨ ϑϩϯτΤϯυՆࡇΓ
   JO
   ޿ౡ
2. ‣ @mu2in ‣ JavaΤϯδχΞ3೥໨ ‣ ޷͖ͳϓϩάϥϛϯάݴޠɿJavaScript ‣ ࢀՃίϛϡχςΟ • Atlassian User Group தࠃ஍ํ Ϧʔμʔ • ޿ౡϑϩϯτΤϯυษڧձ • ͍͢͝޿ౡɹ…etc ࣗݾ঺հ
3. WebUSBͱ͸ ‣ webϖʔδ͔ΒUSBσόΠεʹ҆શͳΞΫηε Λఏڙ͢ΔͨΊͷAPI ▹ USBσόΠε࢖͏ͱ͖ʹඞཁͳυϥΠό΍SDKΛΘ͟Θ͟
 μ΢ϯϩʔυ͢Δඞཁ͕ͳ͘ͳΔ ▹ OS͝ͱʹҧ͍ͬͯͨυϥΠό͕ɺΫϩεϓϥοτϑΥʔϜ ͷJavaScript SDKͰॻ͚ΔΑ͏ʹͳΔ ‣ 2໊ͷGoogleͷΤϯδχΞ͕த৺ͱͳͬͯࡦఆ ▹ ·ͩυϥϑτ൛ (2017-08-19ݱࡏ)
4. https://wicg.github.io/webusb/ WebUSBͱ͸
5. αϯϓϧΛࢼͯ͠ΈΔ https://github.com/webusb/arduino
6. 1. Google Chrome ͷઃఆ ‣ ʮࢼݧӡ༻൛ͷ΢ΣϒϓϥοτϑΥʔϜͷػೳʯ Λ༗ޮʹ͢Δ
7. 2. σόΠεʹWebUSBͷίʔυΛॻ͖ࠐΉ
8. ‣ ࠓճ͸ SSLূ໌ॻ͕࢖͑Δ Firebase Λར༻ 3. ࣮ࡍʹૢ࡞Λߦ͏σϞϖʔδΛ༻ҙ͢Δ
9. ࣮ࡍʹಈ͔ͯ͠ΈΔ
10. σϞͷ༷ࢠ
11. ·ͱΊ ‣ WebUSBΛ࢖ͬͯweb͔ΒLEDΛνΧνΧ͞ ͤΔ͜ͱ͕Ͱ͖ͨɻ ‣ υϥϑτ൛ͷػೳͰ΋ͲΜͲΜࢼͯ͠৽͍͠ webΛମݧ͠Α͏ɻ ‣ webϖʔδ͕ϋʔυ΢ΣΞΛखܰʹૢ࡞Ͱ͖ Δ࣌୅ʹ