モバイルアプリで知っておきたいHTML5の「完全無欠ではない」ポイント（2/2 ページ）

公開 2016年02月09日 08時05分

著者

Robert Sheldon

[TechTarget]

印刷する

HTML5アプリ開発の注意点

併せて読みたいお勧め記事

HTML5開発にまつわる最新事情

　HTML5のモバイルアプリ開発では、使えるメモリ領域とパフォーマンスの制限で悩みことが多い。開発者はシステムメモリ領域におけるページフローの制御に注意を払うだけでなく、DOMの実装形式にも気を配るのが望ましい。というのも、オブジェクトモデルが複雑になるにつれ、ページの移動にかかる時間は長くなるからだ。

　それから、操作性にも配慮しなければならない。HTML5モバイルアプリを操作しやすくするには、命令操作と命令実行で遅延が生じるのを避けるため、実行するデバイスの処理能力に収まるようにアプリを軽量化しなければならない。加えて、各種デバイス、ディスプレイサイズ、ブラウザ、OSを考慮して、管理者はさまざまなプラットフォームでアプリをテストする必要もある。また、大半のアプリはネットワークが切断したときに備えて、オフライン操作への対応も必須だ。

HTML5アプリとネイティブアプリの比較

　HTML5アプリと異なり、ネイティブアプリは、アプリが動作するプラットフォームにネイティブな言語をベースにしている。ただし、ネイティブアプリにも問題はある。それは、プラットフォームごとに専用のアプリが必要になる点だ。また、各種デバイスをサポートするために、異なるバージョンのアプリが必要になるプラットフォームもある。

　一方、HTML5アプリはプラットフォームに縛られることはない。それぞれの言語機能をサポートするブラウザからアクセスしていれば、アプリの動作の一貫性を保つことができる。さらに、管理者が保守するコードベースと展開するパッケージはどちらも1つだけで済む。HTML5アプリは、必要なときにいつでもバグ修正やアップデートを配信でき、ユーザーに対してライブテストを行うこともできる。ネイティブアプリのように、配布に関して悩むこともない。

　HTML5は大きな進歩を遂げている。だが、全てがネイティブ機能と同じということではない。例えば、複数点のタッチジェスチャーやGPSといった組み込みデバイスコンポーネントとのシームレスな統合などだ。ネイティブアプリは、マシン語を利用できるのでパフォーマンス面でも有利だ。また、データの書き出しや読み込みに十分注意をして設計していないとHTML5アプリの読み込み時間が非常に長くなる場合もある。

　それから、HTML5アプリはWebアプリと全く同じリスクを抱えている。開発者は、サイバー攻撃、不適切なAPIの使用に加え、無線LAN、Bluetooth、テキストメッセージ経由でデバイスにアクセスする悪意のあるコードからアプリを守らなければならない。

併せて読みたいお勧め記事

モバイルアプリ開発最新事情

HTML5アプリとネイティブアプリの統合

　ハイブリッドなモバイルアプリとして、ネイティブなコンテナ内部で動作するHTML5アプリがある。ハイブリッドアプリはデバイスのブラウザを使用して、ローカルにホストしたHTMLページを表示する。それと同時に、ネイティブアプリと同様にデバイスの機能に接続している。ハイブリッドアプリはカレンダーや連絡先などの機能を使用できるだけでなく、複数のプラットフォームに対応した1つのコードベースというメリットも享受できる。

　事実、ハイブリッドアプリは、オフラインサポートや複数点のタッチ操作など、ネイティブアプリが可能なことはほぼ全て行える。さらに、ハイブリッドアプリではネイティブアプリの外観をエミュレートすることも可能だ。ただし、高度に抽象化しているため、ネイティブアプリと同程度の実行速度は発揮できない。

　Adobe Systemsの「PhoneGap」などのプラットフォームは、ハイブリッドモバイルアプリへの実装を目的としている。フレームワークによって、HTML、CSS、JavaScriptを使ったモバイルアプリの開発が可能になり、ハイブリッドアプリを複数のプラットフォームに配信するための細かい実装も肩代わりしてくれる。