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#最少のハードウェア要件

https://developer.mozilla.org/ja/Firefox_OS/Phone_guide/Firefox_OS_device_features#.E6.9C.80.E5.B0.8F.E3.81.AE.E3.83.8F.E3.83.BC.E3.83.89.E3.82.A6.E3.82.A7.E3.82.A2.E8.A6.81.E4.BB.B6


特徴3(Feature3)

• マーケットの縛りが自由　Market アプリ審査マネタイズ

し易さApple (App Store)

必要長く、大変大変

Android (Google Play)

不要なし (事後審査)

そこそこ

FIrefoxOS (Firefox Marketplace)

不要なし楽チン


• Webサイトがそのまま動く！ html(+css, JavaScript)で書かれた Webページに、Manifestファイルを足すとアプリとして動作します。 !

html + manifest = appli !!　

特徴4(Feature4)


Manifest

• Manifestファイルの例


特徴4のデモ(Demo on Feature4)

• Webサイトがそのまま動く！ !

!

デモ

http://web.kyoto-inet.or.jp/people/t_uemura/RALLY/RALLYCOM.htm

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スマホだけでアプリ作成可 •GluinIoTデバイス管理ツール •Open Web Boardいわゆるスティック型デバイスFx0とはBT接続 • httpサーバライブラリFx0自体がWebサーバに！ •3D CADデータ独自のカバーを作れる

http://au-fx.kddi.com/creators/index.html

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

https://developer.mozilla.org/ja/Firefox_OS/TVs_connected_devices


OpenWebBoard

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

!


CHIRIMEN

• 市販化を視野に入れたボード • BTだけでなく、IICやGPIOポートが豊富 !

!

!

!

http://mozopenhard.mozillafactory.org/

http://mozopenhard.mozillafactory.org/


中身(Inside FirefoxOS)


本題(contents)



勝手な組み込み論(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、モーター、ブザー)


本題(contents)



なので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/

http://www.mozilla.jp/blog/entry/10495/


質問は？(Any Questions?)

FirefoxOSについての質問をお受けします。


本題(contents)



Scratchとは？(What’s Scratch?)

MITメディアラボが作成した GUIプログラミング環境 • LEGOみたくプログラミングできる！ • アラン・ケイも絶賛！ !

!

ちょいDEMO


なまえとし・かつどうすきなもの

むすこK小4 サッカーたいそう CoderDojo西宮

Scratch ポケモンこびと魚つり

自己紹介 (Who I am.)


進捗どうですか？


Scratchを使ったロボシューティングゲーム

DEMO by むすこK


なまえとし・かつどうすきなもの

むすこK小4 サッカーたいそう CoderDojo西宮

Scratch ポケモンこびと魚つり

自己紹介 (Who I am.)


CoderDojo西宮

CoderDojo西宮?


CoderDojoとは？(What’s CoderDojo?)

• 忍者(子供たち)の学びたいことをメンター(大人たち)がサポートする場所

• アイルランド発祥であちこちに広がっている(関西だと他に長岡京/奈良/姫路/熊野…)

• 基本的にボランティアベースで会費は徴収しない(西宮/梅田では寄付を募る)


CoderDojo西宮/梅田のようす1

• 西宮は和室で


• 梅田はコワーキングでCoderDojo西宮/梅田のようす2



• Scratch以外にも、MineCraft、Arduino、htmlなど、忍者のつくりたいものをメンターがサポート

• その日の成果を発表するScratchとArduinoを使ったピタゴラ装置　https://www.youtube.com/watch?v=JloomOpoTcU

https://www.youtube.com/watch?v=JloomOpoTcU



Githubシールもらえる！寄付はチップスターへ !

!

!

!

サイトにレポートもある

http://coderdojo-nishinomiya.info/category/report/


CoderDojo西宮/梅田から(from CoderDojo Nishinomiya/Umeda)

• 参加される方(7-17歳)はDoorKeeperからただし定員あふれ気味

• メンター募集してます！http://coderdojo-nishinomiya.info/mentor/

• 【ゆる募】日曜日に梅田近辺で使える広めの会場

http://coderdojo-nishinomiya.info/mentor/


本題(contents)



FirefoxOSコミュニティ

http://fxos.org/

http://fxos.org/


FirefoxOSイベント(DoorKeeper)

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


FirefoxOS Group(ML)

https://groups.google.com/forum/#!forum/firefoxos

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出雲(予定)

https://dbstudychugoku.doorkeeper.jp/events/28573


おしまい(Fin)

• ご清聴ありがとうございました！！

• ブログ的ななにか↓http://d.hatena.ne.jp/Uemmra3/

http://d.hatena.ne.jp/Uemmra3/

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

Technology

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