Web技術だけでできる「かも」しれないIoT

デモ用ソースコード
https://github.com/sizuhiko/gpio-grove-pir-and-led

Transcript

1. 8FCٕज़͚ͩͰ
   Ͱ͖Δ͠Εͳ͍*P5
   Զฉ͚JO5PLZPCZ!TJ[VIJLP
   かも
   

   View Slide

2. ,FOJDIJSP,JTIJEB
   5PLZP +"1"/
   TJ[VIJLP!HNBJMDPN !TJ[VIJLP
   IUUQTHJUIVCDPNTJ[VIJLP
   IUUQCMPHPQFOUPLZPKQ +1POMZ
   

   

   View Slide

3. *P5ͷΠϝʔδ
   

   View Slide

4. • ྲྀߦͬͯΔ
   • όζͬͯΔ
   • ೉ͦ͠͏
   • SORACOM
   

   View Slide

5. 8FCΤϯδχΞ
   ͷ੠
   組み込みってよくわからないけど
   C言語なんでしょ…
   俺HTMLとJavaScript
   しかわからん
   

   View Slide

6. ͦΕͳ
   +BWB4DSJQUͰͰ͖ΔΑ
   

   View Slide

7. /PEFKTͰಈ͘

   Ϙʔυ
   -JOVY͕ಈ࡞͢ΔϚΠίϯϘʔυͳΒ/PEFKT͕ಈ͘
   

   View Slide

8. Node.jsって難しいですね…
   

   View Slide

9. ͦΕͳ
   )5.-ͱ+BWB4DSJQU
   ͚ͩͰ΋
   Ͱ͖ΔΑ
   

   View Slide

10. .P[0QFO)BSE$)*3*.&/
    

    View Slide

11. .P[0QFO)BSEʹ͍ͭͯ
    ͜ͷϓϨθϯςʔγϣϯ͸ɺ.P[JMMB'BDUPSZίϛϡχςΟ.P[0QFO)BSEϓϩδΣΫτͷ੒
    ՌΛͦͷίϛϡχςΟͷϝϯόʔ͕঺հ͢Δ෦෼ΛؚΜͰ͍·͢ɻ
    .P[0QFO)BSE͸ɺ.P[JMMB+BQBO͕ʮlΦʔϓϯzΛ࣠ͱͨ͠Ϟϊͮ͘ΓΛֶͼɺ࣮ફ͢Δ
    ৔ʯͱͯ͠૑ઃͨ͠.P[JMMB'BDUPSZίϛϡχςΟͷϓϩδΣΫτͷҰͭͰ͢ɻ
    ίϛϡχςΟͷϝϯόʔ͸ݸਓɺاۀɺڭҭݚڀػؔ౳ͷ֤छ๏ਓɺͦͯ͠.P[JMMB+BQBOͰߏ੒
    ͞Ε·͢ɻ
    .P[0QFO)BSEϓϩδΣΫτͷ੒Ռ͸ɺͦͷίϛϡχςΟʹࢀՃ͢Δϝϯόʔ͕ڞ༗͢Δ΋ͷͰ
    ͢ɻɹͳ͓ɺͦͷ஌తࡒ࢈͸.P[JMMB+BQBO͕ίϛϡχςΟͷ୅ཧͱͯ͠؅ཧ͍ͯ͠·͢ɻ
    .P[0QFO)BSEϓϩδΣΫτͷৄࡉ͸ɺԼهͷϗʔϜϖʔδΛࢀর͍ͩ͘͞ɻ
    IUUQNP[PQFOIBSENP[JMMBGBDUPSZPSH
    .P[0QFO)BSEͷଐ͢Δ.P[JMMB'BDUPSZͷৄࡉ͸ɺԼهͷϗʔϜϖʔδΛࢀর͍ͩ͘͞ɻ
    IUUQXXXNP[JMMBGBDUPSZPSH
    

    View Slide

12. • FireFox OSͰಈ͍͍ͯΔ
    • WebΞϓϦ͔ΒσόΠεΛ੍ޚͰ͖Δ
    • FireFoxϒϥ΢βͰ։ൃͰ͖Δ
    • Φʔϓϯιʔε
    • Facebook Group: MozOpenHard
    

    View Slide

13. Demo
    https://github.com/sizuhiko/gpio-grove-pir-and-led
    

    View Slide

14. Α͘ݟΔ*P5ͷਤ
    !
    ◎
    #
    
    %
    &
    '
    
    )
    *
    

    View Slide

15. *P5΍ͬͯΈ͍ͨ
    ਓͷ੠
    とりあえずサーバサイドで

    プログラミングしないで
    気軽に試せないのかな…
    

    View Slide

16. ͦΕͳ
    N#BB4΍
    *P5ϓϥοτϑΥʔϜ
    ͰͰ͖ΔΑ
    

    View Slide

17. ແྉͰࢼͤΔࠃ಺ϓϥοτϑΥʔϜ
    

    View Slide

18. Ͳ͏ͯ͠΋೉͍͜͠ͱ
    w൒ా෇͚
    wηϯαʔͷ४උ
    wυϥΠόͷ༗ແʢճ͢΍ͭ͡Όͳ͘ʣ
    w։ൃ؀ڥ
    

    View Slide

19. ൒ా෇͚͠ͳ͍બ୒
    

    View Slide

20. ηϯαʔͷछྨ8JSF
    wඇಉظ௨৴
    wλΠϛϯάΛऔΔͷ͕ࠔ೉Ͱϓϩ޲͖
    w͍҆ηϯαʔͰ࢖ΘΕ͍ͯΔ͜ͱ͕ଟ͍

    

    

    

    

    8JSFϓϩτίϧʢIUUQXXXHFPDJUJFTKQDIBLP@SBUUBNJDPO@XJSFIUNMʣΑΓҾ༻
    

    View Slide

21. ηϯαʔͷछྨ18.
    wύϧε෯มௐ

    

    

    

    

    

    

    #PPL1*$.JDSPDPOUSPMMFSTʢIUUQXXXNJLSPFDPNDIBQUFSTWJFXDIBQUFSDDQNPEVMFTʣΑΓҾ༻
    

    View Slide

22. ηϯαʔͷछྨ*$
    wಉظ௨৴

    

    

    

    

    

    *$௨৴ͷ࢖͍ํʢIUUQXXXQJDGVODPNDIUNMʣΑΓҾ༻
    

    View Slide

23. ։ൃ؀ڥ
    w࠷ॳ͸+ +PIOOZ'JWF
    ͱ͔͕؆୯

    IUUQKPIOOZpWFJP
    w4%,͕๛෋ͳϚΠίϯϘʔυΛબͿͱ٢
    w/PEFKT͸/PEF4DIPPMͰֶशͰ͖Δ
    

    View Slide

24. ·ͱΊ
    w +BWB4DSJQU΍)5.-Ͱ؆୯ʹϓϩ
    άϥϛϯάͰ͖Δػث͕͋Δ
    w #BB4Λ࢖ͬͯαʔόϨεͰ*P5Λݕ
    ূͰ͖Δ
    w σόΠεͷυϥΠό͕ॆ࣮͖ͯͨ͠Β
    ΋ͬͱ؆୯ʹͳΔ
    

    View Slide

25. WJTJUNZCMPHHJUIVC
    https://github.com/sizuhiko
    5IBOLZPV
    http://blog.open.tokyo.jp
    

    View Slide