SlideShare a Scribd company logo
AndroidとHTML5で
変わる組込みの世界
  ICT ERA + ABC2012東北

        渡辺知男 @tomo_watanabe
自己紹介
 • カーナビのプラットフォーム開発
 • Android版セカイカメラの開発
 • HTML5?よくわかりません...
 • 自宅警備員/(^o^)\
        Twitter : @tomo_watanabe
        Blog : http://tomowatanabe.hatenablog.com/

だいたい2年後に実現可能な何かを考えてます
本日のテーマ
風が吹けば
桶屋が儲かる
HTML5が流行ると
    組込みアプリは
(」・ω・)」うー!(/・ω・)/にゃー!



       もう古い...orz
昨今の
デジタル家電の例
電子レンジと
          スマホが連携!




 炊飯ジャーと
スマホが連携!
その理屈はおかしい...
デジタル家電とは
なんだったのか?
デジタル家電


デジタル機器
デジタル家電
デジタル化されたデータを扱うことで、
 各デバイス間の相互作用を可能にする



 機器同士が自律的に相互作用して
      動作可能な家電
    1+1ではなく、n n
iE
   (Information Electronics)
 今まで家電では無かったモノが、
家電という分野に分類されるようになる
iE
   (Information Electronics)
 今まで家電では無かったモノが、
家電という分野に分類されるようになる
iE
   (Information Electronics)
 今まで家電では無かったモノが、
家電という分野に分類されるようになる
iE
   (Information Electronics)
 今まで家電では無かったモノが、
家電という分野に分類されるようになる
iE
   (Information Electronics)
 今まで家電では無かったモノが、
家電という分野に分類されるようになる
HTML5
プロトコルに注目
WebSocket
   と
WebIntents
WebSocket
   と
WebIntents
 今回はWebSocketのみ
WebSocket
HTTPを使ったリアルタイム通信技術
こんなことができるはず
             サーバ
 WebSocket
                    エアコン




モバイル
                    TV
             ブラウザ
プロト作ってみた
       HTTP      WebSocket
       サーバ         サーバ     (node.js)




                            Android +
ブラウザ                          ADK
              モバイル
デモ画面

                      リアルタイムで
                        送受信




Android +ADK
すでにあったりして...




     Elphi
             http://gigazine.net/news/20120606-elphi/
最近出てきた
ソーシャル開発
レシピをブラウザ上で開発
HTML5の恩恵


     レシピを
 ソーシャルネットで共有


   誰もが使えるレシピ
例えば...
・「特定の場所に来たら」
・「部屋の温度を計る」
・「30℃を超えていたら」
・「エアコンを入れる」
例えば...
・「特定の場所に来たら」
・「部屋の温度を計る」
・「30℃を超えていたら」
・「エアコンを入れる」

 組合せに過ぎない
on{X}




・予報が50 F以下だったら
・毎朝8時に
・目覚ましを鳴らす
・天気予報を表示する
いずれ誰でも...



      「SCRATCH」
MITで開発された小学生にも使える
  教育用のプログラミング環境
ということで...
HTML5が流行ると
 組込みアプリは
「ユーザが作れる」
One More Thing?
Chromeにまつわる
   ハードの話
・Bluetooth API
・USB API
・Serial API
http://developer.chrome.com/trunk/apps/app_hardware.html
Chromeが狙っているのは
 HTML5だけではない

ブラウザからハードウェアを
  直接操作すること
おまけ


いや、むしろ本題
かなり昔の洗濯機




  「点字」と「凸凹」
技術の目的
 人の幸福に寄与すること
   「記憶」「匂い」「感触」
     「やすらぎ」「絆」


  技術者が学ぶべきは
「心理学」「哲学」「倫理学」
われわれにとって重要なのは、
    技術のスペックなどではなく、

知識を使う自由とそのアクセスを可能にする手段、
       人と人をつなぐこと、
     自分自身について知ること、
          学ぶこと、
      自分が利益を得ること。

  そういうことを行うための技術が必要

More Related Content

Similar to AndroidとHTML5で変わる組込みの世界 (20)

Platform.html5
Platform.html5Platform.html5
Platform.html5
Masakazu Muraoka
 
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
maruyama097
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
 
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
 
Tizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えたTizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えた
Naruto TAKAHASHI
 
IoT 入門 ~ .NET Gadgeteer で簡単プログラミング
IoT 入門 ~ .NET Gadgeteer で簡単プログラミングIoT 入門 ~ .NET Gadgeteer で簡単プログラミング
IoT 入門 ~ .NET Gadgeteer で簡単プログラミング
Yoshitaka Seo
 
クラウド―Arduino接続について
クラウド―Arduino接続についてクラウド―Arduino接続について
クラウド―Arduino接続について
Kenichi Yoshida
 
Web Technology for Hardware Control (html5 conference 2015)
Web Technology for Hardware Control (html5 conference 2015)Web Technology for Hardware Control (html5 conference 2015)
Web Technology for Hardware Control (html5 conference 2015)
Yoshihiro Iwanaga
 
はじめてのWeb of Things
はじめてのWeb of ThingsはじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
 
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
 
Interactive Application using Kinect and Android
Interactive Application using Kinect and AndroidInteractive Application using Kinect and Android
Interactive Application using Kinect and Android
Hirotaka Niisato
 
How to MAKE HVC-C Protyping Application
How to MAKE HVC-C Protyping ApplicationHow to MAKE HVC-C Protyping Application
How to MAKE HVC-C Protyping Application
Hirotaka Niisato
 
座談会資料 事前配布 20170225
座談会資料 事前配布 20170225座談会資料 事前配布 20170225
座談会資料 事前配布 20170225
知礼 八子
 
はじめてのWeb of Things
はじめてのWeb of ThingsはじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
 
Web OSで可能になる世界
Web OSで可能になる世界Web OSで可能になる世界
Web OSで可能になる世界
Kensaku Komatsu
 
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Web Technology Corp.
 
Pepper x IoT x Web 勉強会やってみた話と失敗談
Pepper x IoT x Web 勉強会やってみた話と失敗談Pepper x IoT x Web 勉強会やってみた話と失敗談
Pepper x IoT x Web 勉強会やってみた話と失敗談
dsuke Takaoka
 
Chrome拡張で改善 表紙
Chrome拡張で改善 表紙Chrome拡張で改善 表紙
Chrome拡張で改善 表紙
Wataru Terada
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
 
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
Nobuyuki Matsui
 
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド・デバイスのインパクト」
maruyama097
 
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
 
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
 
Tizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えたTizen web app を FireFox OS へ移植する方法を考えた
Tizen web app を FireFox OS へ移植する方法を考えた
Naruto TAKAHASHI
 
IoT 入門 ~ .NET Gadgeteer で簡単プログラミング
IoT 入門 ~ .NET Gadgeteer で簡単プログラミングIoT 入門 ~ .NET Gadgeteer で簡単プログラミング
IoT 入門 ~ .NET Gadgeteer で簡単プログラミング
Yoshitaka Seo
 
クラウド―Arduino接続について
クラウド―Arduino接続についてクラウド―Arduino接続について
クラウド―Arduino接続について
Kenichi Yoshida
 
Web Technology for Hardware Control (html5 conference 2015)
Web Technology for Hardware Control (html5 conference 2015)Web Technology for Hardware Control (html5 conference 2015)
Web Technology for Hardware Control (html5 conference 2015)
Yoshihiro Iwanaga
 
はじめてのWeb of Things
はじめてのWeb of ThingsはじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
 
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Webによるデバイスを用いたリアルタイムサービスの可能性(神戸ITフェスティバル版)
Kensaku Komatsu
 
Interactive Application using Kinect and Android
Interactive Application using Kinect and AndroidInteractive Application using Kinect and Android
Interactive Application using Kinect and Android
Hirotaka Niisato
 
How to MAKE HVC-C Protyping Application
How to MAKE HVC-C Protyping ApplicationHow to MAKE HVC-C Protyping Application
How to MAKE HVC-C Protyping Application
Hirotaka Niisato
 
座談会資料 事前配布 20170225
座談会資料 事前配布 20170225座談会資料 事前配布 20170225
座談会資料 事前配布 20170225
知礼 八子
 
はじめてのWeb of Things
はじめてのWeb of ThingsはじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
 
