ガワアプリの作り方

2016年4月20日
Pocket

【ガワアプリとは何か】
 スマホやタブレットのアプリには、Webページを使って画面を実現する「ガワアプリ」と呼ばれるタイプが存在します。ガワアプリの「ガワ」は少々俗な表現で、「外側」あるいは「何かを包む皮」の「ガワ」を指しています。ガワアプリとは、ブラウザ機能を内蔵して特定のWebサイトを表示することを主機能としているアプリのことです。逆に通常のアプリはネイティブアプリと呼ばれます。

 ガワアプリの最大の特徴は開発費が安いことです。Webサイトがすでにある場合は、プログラムの開発対象が「ガワ」とその付加機能に限られるため、ごく少ない開発規模でアプリを作成できます。
 ガワアプリであっても、アプリとしての体裁は普通のアプリと同じです。App StoreやGoogle Play等からスマホやタブレットにインストールし、アイコンをタップして起動、普通に操作できます。ユーザーインターフェイスはWebページなので、操作時のなめらかさや凝った操作性の画面は実現しにくいのですが、表示自体はWebコンテンツなので十分リッチです。細かな違いを気にしないユーザーは、アプリに表示されているのがWebであることに気づかないかも知れません。
img10

【開発方法・作り方】
 アプリでWebページを表示するには、「アプリ内ブラウザ」と呼ばれるブラウザ機能をアプリに組み込みます。ガワアプリでは、基本的なUIをこのアプリ内ブラウザで実現するため、ユーザー操作に対する反応の処理は、HTMLに組み込んだJava Scriptかサーバー上のプログラムで行います。
 画面に表示されているのはWebページなのでサーバー上のプログラムは普通にPOSTで呼び出せますし、Ajaxの手法でHTMLの画面を切り替えること無く、バックグラウンドで呼び出すこともできます。

 少々凝った実装だと、アプリ内ブラウザに表示したWebページと、ガワアプリ自体のネイティブコードを連携させることもできます。最も代表的なのはカスタムURLスキームと呼ばれる手法です。htmlやスクリプトから特殊なURLを指定することで、Webページからアプリのプログラムロジックを呼び出します。他にはアプリ内ブラウザのサーバーアクセスをアプリのネイティブコードから監視する方法もあります。
 この連携によってWeb画面上のボタンのタップを起点に、Webでは実現できない機能、例えばスマホのカメラを使ってバーコードを読み取るなど、ブラウザだけでは不可能な機能を実現できます。

【アプリ審査】
 開発したアプリを企業内のみで利用する場合は良いのですが、アプリを一般公開する場合、iPhone/iPadアプリはApp Storeに登録するための審査を受ける必要があります。ガワアプリを申請する場合は、Webサイトが単純すぎる場合は、単にWebページをアプリから表示するだけであると判断され、アプリとしての価値がないとして却下される可能性が高いです。
 審査ではアプリのUIは常に「very good」のレベルが要求されるほか、様々な条件をクリアする必要があります。この審査対象はネイティブ実装かどうかは関係なく、アプリ内ブラウザに表示されるWebページもアプリの一部とみなされますので注意が必要です。

【ガワアプリの例】
 例えば、自社専用のECサイトがある場合、次のようなガワアプリを安価に開発できます。
自社のECサイト専用のガワアプリを作成します。次の仕様を盛り込みます。
・自動でユーザーのログイン状態を維持します。
・ユーザーが希望するキャンペーン情報や、購入後の発送情報をプッシュ通知で伝えます。
・ECサイトには掲載していない新着商品や、店舗情報、店舗のスタッフブログを表示します。

【まとめ】
 ガワアプリは安価に開発可能です。しかも表示するコンテンツ次第で素晴らしいアプリになります。またWebページを表示するだけではなく、プッシュ通知や地図表示などアプリならではの機能を組み合わせることで、さらに優れたユーザー価値を得ることができます。スマホやタブレットに最適化されたECなどのWebシステムをお持ちの企業は、一度ガワアプリの作成を検討してみると良いのではないでしょうか。

Pocket