Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

Kenichiro Kishida

February 20, 2016
Tweet

More Decks by Kenichiro Kishida

Other Decks in Technology

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