20150912わんくま大阪-Firefox OSの「いま」と「これから」

わんくま同盟大阪勉強会 #64
FirefoxOSの 
「いま」と「これから」
∼web技術と実デバイスの絡み方を中心に∼
うえむらたかひろ
上村卓弘
(@Uemmra3)
Now and Future about FirefoxOS

• 名前上村卓弘（うえむらたかひろ） 
@Uemmra3 
Ingressは青
• 所属 Firefoxコミュニティ 
JAG中国∼関西支部、つ部 
CoderDojo、わんくま 
鳥取県技術士会
自己紹介1 (Who I am.)
"フォクすけ" (C) 2008 Mozilla Japan

自己紹介2 (My address & job.)
• 鳥取県西部(西伯郡大山町)出身＆在住
• 去年くらいまでは 
大阪にいました
• 仕事は建設コンサル 
のサイト管理者 
＆経営者

大山町(Daisen-cho, my hometown.)

大山町グルメ(Gourmet at Daisen-chou.)

自己紹介3 (My motto.)

自己紹介3 (My motto.)
昨日より少しでも成長しようという 
思いを込めています

本題(contents)
• FirefoxOSとは？
• 組み込み的な観点
• Web的な観点
• 将来性
• おまけ1(むすこより)
• おまけ2

Firefox(デスクトップ版)の
Geckoエンジンなどを流用して作った
スマホ(や組み込み)用のOS
FirefoxOSとは？(What s FirefoxOS)

特徴は？(Feature)
• シンプル
• 軽い
• マーケットの縛りが自由
• Webサイトがそのまま動く！

特徴1(Feature1)
• シンプル
http://www.slideshare.net/dynamis/next-step-of-firefox-os

特徴2(Feature2)
• 軽い
https://developer.mozilla.org/ja/Firefox_OS/Phone_guide/
Firefox_OS_device_features#最少のハードウェア要件

特徴3(Feature3)
• マーケットの縛りが自由
Market アプリ審査マネタイズ
し易さ
Apple
(App Store)
必要長く、大変大変
Android
(Google Play)
不要なし
(事後審査)
そこそこ
FIrefoxOS
(Firefox
Marketplace)
不要なし楽チン

html(+css, JavaScript)で書かれた
Webページに、Manifestファイルを足すと
アプリとして動作します。
!
html + manifest = appli !!
特徴4(Feature4)

Manifest
• Manifestファイルの例

特徴4のデモ(Demo on Feature4)
!
!
デモ
http://web.kyoto-inet.or.jp/people/t_uemura/RALLY/
RALLYCOM.htm

端末は？(Devices on sale)
• 世界各国で売っている
!
!

• 昨年12月にKDDI(au)から発売！
• ギーク向けハイエンド
• スケスケ！
!
!
!
国内販売端末Fx0(Fx0 in Japan!)

Fx0のおまけ(Options with Fx0)
• Framin 
スマホだけで 
アプリ作成可
• Gluin 
IoTデバイス管理ツール
• Open Web Board 
いわゆるスティック型デバイス 
Fx0とはBT接続
• httpサーバライブラリ 
Fx0自体がWebサーバに！
• 3D CADデータ 
独自のカバーを作れる
http://au-fx.kddi.com/creators/index.html

開発端末Flame(Flame for developers)
• 最新のOS(2.5)がインストールできる
• それなりのスペック
• 残念ながら入手困難
!
!

ZTE Open
• ローコスト端末で、おもちゃ的 
けっこう楽しい
• 残念ながら入手不可
!
!

Fx0
(LGL25)
Flame ZTE Open
CPU/
動作周波数
MSM8926
1.2GHz
(4コア)
Qualcomm
MSM8210
1.2GHz(2コア)
Qualcomm
MSM7225A
1.0Ghz(1コア)
RAM/
ROM
1.5GB
16GB
1GB
8GB
256 MB
512 MB
画面サイズ/ 
解像度
4.7インチ 
1280×720
4.5 インチ
854 x 480
3.5インチ 
480x320
重さ/
電池
約 148g 
2370 mAh
約120g
1800mAh
!
1200 mAh
価格 -40K円- (20K円) (8K円)
端末スペック(Device spec)

TV(Panasonic VIERA)
• Panasonic社製のTVが登場！！
• TVで自分のアプリを動かせる！
!
!
!
!
https://developer.mozilla.org/ja/Firefox_OS/TVs_connected_devices

OpenWebBoard
• ハッカソンイベントなどで提供(byKDDI)
• BT接続となる(有線接続が少ない)
!
!

CHIRIMEN
• 市販化を視野に入れたボード
• BTだけでなく、IICやGPIOポートが豊富
!
!
!
!
http://mozopenhard.mozillafactory.org/

中身(Inside FirefoxOS)

勝手な組み込み論(embedded system)
• 基本的には他の分野と同じ
• 入力、出力がデバイスのことがある 
(センサー、出力デバイス)
• デバイス固有のタイミングやシーケンスもある
• デバイスの接続時・デバッグ時に、電磁気的な
知識も要る
• モバイルの場合、電池消費の考慮が必要
• 半田付けは細かい作業 (道具重要)

センサー入力(Sensor Input)
• 圧力センサー
• 近接センサー
• 環境光センサー
• 加速度センサー
• ジャイロスコープ
• デバイスの向き
• 画面の向き
• バッテリー情報

ゴツい入力(Input modules)
• タッチスクリーン
• カメラ
• 位置情報 (GPS コンパス)
• マイク
!

出力デバイス(Output)
• 画面
• カメラのフラッシュ
• スピーカー
• バイブレーション

