2016年9月30日に行われたCreateJS勉強会(第8回)のセッション「IoT、やっちゃえ Webエンジニア」で発表したスライドです。 IoTの基本的な構成から、Webエンジニアにオススメな開発方法などを紹介してます。

1. 蔵下 まさゆき @umi_kappa
株式会社 ICS
IoT、やっちゃえ
Webエンジニア
2016/9/30 CreateJS勉強会 第8回
#CreateJSで
デモURL公開中

2. 自己紹介
蔵下 まさゆき
@umi_kappa
株式会社ICS
インタラクションデザイナー
電子工作本を執筆
先日、増刷しました！

3. IoTってなに？
流行っているらしいけど
いまいちピンとこない

4. IoTってなに？
IoTInternet of Things
もののインターネット

5. IoTってなに？
ものにインターネットをつなげて
新たな価値を生み出す

6. 鍵×インターネット

7. いいなCM 象印 みまもりほっとライン「おでかけ」編

8. IoTってなに？
ポットの使用状況をインターネットへ送信するだけで
生存確認できる。
ちょっとしたアイデアが
IoTになる！

9. 実際にIoTやってみました

10. トイレの使用状況を監視
明るさを検出してスマホで確認

11. スマホからエアコンを操作
室温も確認できる

12. デモを用意しました

13. バナナ泥棒発見器
人がバナナに触れ
たことを検知
手元のスマホで
確認
大切なバナナを
守る

14. バナナ泥棒発見器の
作り方
意外と簡単にできちゃうんです

15. バナナ泥棒発見器の作り方
ハード 通信 ソフト
Arduino Milkcocoa CreateJS

16. バナナ泥棒発見器の作り方
Arduino
電子工作初心者でも
扱いやすいボード。
ハンダ付け不要
センサーさすだけ！

17. バナナ泥棒発見器の作り方
Wi-Fi
モジュール
Arduinoと
静電容量センサー
バナナ

18. バナナ泥棒発見器の作り方
Milkcocoa
バックエンドの機能を使
いやすく提供している
Webサービス。
サーバー構築不要
ID発行するのみ！

19. バナナ泥棒発見器の作り方
CreateJS
HTML5でリッチコンテン
ツを制作するための
JavaScriptライブラリ
センサーの値を
リッチに表現！

20. バナナ泥棒発見器の作り方
外部ファイルの読み込み
描画
動き
(トゥイーン)

21. バナナ泥棒発見器の作り方
Arduino Milkcocoa CreateJS
表現部分の開発に集中できる
IoTにWebエンジニアの表現力を活かせる

22. 伝えたいこと
なぜWebエンジニアにIoTを
勧めるのか

23. 伝えたいこと
世界には
面白いセンサーがたくさん
圧力
距離
指紋
心拍 水分

24. 伝えたいこと
センサー × 表現
無限の組み合わせ
Webエンジニアは
手軽にIoTをはじめられる！

25. ご静聴ありがとうございました
みなさんもぜひIoTに挑戦を！
ご質問はお気軽にどうぞ！
@umi_kappa