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

HTML5を使用すると、モバイルアプリの開発プロセスをシンプルにできる。ただし、パフォーマンスがネイティブアプリに及ばないなどの弱点も、使いやすいアプリ開発のためには知っておきたい。

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

著者

Robert Sheldon

[TechTarget]

印刷する

マルチプラットフォームの利用が進む状況において、アプリ開発にHTML5を利用するメリットは大きい。しかし、その“制約”も知っておく必要がある

　アプリの実装を最適化して、コストと複雑さを抑えるために、多くの企業がHTML5を使用したモバイルアプリの開発に着手している。

　新しいHTML5開発フレームワークが次々と登場している。適切な状況下であれば、HTML5アプリはネイティブアプリよりも簡単に開発できる。少なくとも複数のプラットフォームに対応したモバイルアプリを実装したい企業にとって、HTML5は一考に値するテクノロジーだ。

　ただ、HTML5アプリにも課題はある。パフォーマンスとセキュリティに関して不安な面があり、データやネイティブなアプリケーションプログラムインタフェース（API）へのアクセス周りで問題が発生する。また、操作性もネイティブアプリに劣る。

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

ビジネスでも利用場面が増えるHTML5の最新事情

HTML5アプリとは

　HTML5アプリでは、コードを一度書くだけで、あらゆる環境で動作するモバイルアプリを開発できる。HTML5アプリは、モバイルデバイス向けに最適化したWebページの集合体だ。モバイルデバイスには、動画やオーディオデータのストリーミング、グラフィックスとアニメーションの処理、オフライン操作に関して高度な機能を搭載している。さらに、セマンティック要素、フォームコントロール、マルチメディア要素に加え、新しいAPIも数多く追加した。これらのAPIは、位置情報サービス、ドラッグアンドドロップ操作、アプリケーションのローカルキャッシュなどに対応する。

　HTML5を単独で使うことはほとんどない。大半のHTML5アプリは、カスケードスタイルシート（CSS）とJavaScriptを実装している。CSSはブラウザでのHTML要素の表示形式を定義する。一方、JavaScriptには、テキスト、オブジェクト、配列を操作するAPIを用意する。主要なブラウザは全てCSSとJavaScriptをサポートしているため、HTML5では多様なデバイスに対応したWebベースのアプリを実装することができる。

HTML5モバイルアプリ開発の裏側

　HTML5モバイルアプリの開発フレームワークツールには、HTML内に含めることが可能なCSSとJavaScriptファイルのライブラリが用意されている。このフレームワークにより、HTML5アプリの開発で生じる多くの問題に対処できる。

　例えば、優秀なフレームワークなら、ドキュメントオブジェクトモデル（DOM）要素を利用または再利用して、パフォーマンスを向上できる。また、フレームワークを使用すると、画面遷移やリストのスクロールなど、JavaScriptに依存する動作も実装可能だ。開発における多くのデリケートな部分が事前に対処されているので、初心者はHTML5アプリをより簡単に開発できる。

　全てのフレームワークが同じわけではない。そのため、特定のフレームワークにコミットする前に、IT管理者は入念に下調べをしなければならない。各フレームワークには独自の制限や問題点がある。それは、アプリが複雑になるほど明確に現れる。

　デバイスやブラウザ間の微妙な違いが原因で、アプリの動作はアプリを実行する環境の影響を受ける。この状況を踏まえ、開発者は全ての環境で動作を保証するために、共通点を最小限に抑えたアプリを開発することが多い。この対応によってアプリの操作性が犠牲になることもある。だが、潜在的な問題に関わらず、熟練の開発者なら、安全かつ高パフォーマンスなWebベースのアプリを開発できるだろう。

次ページへ HTML5他プリの開発で注意すべきポイントとは？