その可能性と弱点と新しい技を習得すべし
モバイルアプリで知っておきたいHTML5の「完全無欠ではない」ポイント（1/2 ページ）
HTML5を使用すると、モバイルアプリの開発プロセスをシンプルにできる。ただし、パフォーマンスがネイティブアプリに及ばないなどの弱点も、使いやすいアプリ開発のためには知っておきたい。
アプリの実装を最適化して、コストと複雑さを抑えるために、多くの企業がHTML5を使用したモバイルアプリの開発に着手している。
新しいHTML5開発フレームワークが次々と登場している。適切な状況下であれば、HTML5アプリはネイティブアプリよりも簡単に開発できる。少なくとも複数のプラットフォームに対応したモバイルアプリを実装したい企業にとって、HTML5は一考に値するテクノロジーだ。
ただ、HTML5アプリにも課題はある。パフォーマンスとセキュリティに関して不安な面があり、データやネイティブなアプリケーションプログラムインタフェース（API）へのアクセス周りで問題が発生する。また、操作性もネイティブアプリに劣る。
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ベースのアプリを開発できるだろう。
Copyright © ITmedia, Inc. All Rights Reserved.
この記事の著者
関連記事
新着ホワイトペーパー PR
-
製品資料
AI時代の自律的なパートナー 「データエージェント」構築＆活用ガイド -
製品資料
使用中のデータを保護して安全な共同開発へ、クラウド時代のデータセキュリティ -
製品資料
“AIによる高速な脆弱性検出”対策を行う、RHELの統合セキュリティ機能とは？ -
製品資料
企業ITを支える定番Linuxの運用管理、手動の限界を乗り越える手法とは？ -
製品資料
AIとクラウドネイティブの課題を解決する、シンプルで費用対効果に優れた方法
こんなメディアも見られています
TechTargetジャパンに関連する情報をお探しであれば、こちらのメディアもお役に立てるかもしれません。
ベンダーコンテンツ PR
From Informa TechTarget
SpecialPR
アクセスランキング
-
1
「Microsoft 365」が乗っ取られる 跡形もなくMFAを破る手口
-
2
なぜ人はいるのにDXが進まない？ ライオンも直面した“老害”レガシーシステム
-
3
イーロン・マスク氏が生成AI「Grok」をオープン化する“語られない狙い”
-
4
IT人材の42％が転職予備軍 辞めさせない組織の4つの共通
-
5
LLMの「過学習」、正しく説明している文章はどれ？
-
6
GitHubが指摘 AIが書いた「おそらく動くコード」が招くシステム崩壊
-
7
「結局使わなくなる」Microsoft 365 Copilotを半年で定着 キリンの3施策
-
8
なぜOpenAIやAnthropicのAIは「脱走」したのか 情シスが迫られるエージェント統制
-
9
ライオンが脱レガシーシステムのパートナーに「Google Cloud」を採用した理由
-
10
Azure Red Hat OpenShiftは脱VMware問題の救世主になるか？ 技術資料で解説
ホワイトペーパーランキング PR
-
1
属人化や仕様バグはなぜ起きる？ AI時代に必須のドキュメント文化の作り方
-
2
「NAS」「SAN」「DAS」は何が違う？ いまさら聞けないストレージの基礎
-
3
AIエージェントで多様な日常業務を効率化するための入門ガイド
-
4
5分で分かる「AI駆動開発エージェント」 要件定義から設計・実装・テストまで
-
5
中小企業必見、Microsoft 365でゼロトラストセキュリティを実現する方法
-
6
マンガで解説：「ゼロトラスト」「SASE」の必要性とメリット
-
7
コスト分析で見る「デバイス復旧」の代償 損失額から導きだされた投資戦略とは
-
8
セキュリティソフトをすり抜ける標的型攻撃メール、不審メールの見破り方とは？
-
9
“あのファイル転送”で暗躍するノーウェアランサム
-
10
オープンウェイトLLMの推論最適化事例：ローカル環境で応答速度を約15分の1へ
TechTargetジャパン SNS
@techtarget_itmをフォロー
インフォメーション
注目情報をチェック
TechTargetジャパンをフォロー