SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Downloaden Sie, um offline zu lesen
OSC 2013 Tokyo Fall

Firefox OS を使って
HTML5 でハードウェアを動かしてみよう
自己紹介


Twitter: @masap



職業: 組み込みプログラマ(主に Wi-Fi)
ハードウェア開発とソフトウェア

3
従来の開発スタイルの問題点


組み込み技術者の限界




従来は新しいハードウェアを作ったら、それを動かすアプ
リケーションは主に組み込み技術者が作っていた
使いづらい/ダサい




組み込み技術者はデザインやユーザビリティといった UI 関連
の技術が低いことが原因
例)Cisc● の無線 LAN アクセスポイントの Web 設定画面

4
従来の開発スタイルの問題点(続き)


組み込み技術者の限界


育ててはどうか


組み込み技術者はデザインやユーザビリティといった UI 関連
の技術を低く見ており学習意欲が低い(高齢になるほど顕
著)

デザイナとかチャラいと思っている

5
解決策


アプリ開発者やデザイナさんに頼む




組み込み技術者のように低レイヤ開発者ではなく上位レイヤ
のアプリ開発者やデザイナさんにハードウェアを叩いてもらう
アプリ開発者やデザイナが最も多いのはHTML5

HTML5 からハードウェアを
制御できるようにすればいい!
6
荒唐無稽な話?


既存のHTML5制御可能ハードウェア


LEAP Motion




SONY NEX-6




手の位置情報をJSON形式で
WebSocket経由で受信可能
JSONで制御可能

市場規模


ハードウェアメーカーとしてはハードウェアが多く売れれ
ば良いので市場規模の大きいHTML5を対象にするの
は必然
7
プラットフォームの選択

8
開発環境比較

iOS

Android

Tizen

SDK

Xcode

Eclipse with
ADT Plugin

Tizen SDK

Ubuntu
Touch
Ubuntu SDK

Firefox OS

ブラウザ
エンジン

WebKit

WebKit

WebKit

WebKit

Gecko

開発言語

Objective-C

Java

JavaScript

QML/
JavaScript

JavaScript

画面設計

Objective-C

XML

HTML5/
CSS

QML/
HTML5/CSS

HTML5/CSS

ネイティブ

Objective-C

C++

EFL

C++

なし

OS

iOS

Linux

Linux

Linux

Linux

なし

9
ハードウェアアクセス


ハードウェアアクセスの手間
Firefox OS

Android NDK

Gaia

JavaScript

Gecko

JavaScript

Java

Gonk

C/C++

C/C++

Ubuntu touch

C/C++

デバイスドライバ

10
プラットフォームの選択


iOS




HTML5から新設ハードウェア制御不可

Android vs Firefox OS






APIをフレームワークに追加するのはFirefox OSの方が手間
がかかる
SDKはAndroidの場合は独自SDKを配布するかリフレクション
を使う必要がある。Firefox OSはSDKが無いためAPI仕様を
公開するだけで使える
開発者がより使いやすいという点でFirefox OSが優れている

11
「Webがプラットフォームになる」


Firefox OSのキャッチフレーズ




一般的には「ブラウザはWebを見るためのものではなく
アプリケーションの実行環境になる」という意味

もう一歩進めて


Webがハードウェアのプラットフォームになるという意味



Firefox OSは、それぞれのハードウェアを
「ミニプラットフォーム」とするためのOS



HTML5からのハードウェアアクセスはFirefox OSが一
番進んでいる
12
Firefox OSは万能?

13
Firefox OSの適用範囲 (1/2)


Firefox OSが常に最適ということではない



不要な場合(その1)





APIが非公開
多彩なアプリケーションが不要

具体例




パチンコの玉数を数えて表示するだけのハードウェアに
Firefox OSを載せるのは無意味である
そういう用途であればUbuntu Touchが最適であろう。
ハードウェアアクセス及びアプリ開発工数が最も短くて
済むからである

14
Firefox OSの適用範囲 (2/2)


不要な場合(その2)




具体例




GUIが無い
LEAP MotionのようにGUIを持たないハードウェアであ
ればWebSocketサーバさえあれば良い

結論


