Pro Yearly is on sale from $80 to $50! »

WebUSBでLチカしてみた

6a87c9bfc71c805c3f5f248b359365d3?s=47 mu2in
August 19, 2017

 WebUSBでLチカしてみた

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

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

6a87c9bfc71c805c3f5f248b359365d3?s=128

mu2in

August 19, 2017
Tweet

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ϖʔδ͕ϋʔυ΢ΣΞΛखܰʹૢ࡞Ͱ͖ Δ࣌୅ʹ