WebHID APIでHIDデバイスをブラウザから制御!! #iotlt

Nintendo Switchやキーボードバックライトの制御ができました。

https://twitter.com/n0bisuke/status/1328697468645646336

IoTLT vol69での発表でした。

https://iotlt.connpass.com/event/192582/

Transcript

1. *P5-5WPM
   8FC)*%"1*Ͱ͋Μͳ΋ͷ΋੍ޚͰ͖Δ
   OCJTVLF
   ࠷৽࿩୊
   

   View Slide

2. ੁݪͷͼ͚͢
   dotstudio, Inc.
   ɾEPUTUVEJPגࣜձࣾ
   ๏ਓ޲͚*P5ݚमϓϩτλΠϐϯάݚमͳͲ
   ϓϩτλΠϐϯάઐ໳εΫʔϧʮϓϩτΞ΢τελδΦʯߍ௕
   ɾݸਓ׆ಈ
   ೔ຊ࠷େͷ*P5ίϛϡχςΟʮ*P5-5ʯओ࠵
   .JDSPTPGU.71
   -*/&"1*&YQFSU
   OPCJTVLFTVHBXBSB
   

   View Slide

3. ϓϩτλΠϐϯάઐ໳εΫʔϧʮϓϩτΞ΢τελδΦʯ
   ϓϩάϥϛϯάΑΓ΋"1*΍πʔϧΛ࢖͍͜ͳٕ͢ज़ΛֶͿ
   ϓϩτλΠϐϯά͚ͩͰऴΘΒͤͣΞ΢τϓοτ͢Δ·Ͱ
   ଔۀ੍࡞͸$".1'*3&ͰΫϥ΢υϑΝϯσΟϯά࣮ࢪ
   ՝୊Λݟ͚ͭͯࣗ෼Ͱ࣮૷͠ɺൃ৴Ͱ͖ΔਓࡐΛҭ͍ͯͯΔ
   ϓϩτΞ΢τελδΦ
   

   View Slide

4. աڈͷνϟϨϯδ
   8FC64#"1*ͰϩάΠϯ #BUUFSZ"1*Ͱ౪೉๷ࢭ
   

   View Slide

5. աڈͷνϟϨϯδ
   8FC64#"1*ͰϩάΠϯ #BUUFSZ"1*Ͱ౪೉๷ࢭ
   ϒϥ΢β͚ͩͰͰ͖Δ)8"1*
   

   View Slide

6. 8FC)*%"1*
   ɾ8FCώϡʔϚϯΠϯλʔϑΣΠεσόΠε"1*
   ɾ$ISPNFW͔Β d
   
   ɾݱ࣌఺
   ͩͱΦϦδϯτϥΠΞϧ
   ɾz)*%͸ɺਓ͔ؒΒͷೖྗΛड͚औͬͨΓɺਓؒʹରͯ͠ग़ྗΛఏڙ
   ͨ͠Γ͠·͢ɻσόΠεʹ͸ɺΩʔϘʔυɺϙΠϯςΟϯάσόΠε
   ʢϚ΢εɺλονεΫϦʔϯͳͲʣɺήʔϜύουͳͲ͕͋Γ·͢ɻz
   ɾྫ/JOUFOEP4XJUDIͷ+PZ$PO
   

   View Slide

7. ิ଍ࣅͯΔ"1*ʮ(BNFQBE"1*ʯ
   ɾήʔϜίϯτϩʔϥͷೖྗΛϒϥ΢βʹ൓өͰ͖Δ"1*
   ɾ/JOUFOEP4XJUDIͷ+PZ$POͳͲ΋࢖͑Δ
   

   View Slide

8. (BNFQBE"1*ͱ8FC)*%"1*
   ɾ(BNFQBE"1*
   σόΠεϒϥ΢β
   ήʔϜίϯτϩʔϥͷΈ
   ɾ8FC)*%"1*
   ϒϥ΢βσόΠε
   ήʔϜίϯτϩʔϥ΋ؚΉ৭ʑͳσόΠε
   ରԠσόΠε͸ௐ΂͖Εͯͳ͍
   
   

   View Slide

9. '-"(༗ޮԽΦϦδϯτϥΠΞϧͰར༻
   

   View Slide

10. 8FCΦϦδϯͷ͓ษڧ
    IUUQTQSPUPPVUTUVEJP
    QSPUPPVUTUVEJP
    

    View Slide

11. 8FCΦϦδϯͷ͓ษڧ
    IUUQTQSPUPPVUTUVEJP
    QSPUPPVUTUVEJP
    ͬͪ͜
    

    View Slide

12. OBWJHBUPSIJE͕࢖͑·͢
    ొ࿥ͨ͠ΦϦδϯͰOBWJHBUPSʹIJE͕ੜ͑·͢
    

    View Slide

13. %&.0
    

    View Slide

14. %&.0
    

    View Slide

15. %&.0
    J[NDPN͞ΜͷίʔυΛ͓आΓͭͭ͠
    QKT΋ར༻
    

    View Slide

16. ·ͱΊ
    ɾ8FC)*%"1*ͬͯͷ͕དྷ·ͨ͠ɻ
    ɾϒϥ΢βUPσόΠε͕Ͱ͖Δ
    ɾ/JOUFOEP4XJUDIͷ+PZ$POΛ8FC͔Β੍ޚͰ͖Δ
    ɾNBDͷΩʔϘʔυόοΫϥΠτΛ8FC͔Β੍ޚͰ͖Δ
    ɾ໘ന͍ͷͰͥͻ৮ͬͯΈ͍ͯͩ͘͞ɻ
    

    View Slide