Downloaded 23 times
More Related Content
HTML5/JavaScript ではじめるIoT
- 1.
- 2. 自己紹介 2 @moongift fb.me/moongift.fan 中津川 篤司 株式会社MOONGIFT 代表取締役 ニフティクラウドmobile backend エヴァンジェリスト 2004年1月よりオープンソース・ソフトウェアを毎 日紹介するブログ MOONGIFT を運営。 http://www.moongift.jp/ hifive エヴァンジェリスト
- 4.
- 5.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. なんでHTML5/JS？ • 今回のテーマだから • CORS問題（XMLHttpRequest2） •Canvas/WebGL • WebSocket/WebRTC • node.js（特にBTE系）
- 15. JavaScriptサポート • Raspberry PI（node.jsサポート） •Intel Edison（node.jsサポート） • Pebble（CloudPebble） • BeaconEgg（iBeacon） • Konashi（konashi.js）→デモ • IRKit（IRKitjs）
- 16.
- 17.
- 18.
- 19.
- 20.
- 21. センサー • 照度 • カメラ •温度 • 湿度 • Felicaリーダー • ボタン 21 正直微妙… もっと面白いセンサーが 欲しい！
- 22. 出力 • LCD • LED •コンピュータ • hue 22 もっと微妙
- 23.
- 24. Arduino module • ArduinoとLittleBitsを連携させるためのモジュール ↓ •LittleBitsのIOを持ったArduino互換モジュール （Leonardo） 24 https://www.youtube.com/watch? v=FXQ9d3qJt3Q 39.95ドル！
- 25. CloudBit module • ArchLinux搭載のモジュール • 改造するとSSHができます • LittleBits Cloud Controlで外部操作可能（WebSocket） 25 59.95ドル！
- 26.
- 27.
- 28. ボタンを押すとプッシュ通知 28 var pin4 =new m.Gpio(4); pin4.read();
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37. var NCMB =require("./ncmb").NCMB; NCMB.initialize( APP_KEY , CLIENT_KEY"); function sendPush(high, value) { NCMB.Push.send({ "immediateDeliveryFlag": true, "message": high ? "電気がつきました" : "消灯しました", }, { success: function() { console.log("Successful!"); // 成功 }, error: function(error) { // エラー console.log("Failed"); } }); }
- 38.
- 39. まとめ • マイコン、インプット、アウトプットともに材料は 既に っている •表現場所としてHTML5は手軽（作り手、閲覧者と もに）。ただし高度な表現はCanvas/WebGLの習 得必須 • JavaScript（node.js含め）は必修