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

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

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