Firefox OSは汎用ハードゥエアの分野で最も輝けるの
ではないか。ただし、GUIを持つようなある程度リッチな
ハードウェアに限る
15
以上

16

Weitere ähnliche Inhalte

Andere mochten auch

Semantický web a Drupal
Semantický web a Drupal Semantický web a Drupal
Semantický web a Drupal
devmates
 

Andere mochten auch (15)

Is brief illustrated guide الدليل المصور الموجز لفهم الإسلام آيسلندي
Is brief illustrated guide   الدليل المصور الموجز لفهم الإسلام   آيسلنديIs brief illustrated guide   الدليل المصور الموجز لفهم الإسلام   آيسلندي
Is brief illustrated guide الدليل المصور الموجز لفهم الإسلام آيسلندي
 
Conto+termico ordingroma 4_6+feb+2015 (2)
Conto+termico ordingroma 4_6+feb+2015 (2)Conto+termico ordingroma 4_6+feb+2015 (2)
Conto+termico ordingroma 4_6+feb+2015 (2)
 
eTwinning og medieleg i dagtilbud
eTwinning og medieleg i dagtilbudeTwinning og medieleg i dagtilbud
eTwinning og medieleg i dagtilbud
 
Latvija 2030, NAP2020 un deklarācijas īstenošanas uzraudzības ziņojums
Latvija 2030, NAP2020 un deklarācijas īstenošanas uzraudzības ziņojumsLatvija 2030, NAP2020 un deklarācijas īstenošanas uzraudzības ziņojums
Latvija 2030, NAP2020 un deklarācijas īstenošanas uzraudzības ziņojums
 
Semantický web a Drupal
Semantický web a Drupal Semantický web a Drupal
Semantický web a Drupal
 
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
Baala bhaavana (neethi satakamu) బాల భావన ( నీతి శతకము.)
 
Ascent of pikes peak
Ascent of pikes peakAscent of pikes peak
Ascent of pikes peak
 
Educar valores a traves del futbol
Educar valores a traves del futbolEducar valores a traves del futbol
Educar valores a traves del futbol
 