通信(Communication)
• Wifi SIM
• Bluetooth NFC
• ラジオ
• 汎用バス(IIC SPI シリアル=USB)
• 画像バス(HDMI VGA DVI DisplayPort)
!

なんかムズそう？(Hard way?)

かんたんやん！(So easy!)
• Web技術(JavaScript)でできる
!
!

コード例1(example1)
window.addEventListener('devicelight', handler);
function handler(event) {
var light = event.value; // 環境光センサーの値(ルクス)
(snip)
}

コード例2(example2)
navigator.vibrate(200);
// 三三七拍子
navigator.vibrate([200, 100, 200, 100, 200, 200,
200, 100, 200, 100, 200, 200,
200, 100, 200, 100, 200, 100, 200, 100,
200, 100, 200, 100, 200, 200]);

センサーこわくない(Feel easy.)
• LitteBitsというオモチャがあるよ
!
!

色の種類(Color-legend)
電源
入力 
(スイッチ、 
センサー)
接続
出力
(LED、モーター、ブザー)

なのでWebも変化してきている(Web is changing)
• デバイスAPIなどの標準化(HTML5)
• jsライブラリ 
(knockout.js angular.js react.js…)
• 高速化(Emscripten )
• プラットフォーム化 
(SIMD.js WebAssembly)
• 並列化(Web Workers)

スマホが初めてのインターネット機 
(First Internet via phones)
• PCを持ってない人
• 固定回線を持ってない人
• スマホなら、たやすくネット接続できる

IoT WoT
• モノのインターネット
• よくわかってない (><);
• 従来のPCとかスマホ以外に、あらゆるも
のがインターネットに繋がれて、新しい価
値が生まれる、あるいは人はネットを通じて他者に管理
される

本題(contents)
• FirefoxOSとは？
• 組み込み的な観点
• Web的な観点
• 将来性
• おまけ1
• おまけ2(むすこより)

自由(freedom)
• 端末選択の自由
• アプリ使用の自由
• 利用方法の自由
• 言語の自由
• 一定のコストは仕方ないか
!

クラウドサービス(cloud services)
• もっと高レイヤー
• もっと安く
• もっと使い易く
!

機械学習(machine learning)
• 人の知能を補ってほしいニャ
!
!

コミュニティ(Community)
自動化が進んで、最後に人間の価値が出るの
はこのへんなのかな？
http://www.mozilla.jp/blog/entry/10495/

質問は？(Any Questions?)
FirefoxOSについての 
質問をお受けします。

Scratchとは？(What s Scratch?)
MITメディアラボが作成した
GUIプログラミング環境
• LEGOみたくプログラミングできる！
• アラン・ケイも絶賛！
!
!
ちょいDEMO

なまえとし・かつどうすきなもの
むすこK
小4
サッカー
たいそう
CoderDojo西宮
Scratch
ポケモン
こびと
魚つり
自己紹介 (Who I am.)

進捗どうですか？

Scratchを使った 
ロボシューティングゲーム
DEMO by むすこK

CoderDojo西宮
CoderDojo西宮?

CoderDojoとは？(What s CoderDojo?)
• 忍者(子供たち)の学びたいことをメンター(大
人たち)がサポートする場所
• アイルランド発祥で 
あちこちに広がっている 
(関西だと他に長岡京/奈良/姫路/熊野…)
• 基本的にボランティアベースで 
会費は徴収しない 
(西宮/梅田では寄付を募る)

CoderDojo西宮/梅田のようす1
• 西宮は和室で

• 梅田はコワーキングで

• Scratch以外にも、MineCraft、Arduino、
htmlなど、忍者のつくりたいものをメン
ターがサポート
• その日の成果を発表する 
ScratchとArduinoを使ったピタゴラ装置
https://www.youtube.com/
watch?v=JloomOpoTcU

Githubシールもらえる！
寄付はチップスターへ
!
!
!
!
サイトにレポートもある

CoderDojo西宮/梅田から(from CoderDojo Nishinomiya/Umeda)
• 参加される方(7-17歳)はDoorKeeperから 
ただし定員あふれ気味
• メンター募集してます！ 
http://coderdojo-nishinomiya.info/
mentor/
• 【ゆる募】日曜日に梅田近辺で使える広め
の会場

FirefoxOSコミュニティ
http://fxos.org/

FirefoxOSイベント(DoorKeeper)
最近はコレでまとまっている
全国のイベントにつき注意

FirefoxOS Group(ML)
https://groups.google.com/forum/#!forum/firefoxos

FirefoxOS ハンズオン@関西(fb)
アプリで「ゼニもうけ」したい！！

関西ではこのへんのスキモノたちがやってくれ
るハズ！
OpenWebBoardハンズオン準備会(hands-on in progress)

その他(Other Community)
その他のコミュニティ

中国DB勉強会(DBstudy in Chugoku-region)
岡山、広島、山口から、日本海側の島根、鳥取
まで伝搬(全国統一をめざしてる？)
スピーカー募集！
• 次回9/20広島(OSC広島の翌日) 
https://dbstudychugoku.doorkeeper.jp/
events/28573
• 次次回12/5出雲(予定)

おしまい(Fin)
• ご清聴ありがとうございました！！
• ブログ的ななにか↓ 
http://d.hatena.ne.jp/Uemmra3/

20150912わんくま大阪-Firefox OSの「いま」と「これから」

Recommended

Recommended

More Related Content

Similar to 20150912わんくま大阪-Firefox OSの「いま」と「これから」

Similar to 20150912わんくま大阪-Firefox OSの「いま」と「これから」 (20)

More from Takahiro Uemura

More from Takahiro Uemura (13)

Recently uploaded

Recently uploaded (10)

20150912わんくま大阪-Firefox OSの「いま」と「これから」