- JavaScript でモノを操ったり、インターネット越しに連携させることが手軽になった経緯 - 面白い応用例 - ライブコーディングしながら解説

1. Web 技術でハードウェア制御
@y_iwanaga_
HTML5 Conference 2015

2. 誰？
y_iwanaga_
@quake_alert
@WeatherAlertJP
テレビより早い、⽇日本最速の地震速報 bot
世界最速の千代⽥田区の気象警報 bot
「Arduinoで始める
Web技術者のための IoT ⼊入⾨門」連載
・http2jp
・html5j エンタメ技術部
www.atmarkit.co.jp/ait/kw/arduino_js.html

3. 伝えたいこと
ハードウェア制御が劇的に簡単＆安価になった
・IoT って何の役に⽴立立つの？
・実際にどういうコードを書くの？
・ここ数年年で⾶飛躍的な⼿手軽さに
普及すると、どうなるのか
ライブコーディングしながら解説

4. なぜ IoT が注⽬目されているのか
なんでも インターネットにつながる!!
Internet of Things
これまで
コンピュータ、スマートフォン。 ごく⼀一部だけ
インターネットに繋がる対象が⼤大きく広がる

5. つながってどうなる？
センサーが⼈人の代わりになる
⾃自動化
ü 監視対象が増えても容易易に追従
ü ⼈人が⾒見見ていなくても、異異常に気付く
遠隔操作
ü 異異常から⾃自動的に復復旧

6. 例例：ペットの⾸首輪輪 + センサー + インターネット
新しいサービスが⽣生まれている
位置情報 → 迷⼦子探し
応⽤用事例例
体温や⼼心拍数 → ペットの病気をいち早く察知

7. 以前は、相当な知識識・時間が必要だった
ここ最近は、信じられないほど簡単に実現できる
センサー値読み出し、インターネット越しにマイコン操作

8. ⽬目覚ましい進化：その１
IDE で⼿手間を激減
プログラムで制御できる状態になるまで が ⼤大変。
「箱から出したら、すぐに使える」
これまで

9. ⽬目覚ましい進化：その２
C⾔言語じゃなくてもいい → ⾃自分の好きな⾔言語を使える
⾃自分の好きな⾔言語を使える
Firmata プロトコル JS が動くボード

10. で、本当に簡単なの？
ライブコーディングだ！

11. 概要
Arduino を使います
JavaScript を使います
⼟土壌湿度度センサーの値を読み出します
3,000円で買えます
Web 技術!! Node.js 上で実⾏行行。
センサーは500円で買えます

12. 処理理の流流れ
Firmata
１. アナログピン “A0” の
電圧を測って〜～
GPIO
2. 電圧を測定
3. 値は 650 だよ
Standard
Firmata

13. ライブコーディング
＆
解説

14. ⼿手頃な応⽤用例例
観葉葉植物 ⼟土壌湿度度センサー
⼟土が乾く ＝ ⽔水やり必要
→ ⽔水やりのタイミングを⾃自動的にメールでお知らせ
洗濯物の乾き具合チェックにも応⽤用できる

15. まとめ
信じられないほど敷居が下がっている
わずかなコードで⽬目的を実現できる
⾃自分のコードでモノが動く感動
しかも、C⾔言語だけじゃない
是⾮非体験してみてください！！
簡単＆安価にモノを操作できる時代になった