ゆるふわWoT＆firefoxOS体験記
•
2 likes•999 views
『５』月『５』日はHTML『５』 での発表内容です。 https://atnd.org/events/65547
Recommended
More Related Content
What's hot
What's hot (17)
Similar to ゆるふわWoT＆firefoxOS体験記
Similar to ゆるふわWoT＆firefoxOS体験記 (20)
More from Mitsuru Ogawa
More from Mitsuru Ogawa (18)
ゆるふわWoT＆firefoxOS体験記
- 2. 自己紹介 • 小川 充(おがわ みつる) • フロントエンドエンジニア • 株式会社フレクト • AngularJS • Cordova • ionic • 普段は普通のWebな人 • エンタープライズ github：https://github.com/mitsuruog
- 7. 話すこと • で騒がれているWoTとは何か？ • WebエンジニアのWoTの始め方 • raspberry pi編 • FirefoxOS編
- 8. WoTとは何か？
- 11. –Web of Things - Wikipedia http://en.wikipedia.org/wiki/Web_of_Things the Web of Things provides an Application Layer that simplifies the creation of Internet of Things applications WoTとは IoTを容易に構築するための アプリケーションレイアを提供する
- 14. WoTを構成するWeb標準技術 Web of Things - Wikipedia http://en.wikipedia.org/wiki/Web_of_Things プログラミングWeb REST HTTP JSON etc… セマンティックWeb microdata JSON-LD etc… リアルタイムWeb websocket webRTC etc… ソーシャルWeb OAuth ソーシャルネットワーク etc…
- 15. 詳しくはWebで！！(1) Web of Thingsの現状とWebRTC 活用の可能性 http://www.slideshare.net/ KensakuKOMATSU/web-rtc- conf2015 WebクリエイターのためのIoT/WoTの 基礎知識 ¦ HTML5Experts.jp https://html5experts.jp/dsuket/ 12418/
- 16. once write run anywhere キーワードは なぜこんなにも Web技術が使われるのか？
- 17. 様々な分野で利用できるWeb技術 情報機器 (マイコン) スマート デバイス ブラウザ raspberry pi (node.js) 各種JS borad open web borad (FirefoxOS) プラットフォーム ハイブリッド開発 ChromeApp WindowsApp FirefoxOS Cordova NativeScript ReactNative デバイスAPI
- 18. 詳しくはWebで！！(2) WoTはここからはじめる！？ JavaScriptで開発できる3つのJS Boardデバイス ¦ HTML5Experts.jp https://html5experts.jp/ bathtimefish/13109/ デバイスAPIはどこまで使える？最新事 情を紹介──HTML5デバイスAPI勉強 会 #html5jplat｜CodeIQ MAGAZINE https://codeiq.jp/magazine/2014/ 12/20086/ 詳しくはWebで！！(2)
- 19. Let s WoTと言いたいけど・・・ • 近年、Javascriptで開発できる環境が整備されてき た。 • Webエンジニアにとっては敷居が下がっている。 結構、未知のトラブルがあるものです！！
- 20. Let s WoTと言いたいけど・・・ • 近年、Javascriptで開発できる環境が整備されてき た。 • Webエンジニアにとっては敷居が下がっている。 結構、未知のトラブルがあるものです！！ 今回は入門用にいいと思う 2つを紹介
- 22. raspberry pi
- 23. raspberry piとは • 名刺サイズのマイクロコンピューター • 豊富な拡張性(USBポート, GPIO, HDMI, etc…) • 2からはWindows10も対応 • 主に、IoTデバイスのプロトタイプ用途として利用 される
- 25. raspberry piでLチカ var piblaster = require('pi-blaster.js'); piblaster.setPwm(17, 1 ); sarfata/pi-blaster.js https://github.com/sarfata/pi-blaster.js sarfata/pi-blaster https://github.com/sarfata/pi-blaster pi-blaster.jsを使えば たった２行
- 26. raspberry piでbeacon // 発信 Bleacon = require( bleacon'); var uuid = 'e2c56db5dffb48d2b060d0f5a71096e0'; var major = 0; var minor = 0; var measuredPower = -59; Bleacon.startAdvertising(uuid, major, minor, measuredPower); Node.js - たった6行!最も簡単にiBeaconの電波を「発信」する方法 - Qiita http://qiita.com/Morikuma_Works/items/a0dd3cfcd1eef8dbd492 たった5行!最も簡単にiBeaconの電波を「受信」する方法 - Qiita http://qiita.com/Morikuma_Works/items/c2899e548da1c5e2c28e 受信側アプリでBeaconを受信 ネイティブコードを 書く必要なし
- 28. raspberry pi + node.js • node.jsのスキルセットとnpmモジュールが再利用 できることが強み。 • npmモジュールの黒魔術感が不安。 • モジュールの中には動作しないものもあり、OSに 近い部分だと、Webエンジニアだと手出しできな い可能性ががが・・・
- 29. FirefoxOS
- 30. FirefoxOS FirefoxOSとは • Web技術で作られたスマートデバイス向けOS • Javascriptから直接ネイティブ機能を操作できる • 最近、様々なデバイスに移植されてきた open web boradKDDI Fx0 Panasonic製TV(2015年春)
- 31. FirefoxOS FirefoxOSとは • Web技術で作られたスマートデバイス向けOS • Javascriptから直接ネイティブ機能を操作できる • 最近、様々なデバイスに移植されてきた open web boradKDDI Fx0 Panasonic製TV(2015年春) １つのスキルセットで 様々なデバイスに対応できる かも・・・
- 32. デバイスAPI(例) // 近接センサー window.addEventListener('userproximity', function(e) { console.log(e.near); // true or false }); // バイブレーションAPI navigator.vibrate(1000); // バッテリーAPI var battery = navigator.battery; battery.addEventListener( levelchange', levelChange); battery.addEventListener('chargingchange', chargingChange); Cordovaっぽい
- 34. FirefoxOS • Web開発のスキルセットがそのまま生かせるのが 強み。 • ハードウェアまでWeb技術で垂直統合されている ため、「once write run anywhere」の理想に近 い。 • 本格的な普及に期待。(まだギークのおもちゃ臭が する)
- 35. まとめ
- 36. まとめ • Javascriptで開発できる環境が整備されてきた • WoTデバイスを利用することで、ブラウザの枠を超え た表現が可能 • もっと本格的にやる場合は、デバイス側の知識が必要 • 必要になったら覚えればいいし、その時、専門家の 助けを借りればいい • 個人的には、Lチカを制するものはWoTを制すると思う。 Lチカの先にあるThings(やりたいこと)を広げていけば いい。 ご静聴ありがとうございました。