2014年3月2日日曜日

Firefox OS を試してみる

Firefox OS の状況


Mobile World Congress 2014というモバイル関連の世界見本市が行われました。先進国にはスマートフォンが行き渡ったこともあり、新興国向けのスマートフォンが注目を浴びています。

その中でもFirefox OSで25ドル(約3000円)のスマートフォンが出ると言うことで、大きなニュースにもなっていました。Nexus 5は性能もよく満足していますが、ここまでの機能が必要かと問われると少なくとも私は不明です。時代が進むうちに安い端末もそれなりの性能となり、電卓が100円で買えるように、スマホもとんでもなく安いものになるのかもしれません。

低価格というとAndroidもKitkat(Android 4.4)では512Mバイトのメモリでも動作するようになり、低価格向けに進んでいます。Firefox OSがAndroidに勝つのは非常に難しいでしょう。しかし、以下の利点があります。
  • Firefox OSは真のオープンソース。Androidは、OSのバージョンの互換性のために「Google Play開発者サービス」 に使用しているが、これはオープンでない。さらにGoogleの様々なサービスを使うには契約が必要で無料でもない。Androidのソースへの介入もGoogle以外は基本的にはできない。
  • FirefoxOSはWebベース。Webの知識は多くの人が持っており、アプリ開発が楽。
現在Androidのシェアは約80%で非常に強いです。しかしオープンなWebと言うのも強いです。ブラウザと言えば、Internet Explorerが90%以上のシェアの時代がありましたが、Firefoxはそれを崩してきた過去の実績があります。Firefox OSでも長く続ければ活路が見つかるかもしれません。

使いたいアプリがあるかが重要でしょうが、日本では定番のLINEもすでに出ていますし、今後に期待したいです。

パソコンに Firefox と Firefox OS Simulatorをインストールする


Firefox OSでもNexusシリーズの様な開発用ハードウェアであるFirefox OS Flameが発表されました。日本でも使えるといいのですが、技適の問題もあり出ない可能性が高いです。Nexus 5にFirefox OSを入れる方法もあるのですが、ネットもできなさそうです。

できることは限られますが、簡単にFirefox OSを試すのであれば、パソコンで試すのが一番です。WinodwsでもMac OS XでもLinuxでも試すことが可能です。

まずはFirefoxのサイトよりFirefoxのダウンロードをし、インストールします。指示に従えば簡単だと思います。画面は英語表示ですが、Windowsでのインストール手順はここに書いてあります。

次にFirefox OS Simulatorのアドオンのサイト「Firefoxの追加」を行いダウンロードしてインストールします。



ダウンロードには時間がかかりますが、以上で完了です。

Firefox OS Simulatorを使ってみる


FirefoxのメニューのWeb開発の中に「Firefox OS Simulator」が追加されているので選択します。




するとFirefox OS SimulatorのSimulator Dashboardタブが出るので、ここで左側のSimulatorがStoppedの所をクリックするとFirefox OS Simulatorが起動します。



操作感はiPhoneに似ている気がします。一番下の家のアイコンマークがホームボタンです。左右にフリックしてみたり、ブラウザを起動してみたり、してみてください。なんとなく使い方は分かると思います。英語ですが、残念ながら日本語には対応していませんでした（中国語には設定できます）。
 
それと私のWindows XPの環境では動作が不安定でした。Fedora 20では問題ないのですが。

Firefox OS のアプリを試してみる


「Marketplace」のアイコンからアプリがインストールできます。


Pacman Canvas(Beta)(少し著作権的に危なそうですが）を試してみました。操作がしにくかったりはありますが、問題なく動作します。



なお、Firefox OSのアプリだけなら、 PC版FirefoxやAndroid版Firefoxでも使用可能です。PC版では、Firefox Marketplaceのサイトから。Android版では、メニューの「ツール」→「アプリ」ー「Firefox Marketplaceを閲覧」からインストールして使用することができます。（Android版ではLINEはインストールできないようでした。）





Firefox OS のアプリを作ってみる


非常に簡単にですが、Firefoxのアプリも作ってみます。いつものHello Worldです。C:¥testのフォルダを作成し、その下に、２つのテキストファイルindex.htmlとmanifest.webappを作成してください。また128x128の画像ファイルicon-128.pngを作成してください。

index.htmlは以下のようにHello Worldを表示するのみのHTMLファイルです。Webページを作成したことがある方なら内容は問題なく理解できると思います。

<html lang="ja">
  <head>
     <meta charset="UTF-8" />
     <title>Hello</title>
  </head>
  <body>
    Hello World!
  </body>
</html>


manifest.webappはFirefox OSのアプリでアプリの情報を記述するJSON形式のファイルです。

{
  "name" : "Hello",
  "description" : "Hello アプリケーション",
  "launch_path" : "/index.html",
  "icons": {
    "128" : "/icon-128.png"
  }
}

2つのファイルはUTF-8の文字コードで保存するようにしてください。icon-128.pngは適当に作成してください。私はGIMPでonoonoと描いただけの画像を作成しました。

ファイルが作成されたら、Firefox OS Simulator のSimulator Dashboardタブの上中にある「Add Directory」でC:¥test¥manifest.webappを選択します。


するとシミュレータに起動して、アプリがインストールされ、アプリが実行されます。


もし、なんらかのWebアプリがあるのであれば、Firefoxアプリにするにはmanifest.webappを追加するのみです。一度お試しください。

私は「HTML5でつくるFirefox OS アプリケーション開発入門」を購入しました。アプリの作成方法/デバッグの仕方/アプリのリリースなどの基礎知識や、電話帳/アラーム/アプリ連携/バックグラウンド処理/通知/位置情報のサンプルもあり充実した本になっています。



その他、詳しくはMozillaの開発者用ののWebページを参照してください。
投稿者 時刻:
ラベル:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)