Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web  技術でハードウェア制御
@y_iwanaga_
HTML5 Conference 2015
誰?
y_iwanaga_
@quake_alert
@WeatherAlertJP
テレビより早い、⽇日本最速の地震速報 bot
世界最速の千代⽥田区の気象警報 bot
「Arduinoで始める
  Web技術者のための  IoT ⼊入⾨門」...
伝えたいこと
ハードウェア制御が劇的に簡単&安価になった
・IoT って何の役に⽴立立つの?
・実際にどういうコードを書くの?
・ここ数年年で⾶飛躍的な⼿手軽さに
普及すると、どうなるのか
ライブコーディングしながら解説
なぜ  IoT が注⽬目されているのか
なんでも  インターネットにつながる!!
Internet of Things
これまで
コンピュータ、スマートフォン。  ごく⼀一部だけ
インターネットに繋がる対象が⼤大きく広がる
つながってどうなる?
センサーが⼈人の代わりになる
⾃自動化
ü 監視対象が増えても容易易に追従
ü ⼈人が⾒見見ていなくても、異異常に気付く
遠隔操作
ü 異異常から⾃自動的に復復旧
例例:ペットの⾸首輪輪 + センサー + インターネット
新しいサービスが⽣生まれている
位置情報  → 迷⼦子探し
応⽤用事例例
体温や⼼心拍数  → ペットの病気をいち早く察知
以前は、相当な知識識・時間が必要だった
ここ最近は、信じられないほど簡単に実現できる
センサー値読み出し、インターネット越しにマイコン操作
⽬目覚ましい進化:その1
IDE で⼿手間を激減
プログラムで制御できる状態になるまで  が  ⼤大変。
「箱から出したら、すぐに使える」
これまで
⽬目覚ましい進化:その2
C⾔言語じゃなくてもいい → ⾃自分の好きな⾔言語を使える
⾃自分の好きな⾔言語を使える
Firmata プロトコル JS が動くボード
で、本当に簡単なの?
ライブコーディングだ!
概要
Arduino を使います
JavaScript を使います
⼟土壌湿度度センサーの値を読み出します
3,000円で買えます
Web 技術!! Node.js 上で実⾏行行。
センサーは500円で買えます
処理理の流流れ
Firmata
1. アナログピン “A0” の
電圧を測って〜~
GPIO
2. 電圧を測定
3. 値は 650 だよ
Standard
Firmata
ライブコーディング
&
解説
⼿手頃な応⽤用例例
観葉葉植物 ⼟土壌湿度度センサー
⼟土が乾く  =  ⽔水やり必要
→ ⽔水やりのタイミングを⾃自動的にメールでお知らせ
洗濯物の乾き具合チェックにも応⽤用できる
まとめ
信じられないほど敷居が下がっている
わずかなコードで⽬目的を実現できる
⾃自分のコードでモノが動く感動
しかも、C⾔言語だけじゃない
是⾮非体験してみてください!!
簡単&安価にモノを操作できる時代になった
Upcoming SlideShare
Loading in …5
×

Web Technology for Hardware Control (html5 conference 2015)

2,758 views

Published on

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

Published in: Internet
  • Be the first to comment

Web Technology for Hardware Control (html5 conference 2015)

  1. 1. Web  技術でハードウェア制御 @y_iwanaga_ HTML5 Conference 2015
  2. 2. 誰? y_iwanaga_ @quake_alert @WeatherAlertJP テレビより早い、⽇日本最速の地震速報 bot 世界最速の千代⽥田区の気象警報 bot 「Arduinoで始める   Web技術者のための  IoT ⼊入⾨門」連載 ・http2jp ・html5j  エンタメ技術部 www.atmarkit.co.jp/ait/kw/arduino_js.html
  3. 3. 伝えたいこと ハードウェア制御が劇的に簡単&安価になった ・IoT って何の役に⽴立立つの? ・実際にどういうコードを書くの? ・ここ数年年で⾶飛躍的な⼿手軽さに 普及すると、どうなるのか ライブコーディングしながら解説
  4. 4. なぜ  IoT が注⽬目されているのか なんでも  インターネットにつながる!! Internet of Things これまで コンピュータ、スマートフォン。  ごく⼀一部だけ インターネットに繋がる対象が⼤大きく広がる
  5. 5. つながってどうなる? センサーが⼈人の代わりになる ⾃自動化 ü 監視対象が増えても容易易に追従 ü ⼈人が⾒見見ていなくても、異異常に気付く 遠隔操作 ü 異異常から⾃自動的に復復旧
  6. 6. 例例:ペットの⾸首輪輪 + センサー + インターネット 新しいサービスが⽣生まれている 位置情報  → 迷⼦子探し 応⽤用事例例 体温や⼼心拍数  → ペットの病気をいち早く察知
  7. 7. 以前は、相当な知識識・時間が必要だった ここ最近は、信じられないほど簡単に実現できる センサー値読み出し、インターネット越しにマイコン操作
  8. 8. ⽬目覚ましい進化:その1 IDE で⼿手間を激減 プログラムで制御できる状態になるまで  が  ⼤大変。 「箱から出したら、すぐに使える」 これまで
  9. 9. ⽬目覚ましい進化:その2 C⾔言語じゃなくてもいい → ⾃自分の好きな⾔言語を使える ⾃自分の好きな⾔言語を使える Firmata プロトコル JS が動くボード
  10. 10. で、本当に簡単なの? ライブコーディングだ!
  11. 11. 概要 Arduino を使います JavaScript を使います ⼟土壌湿度度センサーの値を読み出します 3,000円で買えます Web 技術!! Node.js 上で実⾏行行。 センサーは500円で買えます
  12. 12. 処理理の流流れ Firmata 1. アナログピン “A0” の 電圧を測って〜~ GPIO 2. 電圧を測定 3. 値は 650 だよ Standard Firmata
  13. 13. ライブコーディング & 解説
  14. 14. ⼿手頃な応⽤用例例 観葉葉植物 ⼟土壌湿度度センサー ⼟土が乾く  =  ⽔水やり必要 → ⽔水やりのタイミングを⾃自動的にメールでお知らせ 洗濯物の乾き具合チェックにも応⽤用できる
  15. 15. まとめ 信じられないほど敷居が下がっている わずかなコードで⽬目的を実現できる ⾃自分のコードでモノが動く感動 しかも、C⾔言語だけじゃない 是⾮非体験してみてください!! 簡単&安価にモノを操作できる時代になった

×