Jeremy thake introducing alm to share point development implementations (ap...
Jeremy thake   introducing alm to share point development implementations (ap...Jeremy thake   introducing alm to share point development implementations (ap...
Jeremy thake introducing alm to share point development implementations (ap...
 
SEO Esettanulmány: optimalizált tartalommarketing
SEO Esettanulmány: optimalizált tartalommarketingSEO Esettanulmány: optimalizált tartalommarketing
SEO Esettanulmány: optimalizált tartalommarketing
 
Bahadur shah (son of king prithivinarayan)
Bahadur shah (son of king prithivinarayan)Bahadur shah (son of king prithivinarayan)
Bahadur shah (son of king prithivinarayan)
 
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboidIT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid
 
AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...
AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...
AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...
 
Subsidio i.1 demanda actual
Subsidio i.1 demanda actualSubsidio i.1 demanda actual
Subsidio i.1 demanda actual
 
モバイルとソーシャルによる「学びの進化」を考える
モバイルとソーシャルによる「学びの進化」を考えるモバイルとソーシャルによる「学びの進化」を考える
モバイルとソーシャルによる「学びの進化」を考える
 

Ähnlich wie Firefox OS を使って HTML5 でハードウェアを動かしてみよう

Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
Honma Masashi
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
 
コミュニケーションソフトウェアを創るということ
コミュニケーションソフトウェアを創るということコミュニケーションソフトウェアを創るということ
コミュニケーションソフトウェアを創るということ
Kazuho Oku
 

Ähnlich wie Firefox OS を使って HTML5 でハードウェアを動かしてみよう (20)

Lt 110416
Lt 110416Lt 110416
Lt 110416
 
自己紹介とC# Devkitについて.pptx
自己紹介とC# Devkitについて.pptx自己紹介とC# Devkitについて.pptx
自己紹介とC# Devkitについて.pptx
 
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
LogicFlow 実践編~LogicFlowでいろいろつくってみた ~
 
Trat_sprint3
Trat_sprint3Trat_sprint3
Trat_sprint3
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
 
.NET の今と今後に思うこと (Tokyo Ver.)
.NET の今と今後に思うこと (Tokyo Ver.).NET の今と今後に思うこと (Tokyo Ver.)
.NET の今と今後に思うこと (Tokyo Ver.)
 
ソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみたソニーでElectronアプリをリリースしてみた
ソニーでElectronアプリをリリースしてみた
 
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
 
2018/3/23 Introduction to Deep Learning by Neural Network Console
2018/3/23 Introduction to Deep Learning by Neural Network Console2018/3/23 Introduction to Deep Learning by Neural Network Console
2018/3/23 Introduction to Deep Learning by Neural Network Console
 
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
 
Attractive HTML5
Attractive HTML5Attractive HTML5
Attractive HTML5
 
.NET の今 ~ 最新アップデートと 2019 年の展望
.NET の今 ~ 最新アップデートと 2019 年の展望.NET の今 ~ 最新アップデートと 2019 年の展望
.NET の今 ~ 最新アップデートと 2019 年の展望
 
【最新版誘導用】駅すぱあとWebサービス&sakura.io体験ハンズオン
【最新版誘導用】駅すぱあとWebサービス&sakura.io体験ハンズオン【最新版誘導用】駅すぱあとWebサービス&sakura.io体験ハンズオン
【最新版誘導用】駅すぱあとWebサービス&sakura.io体験ハンズオン
 
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
 
Thing.jsについて
Thing.jsについてThing.jsについて
Thing.jsについて
 
Cloud operator days tokyo 2020講演資料_少人数チームでの機械学習製品の効率的な開発と運用
Cloud operator days tokyo 2020講演資料_少人数チームでの機械学習製品の効率的な開発と運用Cloud operator days tokyo 2020講演資料_少人数チームでの機械学習製品の効率的な開発と運用
Cloud operator days tokyo 2020講演資料_少人数チームでの機械学習製品の効率的な開発と運用
 
ソニーのディープラーニングツールで簡単エッジコンピューティング
ソニーのディープラーニングツールで簡単エッジコンピューティングソニーのディープラーニングツールで簡単エッジコンピューティング
ソニーのディープラーニングツールで簡単エッジコンピューティング
 
アジャイルプラクティス導入事例
アジャイルプラクティス導入事例アジャイルプラクティス導入事例
アジャイルプラクティス導入事例
 
コミュニケーションソフトウェアを創るということ
コミュニケーションソフトウェアを創るということコミュニケーションソフトウェアを創るということ
コミュニケーションソフトウェアを創るということ
 
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
Unity,Cocos-2dx,AIRを徹底比較!最新クロスプラットフォーム事情、FLASHを使ってiPhone/Androidアプリを作ろう!【とのさまラボ】
 

Mehr von Honma Masashi (12)

ROS.js の紹介
ROS.js の紹介ROS.js の紹介
ROS.js の紹介
 
Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)Fxos for Embedded Systems (English version)
Fxos for Embedded Systems (English version)
 
Firefox OS for Embedded System
Firefox OS for Embedded SystemFirefox OS for Embedded System
Firefox OS for Embedded System
 
Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料Photo hack day Japan 2014 プレゼン資料
Photo hack day Japan 2014 プレゼン資料
 
Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況Firefox OS 日本語 IME 開発状況
Firefox OS 日本語 IME 開発状況
 
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすにはDesigners hack 011 ウォシュレットのリモコンから UI を極力無くすには
Designers hack 011 ウォシュレットのリモコンから UI を極力無くすには
 
さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪さわってみよう Firefox OS in 大阪
さわってみよう Firefox OS in 大阪
 
Firefox OS 2012 年まとめ
Firefox OS 2012 年まとめFirefox OS 2012 年まとめ
Firefox OS 2012 年まとめ
 
さわってみよう Firefox OS in 福岡
さわってみよう Firefox OS in 福岡さわってみよう Firefox OS in 福岡
さわってみよう Firefox OS in 福岡
 
Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善Firefox OS の Wi-Fi 機能改善
Firefox OS の Wi-Fi 機能改善
 
デザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えようデザイナー目線で Firefox OS を変えよう
デザイナー目線で Firefox OS を変えよう
 
Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成Firefox OS カスタム ROM の作成
Firefox OS カスタム ROM の作成
 

Firefox OS を使って HTML5 でハードウェアを動かしてみよう