Mobile Chrome Apps を Android で3分で試してみる

Chrome アプリを Android, iOS ネイティブアプリにパッケージできる Mobile Chrome Apps が開発者向けにプレビュー発表されました。

Google I/O 2013 でその存在が明かされ、html5j スタッフの小松さんのブログで紹介されて以来ずっと注目していましたが、昨年末の予告通りついに発表されました。

Mobile Chrome Apps とは?

Mobile Chrome Apps は、クロスプラットフォームのモバイルアプリ開発フレームワーク Apache Cordova を Chrome アプリ向けにカスタマイズしたものです。Google のエンジニアを中心に GitHub 上で開発を続けているプロジェクトです。

Cordova という聞き慣れない名前よりも PhoneGap のほうがご存知の方は多いと思います。Cordova は PhoneGap のオープンソース版です。

Cordova は iOS や Android の WebView 上で動く、いわゆるハイブリッドアプリの開発プラットフォームです。Cordova はネイティブ機能 (コンタクトリスト等) にアクセスするための共通 API (Cordova API) を提供することで、クロスプラットフォームなハイブリッドアプリを実現します。

Mobile Chrome Apps では Cordova に Chrome API の互換 API をプラグインとして提供します。また、Cordova のコマンドラインツール (CLI) に Chrome アプリをパッケージ化するための拡張を加えています。

Chrome アプリ (Chrome Packaged Apps) はローカル PC にインストールされてオフラインでも動かせるパッケージ型の Web アプリですので、Chrome API を提供すれば Android, iOS のハイブリッドアプリとしてパッケージすることができます。

たまたまさっき見つけたのですが、プロジェクトの中心人物の一人 Michal Mocny さんのスライドが公開されていました。

PhoneGap Day US 2013 のスライドです。プロジェクトの概要と Mobile Chrome Apps の提供する Chrome 互換 API について紹介されています。 動画もありますね。

Mobile Chrome Apps を3分で試してみる

Mobile Chrome Apps による iOS, Android アプリの作り方は既に @adamrocker さんが紹介されていますので、ここでは node.js や Android SDK のインストールが必要ないもっと簡単な方法を試します。

Chrome ADT という Mobile Chrome Apps チームがリリースしている Android アプリを使います。本当に3分で試せるかは慣れ次第ですw

  1. Android でこちらの URL から APK ファイルを落としてインストールします。

  2. インストールされた "Chrome ADT" というアプリを起動します。

  3. [Add App] ボタンをタップします。

  4. リストボックスで ".crx file" を選択します。

  5. "Enter URL" の入力フィールドに以下の URL を入力して [Add] ボタンをタップします。

- ここで QR コードを使うことも出来ます。[Scan QR Code] ボタンで以下の QR コードを読み取り [Add] ボタンをタップします。

![](/assets/posts/2014-01-31/qrcode.gif)
  1. [Launch] ボタンをタップします。

- 以下のようにアプリが立ち上がるはずです。

![](/assets/posts/2014-01-31/clock.png)

これは Dart で書かれたステキ時計アプリのサンプルなのですが、ご覧の通りレイアウトが合わず残念な感じになっています。

本来はこんな感じのものです。

他のサンプルもここにいくつかあります。

サンプルのほとんどは Chrome ウェブストアに上がっているようです。crx のダウンロード URL の作り方はここが参考になります。

HTML5 (Web 技術) で書くモバイルアプリが当たり前になる日

Mobile Chrome Apps の発表により、Google が HTML5 (Web 技術) による Android アプリ開発を公式にサポートする可能性が見えてきたのではないかと思います。

Chrome アプリは既に Windows, Mac OS X, そして最近シェアを上げてきている ChromeBook で動きます。ここに Android を加えることで、かなり割合のデバイスを Chrome アプリでカバーできることになります。ちなみに、Windows 8 に至ってはデスクトップを乗っ取るような試みも始めています。

Android 4.4 KitKat からは WebView が Chrome ベースになりましたので、ハイブリッドアプリとはいえかなり高い互換性が期待できるのではないでしょうか。

(ここからは妄想)

とはいえ、Mobile Chrome Apps は過渡期の実験的なプロジェクトなのではないかと思います。 Google が本格的に Android で Web アプリをサポートする際には、ハイブリッドアプリではなく Android に直接 Chrome アプリがインストール出来るようになり、さらには Google Play に Chrome ウェブストアが統合されるのではないかと思います。

そして Andoroid は Tizen のような Web とネイティブの両方のプラットフォームをサポートした OS になるのではないでしょうか。

その頃には Firefox OS も今よりシェアを持ち、HTML5 (Web 技術) でモバイルアプリを書くのが当たり前になっているのかもしれません。

iOS は知らん。。。

Published: January 31 2014

  • category: