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

ハードウェア初心者のWebエンジニアがIoTやってみた ~総集編~ / Personal IoT compilation

shanonim
February 20, 2016

ハードウェア初心者のWebエンジニアがIoTやってみた ~総集編~ / Personal IoT compilation

2016.02.20
Creators MeetUp #37
http://cmu.connpass.com/event/26273/

shanonim

February 20, 2016
Tweet

More Decks by shanonim

Other Decks in Technology

Transcript

  1. ϋʔυ΢ΣΞॳ৺ऀͷWebΤϯδχΞ͕
    IoT΍ͬͯΈͨ
    Monstar Lab, inc.
    ࣰݪ ߂ޫʢ@shanonimʣ

    View Slide

  2. Who?
    • ࣰݪ߂ޫʢ @shanonim ʣ
    • גࣜձࣾϞϯελʔɾϥϘ
    • AndroidΤϯδχΞ

    View Slide

  3. View Slide

  4. IoT #ͱ͸

    View Slide

  5. “ϞϊͷΠϯλʔωοτʢInternet of ThingsɺIoTʣ͸ɺ
    ҰҙʹࣝผՄೳͳʮ΋ͷʯ͕Πϯλʔωοτ/Ϋϥ΢υʹ઀ଓ͞Εɺ
    ৘ใަ׵͢Δ͜ͱʹΑΓ૬ޓʹ੍ޚ͢Δ࢓૊ΈͰ͋Δɻ”
    Wikipediaʢhttps://ja.wikipedia.org/wiki/ϞϊͷΠϯλʔωοτʣ

    View Slide

  6. ΋ͷ #ͱ͸

    View Slide

  7. ෺ମ ۭؒ

    View Slide

  8. “ϞϊͷΠϯλʔωοτʢInternet of ThingsɺIoTʣ͸ɺ
    ҰҙʹࣝผՄೳͳʮ΋ͷʯ͕Πϯλʔωοτ/Ϋϥ΢υʹ઀ଓ͞Εɺ
    ৘ใަ׵͢Δ͜ͱʹΑΓ૬ޓʹ੍ޚ͢Δ࢓૊ΈͰ͋Δɻ”
    ग़యɿWikipediaʢhttps://ja.wikipedia.org/wiki/ϞϊͷΠϯλʔωοτʣ

    View Slide

  9. ۭؒ
    ෺ମ

    View Slide

  10. ʰΈΜͳIoTŗŘśŖũŎŖݴͬͯΔ͠ɺ
    ͱΓ͋͑ͣԿ͔΍ͬͯΈ͍͚ͨͲɺ
    Կ͔Β΍Ε͹͍͍͔Θ͔Βͳ͍ʱ

    View Slide

  11. Α͘ݴΘΕΔ

    View Slide

  12. ࠓ೔࿩͢͜ͱ
    • IoTॳ৺ऀ͕΍ͬͯΈͨࣄྫ
    • ࢖ٕͬͨज़ʹ͍ͭͯ
    • ͭ·͍ͮͨ৭ʑ

    View Slide

  13. IoTॳ৺ऀ͕΍ͬͯΈͨࣄྫ
    ͦͷ1ɿ෺ମฤ

    View Slide

  14. x

    View Slide

  15. ͖͔͚ͬ
    • ☕޷͖
    • ೤ͯ͘ҿΊͳ͍ɾɾɾ
    • ʰҿΈࠒʹͳͬͨΒڭ͑ͯ΄͍͠ʱ

    View Slide

  16. View Slide

  17. View Slide

  18. View Slide

  19. View Slide

  20. View Slide

  21. IoTॳ৺ऀ͕΍ͬͯΈͨࣄྫ
    ͦͷ2ɿۭؒฤ

    View Slide

  22. x

    View Slide

  23. ͖͔͚ͬ
    • ࠲੮ʹձ͍ʹߦͬͯ΋͍ͳ͍ɾɾɾ(´ . . ̫ . `)
    • ࠲ͬͯΔ͚ͩͰ੮ʹ͍Δ͔͍ͳ͍͔Θ͔Δ
    • ʰεϚʔτΦϑΟεʱ

    View Slide

  24. View Slide

  25. View Slide

  26. ࢖ͬͯΔٕज़ʹ͍ͭͯ

    View Slide

  27. on

    View Slide

  28. View Slide

  29. View Slide

  30. example: LνΧ
    var jf = require("johnny-five");
    var board = new jf.Board();
    board.on("ready", function() {
    (new jf.Led(13)).strobe();
    });

    View Slide

  31. why Jonny-five??
    • ୯७ʹॻ͖׳Εͯͨɻ
    • “JSΛ৴͡Α”
    • npm࠷ߴʂʂʂ

    View Slide

  32. View Slide

  33. View Slide

  34. ͭ·͍ͮͨ৭ʑ

    View Slide

  35. ϋʔυ΢ΣΞ͜Θ͍໰୊
    • Թ౓ηϯα
    • ͲΜ͚ͩؤுͬͯ΋஋͕औΕͳ͍ɻɻɻ
    • ಉ͡ܕͷผͷΛ࢖ͬͯΈͨΒ஋औΕͨ
    →ϋʔυ͕յΕ͚ͯͨͩɻ

    View Slide

  36. ϋʔυ΢ΣΞ͜Θ͍໰୊
    • IC
    • ͲΜ͚ͩؤுͬͯ΋஋͕औΕͳ͍ɻɻɻ
    • ૠ͢ํ޲ؒҧͬͯͨ(*ůωɾ*)ũų
    →৮ͬͨΒʰΞοͬͭͭͭʂʂʂʂʂʂʱ

    View Slide

  37. “ײిͨ͠ΒҰਓલ”
    ๭ΤϯδχΞࢯ

    View Slide

  38. View Slide

  39. ษڧ͠·Μͨɻ

    View Slide

  40. ʰIoT΍ͬͯΈͨͱ͔ݴͬͯΔ͚Ͳɺ
    େͨ͜͠ͱ΍ͬͯͳ͍ͷͰΘɾɾɾʱ

    View Slide

  41. Α͘ݴΘΕΔ

    View Slide

  42. Personal IoT
    • ϞϊΛWebʹܨ͍Ͱ਎ͷपΓ͕ศརʹͳΔ
    →೔ৗੜ׆ͷUX޲্

    View Slide

  43. ·ͱΊ
    • IoT is ָ͍͠
    • JS IoT͸WebΤϯδχΞͷIoTࣄ࢝ΊʹͽͬͨΓ
    • ·ͣ͸਎ͷपΓΛHack͢Δͱ͔͜Β

    View Slide

  44. Tips for Personal IoT

    View Slide

  45. ʰ࠷ॳʹͲΜͳσόΠεങ͑͹͍͍ͷʁʱ

    View Slide

  46. View Slide

  47. View Slide

  48. ”Think about what you want your project to do.
    ϓϩδΣΫτʹԿΛ͍͔ͤͨ͞Λߟ͑Δɻ
    If you can describe it with less than two ‘and’s,
    get an Arduino.
    2ͭҎԼͷ࢓ࣄͰઆ໌Ͱ͖ΔͳΒ Arduinoͩɻ
    If you need more than two ‘and’s, get a
    Raspberry Pi.”
    3ͭҎ্ͷ࢓ࣄΛ͍ͤͨ͞ͳΒɺRaspberry Piͩɻ

    View Slide

  49. ʰఉͷϓϥϯλʔΛνΣοΫͯ͠ɺס͍͖ͯͨΒ௨஌ʱ
    ɹˠArduino
    ʰఉͷϓϥϯλʔΛνΣοΫͯ͠ɺס͍͖ͯͨΒ௨஌ɺ
    ఱؾ༧ใͷAPIΛୟ͍ͯɺ੖ΕͳΒਫ΍Γɺ
    Ӎ͕߱ΔͳΒͦͷ··ʱ
    ɹˠRaspberry Pi

    View Slide

  50. Javascript board….?

    View Slide

  51. View Slide

  52. View Slide

  53. View Slide

  54. View Slide

  55. Happy IoTing!!

    View Slide