createjs勉強会(第8回)「iot、やっちゃえ webエンジニア」

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

Upload: masayuki-kurashita

Post on 11-Apr-2017

301 views

Category:

Software


0 download

TRANSCRIPT

Page 1: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

蔵下 まさゆき @umi_kappa株式会社 ICS

IoT、やっちゃえWebエンジニア

2016/9/30 CreateJS勉強会 第8回

#CreateJSで

デモURL公開中

Page 2: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

自己紹介

蔵下 まさゆき

  @umi_kappa

株式会社ICS

インタラクションデザイナー

電子工作本を執筆先日、増刷しました!

Page 3: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

IoTってなに?

流行っているらしいけど

いまいちピンとこない

Page 4: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

IoTってなに?

IoTInternet of Things

もののインターネット

Page 5: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

IoTってなに?

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

Page 6: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

鍵×インターネット

Page 7: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

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

Page 8: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

IoTってなに?

ポットの使用状況をインターネットへ送信するだけで

生存確認できる。

ちょっとしたアイデアが

IoTになる!

Page 9: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

実際にIoTやってみました

Page 10: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

トイレの使用状況を監視

明るさを検出してスマホで確認

Page 11: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

スマホからエアコンを操作

室温も確認できる

Page 12: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

デモを用意しました

Page 13: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器

人がバナナに触れたことを検知

手元のスマホで確認

大切なバナナを守る

Page 14: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

意外と簡単にできちゃうんです

Page 15: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

ハード 通信 ソフト

Arduino Milkcocoa CreateJS

Page 16: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

Arduino電子工作初心者でも

扱いやすいボード。

ハンダ付け不要

センサーさすだけ!

Page 17: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

Wi-Fiモジュール

Arduinoと静電容量センサー

バナナ

Page 18: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

Milkcocoaバックエンドの機能を使

いやすく提供している

Webサービス。

サーバー構築不要

ID発行するのみ!

Page 19: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

CreateJSHTML5でリッチコンテン

ツを制作するための

JavaScriptライブラリ

センサーの値を

リッチに表現!

Page 20: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

外部ファイルの読み込み

描画

動き(トゥイーン)

Page 21: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

バナナ泥棒発見器の作り方

Arduino Milkcocoa CreateJS表現部分の開発に集中できる

IoTにWebエンジニアの表現力を活かせる

Page 22: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

伝えたいこと

なぜWebエンジニアにIoTを勧めるのか

Page 23: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

伝えたいこと

世界には

面白いセンサーがたくさん圧力

距離

指紋

心拍 水分

Page 24: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

伝えたいこと

センサー × 表現

無限の組み合わせ

Webエンジニアは手軽にIoTをはじめられる!

Page 25: CreateJS勉強会(第8回)「IoT、やっちゃえ Webエンジニア」

ご静聴ありがとうございました

みなさんもぜひIoTに挑戦を!

ご質問はお気軽にどうぞ!

@umi_kappa