モバイルIE、Chrome、FireFox、Safari、あるいは新たに登場したブラウザなど、モバイル側でHTML5をより良くサポートするブラウザが、将来のモバイルアプリケーション分野でより多くの市場シェアを獲得することができるでしょう。
より柔軟で便利なアプリの使用方法とインストール方法は、HTML5がモバイルプラットフォームで輝くための保証の1つになるでしょう。
以下に、モバイルアプリ開発に適したHTML5の主な特徴を示します：
1.モバイルアプリケーションのHTML5開発の基盤となるオフラインキャッシング
HTML5 Web Storage APIはCookieの強化版と見なすことができ、データサイズの制限がなく、耐障害性とアーキテクチャが向上し、データをネイティブROMに書き込むことができ、ブラウザを閉じて再び開いたときにデータを復元してネットワークトラフィックを削減することができます。
同時に、この機能は、バックグラウンドリソースを占有することなく、バックグラウンドの「操作記録」の別の方向であると考えられ、デバイスのハードウェアへの圧力を軽減し、操作の滑らかさを向上させます。
オンラインアプリはオフラインキャッシュをダウンロードしながら使用することも、オフラインキャッシュをダウンロードせずに使用することもできますが、オフラインアプリはオフラインキャッシュをダウンロードして使用する必要があります。
イメージは、クッキーは、電話やメニューに保存され、持ち帰りを呼び出すために何を食べたい、食べるどのくらい待ってトラフィックに依存する;オフラインキャッシュは、食品を格納するために冷蔵庫に直接であり、食べたいすぐに食べることができます。
デザイナーは、ユーザーにオフラインキャッシュをダウンロードさせるタイミングを知る必要があります。
HTML5はこの点で完全に自由であり、完全にまとめて処理することができます。
3.ジオロケーションでいつでもどこでも位置情報を共有
測位に関するモバイル機器の利点を最大限に活用し、LBSアプリケーションの開発を促進します。
GPS、無線LAN、携帯電話などを使って、より正確で柔軟な測位を行うことができます。
地理的位置の位置決めは、位置決めやナビゲーションは、もはや排他的なナビゲーションソフトウェアであるように、地図も非常に大きな地図パッケージをダウンロードする必要はありませんが、キャッシュを介して解決することができ、どこの下に、より柔軟に。
デザイナーは、モバイルデバイスがデスクトップPC***より優れている点の1つであるLBS機能を組み込んだアプリがますます増えていることを知っておく必要があります！
4.Canvas デッサン、移動式プラットホームのデッサンの能力を高めるため
Canvas APIを使用すると、ホットスポットを描くだけでユーザー体験情報を収集できます。
イメージの移動、回転、拡大縮小などの一般的な編集に対応
- キャンバス - 2D 描画のサポート
- Canvas 3D - 3D描画機能のサポート
- SVG - ベクトルグラフサポート
デザイナーに必要なのは、イメージの移動、回転、ズーム？それはすべて、自分で描くにはあまりにも基本的なことで、使い方については、考えてみてください！
5.モバイルプラットフォーム用にカスタマイズされたフォーム要素
ブラウザに表示されるHTML5フォーム要素と対応するキーボード：
用途別キーボード
- テキスト 通常の入力内容 標準キーボード
- 電話番号テンキー
- 電子メール 電子メールアドレスのテキストボックスに@と.キーボード
- .comと.NETを含むURLのページキーボード
- 検索は、サイトの上部に表示される検索ボックスの標準キーボードなどの検索エンジンに使用されます。
- 通常、スライダーまたはカルーセルとして表示されます。
簡単な宣言で異なるキーボードスタイルを呼び出すことができるので、簡単に使用できます。
デザイナーは、それを使用する際には、研究開発部門の同僚に伝える必要があります！
6.リッチ・インタラクション・サポート
インタラクティブ機能の強化：ドラッグ＆ドロップ、履歴操作の取り消し、テキスト選択など。
- トランジション - コンポーネントの移動効果
- Transform - コンポーネントのトランスフォーム効果。
- Animation - アニメーションサポートに動きと変形を追加。
デザイナーは、HTML5が豊富なインタラクション手法を提供していることを知っておく必要があります！
7.HTML5を使用する利点
開発・保守コストの低減
ページを小さくすることで、ユーザーの無駄な出費を減らし、さらにパフォーマンスが向上すれば消費電力も減ります。
便利なアップグレードは、***バージョンを使用するために開いて、アップグレードパッケージを再ダウンロードする必要性を排除し、プロセスの使用は、直接オフラインキャッシュを更新されます。
デザイナーは、ユーザーが何を求めているのか、HTML5が何を提供できるのかを知る必要があります。
8.CSS3 ビジュアルデザイナーのための補完ツール
CSS3はフォントの埋め込み、レイアウト、そして最も印象的なのはアニメーションをサポートしています。
- セレクタ - より柔軟なセレクタ
- Webfonts - 埋め込みフォント
- レイアウト - 豊富なレイアウトオプション
- ひずみ半径グラデーションシャドウ - 角丸、グラデーション、シャドウ
- ボーダーの背景 - ボーダーの背景をサポートします。
CSS3を使用して視覚的な作業の一部を行うことで、読み込みが速くなり、コードとイメージを節約し、ユーザーの帯域幅を節約できます。
デザイナーは知っておく必要がありますが、何十枚ものマテリアルの絵のようなインターフェイスは、すぐにCSS3が怠け者を助けてくれます。
9.リアルタイム通信
以前は、HTTPプロトコルとブラウザの設計により、リアルタイムのインタラクティブ性はかなり制限されており、リアルタイム通信の効果を "シミュレート "するためにいくつかのトリックを使用することしかできませんでしたが、L5はリアルタイム通信を完璧にサポートしています。
デザイナーは、アプリにリアルタイム通信やリアルタイムアラート用のメッセージコンテンツを埋め込むことが、HTML5で実現できることを知っておく必要があります。
10.アーカイブとハードウェアのサポート
Gmailなどの新しいWebアプリケーションでは、ドラッグ＆ドロップでメールにファイルを添付することがすでに可能になっていることにお気づきでしょうか？これはHTML5ファイル機能のDrag'n DropとFile APIです。
デザイナーは、モバイルアプリケーションにおけるデータ転送の需要が高まっていることを知る必要があります。従来のパス選択方法は面倒すぎます！
11.セマンティック化
セマンティック・ウェブによって、コンピューターはウェブページの内容をよりよく理解できるようになり、検索エンジンの最適化や推薦システムなどに役立ちます。
デザイナーは、HTML5が検索をより速く正確にすることを知っておく必要があります。
12.アプリ開発手法のデュアルプラットフォーム統合による作業効率の向上
iPhone/Androidのシェアが急拡大している現状を踏まえると、今後、先進的なスマートフォンに対応したアプリケーションを書こうとした場合、iPhone/iPadアプリケーションはObjective-C + CocoaTouch Framework、AndroidアプリケーションはJava + Android Frameworkのどちらかを選択する必要があります。Androidアプリケーションを書くには、Objective-C + CocoaTouch Frameworkか、Java + Android Frameworkのどちらかを選択する必要があります。
HTML5、CSS3を使用して、iPhoneとAndroidの両方をサポートするWebベースのアプリケーションを記述するために、ほとんど唯一のコードのコピーを維持する必要があり、将来的にHTML5対応のブラウザを持つ他のモバイルデバイスがある場合は、同じWebAppは、直接、追加のサポートプラットフォームに。
Googleの一連のサービスは、プログラムへのオフラインアクセスの効果を達成するために、HTML5のキャッシュ、ストレージ、およびデータベースの仕様の多くを使用しています。デスクトップアプリケーションに比べて、モバイルデバイスのネットワーク接続がより不安定であるため、時にはモバイルでネットワークが使用することはできませんが、これらの技術を通じて、ユーザーは、ネットワーク環境がない場合でも、Webアプリケーションを使用し続けることができます。これは、HTML5はまだWebアプリケーションを与えるためにサービスの主な対象であることを示しており、アプリケーションのさまざまな種類の使用に資するされるアプリ開発全体への脅威となることはありません開発方法、より柔軟性の異なるアプリケーション。これは、異なる開発方法とアプリケーションの異なるタイプの使用、より高い柔軟性を支持しています。