Web OSで可能になる世界
Web OSで可能になる世界Web OSで可能になる世界
Web OSで可能になる世界
Kensaku Komatsu
 
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
改めて注目される2D アニメーションツール SpriteStudio ~国産2Dツールが(舶来ゲームエンジンの力を借りながら)世界へ~
Web Technology Corp.
 
Pepper x IoT x Web 勉強会やってみた話と失敗談
Pepper x IoT x Web 勉強会やってみた話と失敗談Pepper x IoT x Web 勉強会やってみた話と失敗談
Pepper x IoT x Web 勉強会やってみた話と失敗談
dsuke Takaoka
 
Chrome拡張で改善 表紙
Chrome拡張で改善 表紙Chrome拡張で改善 表紙
Chrome拡張で改善 表紙
Wataru Terada
 
リモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみたリモートデバッグツール Weinerをつかってみた
リモートデバッグツール Weinerをつかってみた
Masakazu Muraoka
 
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
SoftLayer Bluemix SUMMIT 2015 : Intel Edisonクラスタ x Bluemixによる IoTアプリケーションの実装
Nobuyuki Matsui
 

More from Tomo Watanabe (11)

特別講義の資料
特別講義の資料特別講義の資料
特別講義の資料
Tomo Watanabe
 
ドローン + IT 〜エンジニアはフィールドに出よう〜
ドローン + IT 〜エンジニアはフィールドに出よう〜ドローン + IT 〜エンジニアはフィールドに出よう〜
ドローン + IT 〜エンジニアはフィールドに出よう〜
Tomo Watanabe
 
会津Fab蔵 IoT night vol.3
会津Fab蔵 IoT night vol.3会津Fab蔵 IoT night vol.3
会津Fab蔵 IoT night vol.3
Tomo Watanabe
 
BeagleBone BlackでBeacon受信
BeagleBone BlackでBeacon受信BeagleBone BlackでBeacon受信
BeagleBone BlackでBeacon受信
Tomo Watanabe
 
Arduino応用編
Arduino応用編Arduino応用編
Arduino応用編
Tomo Watanabe
 
車載用OSと自動車事情
車載用OSと自動車事情車載用OSと自動車事情
車載用OSと自動車事情
Tomo Watanabe
 
とあるISPの異端者
とあるISPの異端者とあるISPの異端者
とあるISPの異端者
Tomo Watanabe
 
ハードウェアのすゝめ
ハードウェアのすゝめハードウェアのすゝめ
ハードウェアのすゝめ
Tomo Watanabe
 
組込み技術とモバイル技術
組込み技術とモバイル技術組込み技術とモバイル技術
組込み技術とモバイル技術
Tomo Watanabe
 
ET2011講演資料
ET2011講演資料ET2011講演資料
ET2011講演資料
Tomo Watanabe
 
特別講義の資料
特別講義の資料特別講義の資料
特別講義の資料
Tomo Watanabe
 
ドローン + IT 〜エンジニアはフィールドに出よう〜
ドローン + IT 〜エンジニアはフィールドに出よう〜ドローン + IT 〜エンジニアはフィールドに出よう〜
ドローン + IT 〜エンジニアはフィールドに出よう〜
Tomo Watanabe
 
会津Fab蔵 IoT night vol.3
会津Fab蔵 IoT night vol.3会津Fab蔵 IoT night vol.3
会津Fab蔵 IoT night vol.3
Tomo Watanabe
 
BeagleBone BlackでBeacon受信
BeagleBone BlackでBeacon受信BeagleBone BlackでBeacon受信
BeagleBone BlackでBeacon受信
Tomo Watanabe
 
車載用OSと自動車事情
車載用OSと自動車事情車載用OSと自動車事情
車載用OSと自動車事情
Tomo Watanabe
 
とあるISPの異端者
とあるISPの異端者とあるISPの異端者
とあるISPの異端者
Tomo Watanabe
 
ハードウェアのすゝめ
ハードウェアのすゝめハードウェアのすゝめ
ハードウェアのすゝめ
Tomo Watanabe
 
組込み技術とモバイル技術
組込み技術とモバイル技術組込み技術とモバイル技術
組込み技術とモバイル技術
Tomo Watanabe
 
Ad

AndroidとHTML5で変わる組込みの世界

Editor's Notes