IoT時代のブラウザAPI (CodeGrid四周年記念パーティー #codegrid4thparty :5分)

CodeGrid4周年おめでとうございます！
IoTな話をしたかったけど、フロントエンドの人が多そうな会なのでブラウザAPIで低レイヤーの機能を使えるAPIの紹介をしました。

個人的にはWebBluetoothとWebUSBが気になってます。

https://atnd.org/events/75990

Transcript

1. *P5࣌୅ͷϒϥ΢β"1* LIG inc. @n0bisuke #codegrid4thparty
2. About Me • @n0bisuke • LIGinc. ΤϯδχΞ / DevRelࣄۀ੹೚ऀ • ࠷ۙͷڵຯ: IoT / JavaScript Robotics • 89ੈ୅ (ฏ੒ݩ೥) • MilkcocoaΤόϯδΣϦετ • #IoTLT
3. גࣜձࣾLIG ্໺ͷWeb੍࡞ձࣾ ࠷ۙ͸IoT΍ϩϘοτͳͲͷ෼໺Ͱ߈Ίͯ·͢ʂ
4. WebͷਓͰ͢(൪એ) ࠨ͔ΒWebσβΠϯ/ IoT / ϑϩϯτΤϯυ ͳॻ੶ڞஶͰॻ͖·ͨ͠
5. प೥͓ΊͰͱ͏͍͟͝·͢ʂ ڈ೥͸͠ΕͬͱϨϙʔτॻ͖·ͨ͠ɻ
   ༨༟͕͋Ε͹ ࠓ೥΋ɻɻɻ
6. ڈ೥ͷ͜ͷձͰͷൃද .JMLDPDPBͷ࿩ͱ#BB4͕*P5ରԠ͖ͯͨ͠࿩Λ͠·ͨ͠ɻ
7. ࠷ۙͷ׆ಈ͸΋ͬͺΒIoTपΓ *P5റΓͷษڧձ /PEF#PUT *P5ͳόοΫΤϯυαʔϏε
   .JMLDPDPB
8. ࠓճ΋*P5ͳ࿩Ͱ͢ɻ ͱ͍͏͜ͱͰɺ໎ͬͨΜͰ͚͢Ͳ
9. JavaScriptͷྲྀΕ • ੲ: JavaScript͸ϒϥ΢β͚ͩͷ΋ͷ • ͦͦ͜͜લ: αʔόʔαΠυͰ΋ಈ͘Α͏ʹ (Node.js ͳͲ) • ͦͦ͜͜લ: ΞϓϦΛ࡞ΕΔΑ͏ʹ ɹɹɹ(Titanium MobileͳͲ) • ࠷ۙ: ϋʔυ΢ΣΞΛ੍ޚͰ͖ΔΑ͏ʹͳ͖ͬͯͨ
10. konashi.js ɾNode.jsͰϋʔυ΢ΣΞΛ੍ޚ͢ΔϥΠϒϥϦ ɾkonashiͱ͍͏ϚΠίϯϘʔυͱjsdo.itΛ࿈ܞͤ͞ΔΞϓϦ ɾϒϥ΢βJavaScriptͰBLE੍ޚ΍ηϯαʔͷ੍ޚ͕Ͱ͖Δ
11. MESH ɾSONY͕։ൃ͍ͯ͠ΔిࢠϒϩοΫ ɾGUIͰ૊Έཱͯͯ؆୯ʹηϯαʔΛ࢖͑Δ ɾ(͓ͦΒ͘)ඇΤϯδχΞ͕λʔήοτͳͨΊJSͷSDK͕
12. ϑϩϯτΤϯυͷਓͰ΋ා͘ͳ͍ *P5࣌୅ͷϒϥ΢β"1*ͷ঺հΛ ͠·͢ɻ DISPNFqBHT
    ΍OBWJHBUPSΛ೷͍ͯݟΔͱ৭ʑͳ ػೳΛൃݟͰ͖·͢ɻ
13. ͪͳΈʹɺJPUMU
    ম͖௚͠Ͱ͢ɻ IUUQTTQFBLFSEFDLDPNOCJTVLFJPUTIJEBJGBMTFCVSBV[BBQJEJIVJOVNCFSJPUMUGFO
14. 
    8FC
    #MVFUPPUI
    FOBCMFXFCCMVFUPPUI ✖
15. 
    8FC
    #MVFUPPUI
    FOBCMFXFCCMVFUPPUI
16. 
    8FC
    #MVFUPPUI ɾϒϥ΢β͔Β#MVFUPPUI͕࢖͑Δٕज़ʂ
    ɾ
    qBH
    AFOBCMFXFCCMVFUPPUIA
    ɾOBWJHBUPSCMVFUPPUI
    ɾಛఆͷΨδΣοτͷΞϓϦ͕αΠτʹͳΔ ࣌୅͕དྷΔ͔΋
17. %&.0
18. 
    #-&
    "EWFSUJTJOH ɾϒϥ΢β͔Β#-&
    ΞυόλΠδϯά
    ɾqBH
    AFOBCMFCMFBEWFSUJTJOHJOBQQTA
    ɾ $ISPNF
    04
    PS
    "OESPJE
    
19. 
    #-&
    "EWFSUJTJOH ɾ1FSJQIFSBM͔Β$FOUSBMʹ
    ൃ৴͞ΕΔσʔλ
    ɾ#-&઀ଓཱ͕͍֬ͯ͠ͳ͍ஈ֊ Ͱ$FOUSBMʹࣗ෼ͷଘࡏΛ஌ΒͤΔ ิ଍
    "EWFSUJTJOH
    1BDLFU
    ΞυόλΠδϯάύέοτ
20. 
    8FC64# ✖
    FOBCMFXFCVTC
21. 
    8FC64#
22. 
    8FC64# ɾ8FC͔Β64#σόΠεͷσʔλʹΞΫηε
    ɾqBHAFOBCMFXFCVTCOPUJpDBUJPOTA
    ɾqBH
    AFOBCMFXFCVTCPOBOZPSJHJOA
    ɾ OBWJHBUPSVTC
    Ͱ"1*͕࢖͑Δ༧ఆΒ͍͠
    ɾݱ࣌఺͸υϥϑτɻࠓޙʹظ଴ɻ
23. ɾ"OESPJEͱ$ISPNF04Ͱ#-&઀ଓͯ͠ 1$ͷϩοΫΛղআ
    ɾqBH
    AFOBCMFFBTZVOMPDLCMVFUPPUI MPXFOFSHZEFUFDUJPOA
    ɾ $ISPNF
    04ݶఆ 
    4NBSU
    -PDL
24. 
    4NBSU
    -PDL
25. 
    8FC
    .*%*
    "1* ɾ+BWB4DSJQU͔Β.*%*σόΠεϒϥ΢ βؒͰ௨৴Λߦ͏
    ɾ OBWJHBUPSSFRVFTU.*%*"DDFTT
    ɾ$ISPNFͷΈ
26. 
    8FC
    .*%*
    "1*
27. 
    $ISPNF
    4FSJBM
    "1* ɾ+BWB4DSJQUͰγϦΞϧ௨৴Λߦ͏"1*
    ɾ$ISPNF
    1BDLBHFE
    "QQT
    "1*
    ɾ$ISPNF"11͔Β"SEVJOP੍ޚͱ͔Ͱ ͖ͨΓ͢Δ
28. ɾ
    QMBUGPSN
    
    04ͱ$16৘ใ
    ɾ
    PTDQV
    
    ˢͱҰॹʁ
    ɾ
    CBUUFSZ
    
    όοςϦʔ৘ใ
    ɾ
    IBSEXBSF$PODVSSFODZ
    
    $16ίΞ਺
    ɾ
    DPOOFDUJPO
    
    ωοτϫʔΫঢ়گ ͦͷଞϓϩύςΟ OBWJHBUPSd
29. ɾ
    HFU(BNFQBET
    
    ήʔϜύου
    ɾ
    HFU73EFWJDF
    
    8FC73
    73σόΠε
    ɾ
    HFU#BUUFSZ
    
    όοςϦʔ৘ใ
    ɾ
    WJCSBUF
    
    όΠϒػೳ
    ɾ
    NFEJB%FWJDFT
    ˠ
    ΠϠϗϯ ϚΠΫFUD ͦͷଞϝιου OBWJHBUPSd
30. ͍͔͕Ͱͨ͠Ͱ͠ΐ͏͔ɻ ϑϩϯτͷ+BWB4DSJQUͰ΋ɺ͚ͬ͜͏
    ௿Ϩϕϧ"1*Λ͍͡ΕΔΑ͏ʹͳ͖͍ͬͯͯ·͢Ͷɻ
31. /PEF#PUT IUUQOPEFCPTUJP
32. ·ͱΊ ɾࡢࠓͷ*P5ք۾͸+BWB4DSJQUͰϋʔυ΢ΣΞ੍ޚ͕Ξπ͍ ง ғؾΛײ͡Δ
    ɾ8FCϒϥ΢β্ͷ+BWB4DSJQUͰϋʔυ΢ΣΞܥͷ"1*͕݁ߏ ͋Δ
    ɾࠓ·ͰΞϓϦ͡Όͳ͍ͱग़དྷͳ͔ͬͨ͜ͱ͕
    8FCαΠτग़དྷΔΑ͏ʹ σόΠε࿈ܞͱ͔
    ɾ8FCαΠτͷදݱʹϋʔυ΢ΣΞػೳΛʂ
    ɾ8FCͷਓͨͪ*P5ίϫΫφΠϤ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ CZ
    !OCJTVLF