ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5モバイルアプリの現状から開発動向を詳しく紹介

HTML5モバイルアプリの現状から開発動向を詳しく紹介

黄舟
黄舟オリジナル
2017-03-09 16:12:492145ブラウズ



HTML5モバイルアプリの現状から開発動向を語る

時が経つのは早いもので、2008年のHTML5誕生から5年が経過しました。新世代の Web 標準は、その誕生以来あらゆる側面から強い注目を集めており、そのオープンで強力な特性により、支持者はその明るい未来を主張する一方、十分に実装されていないため、懐疑論者はその実用性に疑問を抱いています。 。 効果。今回は、複雑な情報の中から誰もが HTML5 の将来についてより明確に理解できるように、現状からスタートし、モバイル プラットフォームにおける HTML5 の開発動向を質問を通じて分析します。

モバイル プラットフォーム用の Web アプリ (またはハイブリッド アプリ) を開発するために HTML5 を使用する利点は何ですか? L m HTML5 で開発されたページは、インターフェースが美しく、人間とコンピュータのインタラクションが優れており、機能が強力であるという現代の Web ページの特徴を備えていますが、従来の表現では単純にユーザーのニーズを満たすことが困難になっています。 HTML5 を以前のバージョンから分離するのは難しいため、モバイル プラットフォーム上の最新の Web アプリ (またはハイブリッド アプリ) のほとんどは HTML5 を使用して開発されると考えられます。では、これを行うことでどのようなメリットがあるのでしょうか?

クロスプラットフォーム: 一度開発すればどこでも使用できるため、互換性を考慮する必要はありません。これにより、クロスプラットフォーム開発者の数とコストが大幅に削減されます。逆に考えれば、モバイルプラットフォームは日々変化しており、Android や iOS だけでなく、Windows Phone、Blackberry、Bada など複数のシステムが競合しており、それぞれが一部のユーザーをカバーしています。アプリケーションは非常に多くのプラットフォームをカバーしたいと考えていますが、Web アプリを使用する以外に、この現実的な問題を解決することはほぼ不可能です。

クラウドのアップグレード: モバイル開発で最も苦痛なことは、リリースのたびです。公開するときは、複数のアプリ ストアとチャネルを関与させる必要があるため、非常に注意する必要があります。重大なバグや品質上の問題があった場合、新しいバージョンで修正するのは非常に面倒であり、その過程で Apple の App Store の審査期間も多くの開発者にとって頭の痛い問題となっています。クラウド アップグレードは、ユーザーが手動でアップグレードしてインストールする必要がなく、すべてのユーザーを一度にカバーでき、アプリ ストアやユーザーが手動で更新する必要がなく、いつでも問題を修正できるため、リスクと作業負荷が大幅に軽減されます。算计とクラウド コンピューティング プラットフォームを組み合わせて、モバイル デバイスのコンピューティング機能が制限されているという問題を解決します。Web APP をクラウド サーバーに保存すると、クラウド コンピューティング プラットフォームの強力なサーバーとコンピューティング リソースを使用して、多くのモバイル デバイスを完成させることができます。ハードウェア機能により、完了が困難な複雑なタスクが制限されます。

検索エンジンによるインデックス付けと取得が向上し、定量化可能なビッグデータを形成できます。ネイティブフォーム自体は閉じており、閉じていて無秩序なデータは情報の流れの障害となり、情報の島化を引き起こしやすいです。 Web 自体のオープン性により、HTML5 によって提供されるセマンティック タグがより適切に識別され、整理されるようになります。 Web アプリを通じてよりオープンな情報とデータ構造を取得できれば、ビッグデータの時代にうまく対応し、受け入れることができます。备储储

🎜 🎜🎜: 従​​来の Web エンジニアは潜在的な HTML5 エンジニアであり、変換は比較的簡単です。苛烈なアプリ ストアの回避: 厳密すぎるアプリケーションのアプリ ストアは、多くの開発者やアプリケーション開発者にとって最良の方法です。 🎜🎜🎜 🎜🎜 HTML5 開発の現在の状況は何ですか? 🎜🎜️ HTML5 標準の進捗状況 提案された推奨事項)と推奨事項(推奨事項)。 1 月 2012 年 12 月 17 日、W3C は HTML5 仕様が完成し、HTML5 仕様が安定し、実験的な実装が可能になったことを発表しました。 W3CはHTML5標準化の相互運用性テストやパフォーマンスの最適化に取り組み始め、2014年末までにHTML5推奨仕様をリリースする予定だ。 W3C は、2016 年末にリリースされた HTML 5.1 に対して、ビデオ字幕、応答画像、より良いフォームサポート、新世代の iframe などの改善など、連続的な技術アップグレードを行う予定です。このアプローチは反復開発に似ており、HTML5 を無期限に延期することなく、より迅速かつ適切に実装できます。要約すると、HTML5 標準の進歩は、仕様が完成し、徐々に成熟して定着しつつあるということです。

2. モバイル ブラウザのサポート

デスクトップ IE シェアが減少し続け、Chrome が急速に台頭している現在の状況とは異なり、モバイル プラットフォームの主流ブラウザには Safari、Android ブラウザ、Opera Mobile、Chrome がすべて含まれています。 HTML5 のサポートが強化され、そのシェアは拡大し続けています。主流のモバイル ブラウザーのサポートにより、HTML5 プラットフォームの人気が高まります。同時に、HTML5 の優れたサポートにより、これらのブラウザーの人気も高まります。上 モバイル デバイス上のシステムにアクセスする HTML5 の機能はまだ実用化されていますが、基本的な HTML5 標準に対するモバイル ブラウザのサポートは大きな問題ではありませんが、パフォーマンスと速度を改善する必要があります。 。ユーザーのモバイル デバイスとモバイル プラットフォームのハードウェアを迅速に更新すると、いくつかの問題が解決されます。たとえば、2011 年から 2013 年まで、私はシングルコア 528M 周波数の G8、シングルコア 1G Nexus One、デュアルコア 1.2G Galaxy SII を使用しました。そして今は4コア1.6G NoteIIです。开种3 では、さまざまなオープンソースまたは課金フレームワーク、ツール、プラットフォームが出現し、改善され、改良されてきました

昔ながらの Sencha Touch、JQuery Mobile、PhoneGap、LUNGOJS に加えて、EaselJS などもあります。 Construction2、、GameMaker、limeJS、Impact、Crafty、Cocos2d-html5 およびその他のゲーム開発エンジンまたはツール、groundworkCSS、Skeleton、Gumby、Wirefy、Base およびその他のレスポンシブ デザイン フレームワーク、および多数のツール プラットフォーム。需要は技術進歩の触媒であり、多数のツールの登場は、HTML5 開発に対する強い需要があることを証明しています。また、BaiduのWeb AppプラットフォームSimi Lu、OperaのゲームエンジンSPHINX、FirefoxのHTML5プラットフォームFirefox OS、Intelのアプリケーション移植ツールApp Porter、任天堂のアプリケーション開発フレームワークNintendoWeb Frameworkなど、大企業もさまざまなHTML5ツールやプラットフォームを立ち上げている。 Adobe はモバイル Flash を諦めた一方で、HTML5 アニメーション制作ツール Adob​​e Edge Animate や、Flash エディターに似たビジュアル HTML5 レスポンシブ デザイン ツール Adob​​e Edge Reflow など、一連の HTML5 開発ツールをすぐにリリースしました。 , 一般的に、HTML5 のツールやフレームワークは模索段階を経て徐々に成熟、改良され、さらなる普及が期待されています。


3. 開発者は高い開発意欲を維持し続けますHTML5 開発フレームワーク Kendo UI の調査によると、回答者の 73% が依然として HTML5 に自信を持っており、回答者の 94% 以上が開発を申請するために HTML5 を使用している、または使用する予定です。一方で、国内のHTML5コミュニティは依然として高い人気と注目度を維持しており、コミュニティ活動も非常に活発です。情况 公開展 4、アプリケーション開発

無意識のうちに、HTML5 が私たちの現実の生活に大量に入り込んでいます。アプリケーション方法の 1 つは、従来のデスクトップ Web サイトの動員です。たとえば、Baidu Maps WAP バージョンでは地理位置情報 API と多数の新しい HTML5 機能が使用されます。その他の代表的なアプリケーションには、YouTube、Sina Weibo、Ctrip、Taobao などが含まれます。 2 番目のタイプのアプリケーションは、DailyCost、天気予報アプリケーション SUN、読書アプリケーションのビューティ リーディングなど、ネイティブ APP のパフォーマンスに非常に似た純粋なモバイル Web アプリケーションです。

もう 1 つの方法は、ハイブリッド アプリで HTML5 テクノロジーを使用することです。現在、多くのアプリケーションは、以下で説明する LinkedIniPad バージョンなど、組み込みの WebView を通じてコン​​テンツを表示します。モバイル プラットフォームにおける HTML5 の実際の障害は何ですか?

能能能

html5 のパフォーマンスは、すでに常に古い問題です。この問題には、ハードウェア、ブラウザ、実装など、複数の要因が関係しています。ハードウェアはモバイル デバイスの急速なアップデートに伴って改良され、ハードウェア レベルでもデバイスが HTML5 を特別にサポートする場合があります。ブラウザのパフォーマンスは常に向上しており、アプリケーションの実装は開発者のプログラミング モデルとスキルに依存します。この部分は、ツールやフレームワークの進歩、開発レベルの向上に応じて改善できます。

2. モバイルデバイスの断片化とブラウザの断片化

デバイスやブラウザが異なると、HTML5 のサポートに一貫性がなくなり、さらに、携帯電話の解像度が異なることも WebApp の開発に課題をもたらします。

最初の問題に対する業界の解決策はグレースフル デグラデーションですが、2 番目の問題にはレスポンシブ デザインの採用が必要です。レスポンシブ デザインは、デバイスの断片化に対処するためのより柔軟な方法を提供し、CSS3 Media Queries テクノロジーの適用だけでなく、レスポンシブ画像 (ResponsiveImages)、レスポンシブ ビデオ、その他のテクノロジーも使用する必要があると考えられています。最新の Web デザイン手法の完全なセット。

3. 統一された実装標準の欠如

ある程度、現在、HTML5 の急速な普及を妨げている主な問題は、技術的な実装方法や手法の欠如やパフォーマンスの低さではな​​く、断片化されすぎて不足していることです。統一された実装基準。

たとえば、Sench Touch、jQuery Mobile、limeJS、Kendo UI、また、easeljs、GameMaker、Construct2 について、それぞれの特徴、適用可能なシナリオ、それぞれの長所と短所を理解できましたか? Google や Apple と同様に、Android および iOS プラットフォーム用の標準開発ツールとフレームワークのセットを提供しており、開発者は実装のみに集中すれば、最終製品を迅速かつ効率的に開発できます。 HTML5 がオープンすぎる結果、統一された実装方法や標準が存在せず、開発者は選択に苦労する必要がある一方で、その実装の正確性と効率性は保証されません。さらに W3C は標準に重点を置いているだけですが、HTML5 のパフォーマンスとパフォーマンスもテストしており、標準から技術、アプリケーションに至るまで現実には問題があり、このプロセスはしばらくの間改善されていく必要があります。习 4、ユーザーの習慣

モバイルデバイス上のユーザーは、ほとんどの場合、単一の APP を通じて需要を満たすために使用されるため、標準の Web APP はユーザーにとってネイティブ APP ほど認識されていません。しかし、Web アプリのパフォーマンス、パフォーマンス、使いやすさがネイティブ アプリに近づくと、ユーザーは徐々に Web アプリを認識し、移行します。

HTML5 モバイル プラットフォームのベスト開発プラクティスは何ですか?

1. 開発者は、モバイル側では HTML5 アプリケーションに適した特別な表現方法があることを理解し、ネイティブ アプリケーションとまったく同じであることに重点を置くべきではありません。この方法でのみ HTML5 を活用し、終わりのない苦痛を回避することができます。実際、ネイティブ アプリケーションと同等のパフォーマンスを備えた HTML5 アプリケーションを開発したい場合、投資される労力、テスト、リソースはネイティブ アプリケーションのそれをはるかに超えます。

Linkedin iPad バージョンは 95% 以上が HTML5 を使用して開発されており、パフォーマンスとインターフェースが非常に優れています。優れたパフォーマンス体験を保証するために、設計中に多くの不要な要素が意図的に削除されています。すべてのグラデーションの背景や丸い角などの要素をデザインします。これにより、レンダリング パフォーマンスが低下します。对针2、HTML5の特性に基づいたターゲットを絞ったデザイン。 HTML5 には適用可能なシナリオがあり、万能ではありませんが、このシナリオはますます幅広く、豊富になってきています。 Web アプリがネイティブ アプリを完全に置き換えることはありませんし、ネイティブ アプリが Web アプリに勝つこともありません。共生、Win-Win、それぞれが得意とするシナリオや用途があり、徐々に共存していきます。したがって、私たちが行う必要があるのは、ネイティブ アプリの考え方を使用して Web アプリを設計するのではなく、HTML5 の強みを活用して独自のものにすることに重点を置く必要があります。册相 Baidu アルバムの iPad バージョンを例に挙げて説明します。優れた流暢性とインタラクションを確保することに加えて、HTML5 を通じて多くの興味深い革新的な機能も試しました。これらには次のものが含まれます:

1) センサーを使用して、画像の動きとグラデーション効果を表示します。iPad を水平に傾けると、カバー画像がゆっくりと同じ角度に移動し、視差による美しい効果が表示されます。手图片 2) 画像ジェスチャー操作をサポート: iPad を使用した友人は、アルバムの便利で速いジェスチャーを賞賛します。 HTML5 のジェスチャーのサポートは比較的完全であったため、今回は、ユーザーの習慣に適応し、アルバムの展開、単一の写真を閉じる、写真の回転、および写真の回転などのユーザー操作を容易にするために、iPad バージョンの Baidu フォト アルバムでほとんどのジェスチャーのサポートを追加しようとしました。もっと。

3. 開発者がすべてのプラットフォームをカバーするためのベスト プラクティスは、OnePlatform+HTML5 です。つまり、主要なプラットフォーム (Android または iOS の可能性があります) はネイティブ アプリを使用し、残りのすべてのプラットフォームは HTML5 Web アプリを使用して適応します。このアプローチは、コストと効率の問題により、ますます一般的になるでしょう。

P モバイル APP の産業化の傾向はますます明らかになっていますが、HTML5 開発の傾向と機会は何ですか?

1. デスクトップ IE は徐々に衰退しており、HTML5 をサポートする最新のブラウザが徐々に市場を占めていることは明らかです。モバイル プラットフォームはさらに楽観的であり、2013 年にはユーザーの 50% 以上がスマート ターミナルをアップグレードすると推定されています。デバイスの急速なアップデートにより、HTML5 をサポートする最新のブラウザが市場シェアの 80% 以上を容易に獲得できるようになります。

2. HTML5 は 2012 年に正式にリリースされ、標準が安定しました。2013 年には、標準がより成熟し、普及と適用が容易になります。 HTML5 の仕様は段階的に実装され、WebGL と Device API が成熟するにつれて、HTML5 が実現できるインターフェースの効果と機能はさらに広範になります。 HTML5 ベースのモバイル アプリのパフォーマンスとパフォーマンスがネイティブ アプリに非常に近づき、開発標準が成熟すると、アプリの大規模な HTML5 への移行の波が起こり、その結果、多くのユーザーが HTML5 に移行することになります。 HTML5 アプリケーションへの移行も可能です。同時に、米国と中国の普及率は同時に 50% を超えており、徐々に普及するにつれて、アプリケーションの波がデスクトップ側からモバイル端末に移行することになります。大部分のアプリケーションで選択されるテクノロジーになりつつあります。 5HTML5 のアプリケーションが多数登場すると、HTML5 アプリケーションからモバイル端末が誕生する可能性があり、韓国 ANIPANG のような成功するゲーム アプリケーションが生まれる可能性があります。

3. HTML5 に基づくモバイル Web ゲームと情報およびニュース アプリケーションが繁栄します。

現在、デスクトップ上の HTML5 ゲームは、ディズニーのオズ ゲーム「Find Your Way to OZ」、EA の「Command and Conquer」、Rocket Pack の「Warimals: Cats vs. Dogs」やその他の優れたゲームなど、すでに登場しています。では、モバイル プラットフォームではどうなるでしょうか?

韓国のカカオトークと日本のLINEプラットフォームはモバイルゲームで初期の成功を収めている 中国のモバイルゲームの開発傾向は韓国と非常に似ており、急速な成長傾向が見られる。デスクトップ側のゲーム開発プロセスは、スタンドアロン デスクトップ クライアント、ネットワーク接続されたデスクトップ クライアント、そして Web ゲームへと続きます。これは、Web ゲームは今日のユーザーの時間の細分化とシンプルで使いやすいニーズの追求に応えるものであるのに対し、モバイル プラットフォームはいつでもどこでも断片化する時代は、Web ゲームの特性と一致しているため、HTML5 モバイル Web ゲームは、特に WeChat プラットフォームで爆発的に成長する可能性があり、現在、多くの大企業やスタートアップがこの分野に取り組んでいることがわかります。有类 もう一つの代表的な情報ニュースはコンテンツに焦点を当てており、コンテンツの処理はウェブの専門であり、より自由な配信形式、より便利な検索エンジン検索、より幅広いクロスエンド需要がこれです。これがそのようなアプリケーションの最大のニーズです。現在、フィナンシャル・タイムズやニューヨーク・タイムズなどの海外の伝統的なメディアは、HTML5 を使用してモバイル・アプリケーションを配布しようとしています。 4. HTML5 エコロジカル チェーンに関連するプラットフォームやツールが不足していることは、セキュリティ、テスト、開発、システム、その他の側面で潜在的な機会となります。

HTML5 モバイル アプリケーション業界チェーンの必需品には、統計プラットフォーム、支払いプラットフォーム、広告プラットフォーム、ゲーム エンジンなどのプラットフォーム製品と、基本的にオープンなツール製品の 2 つのカテゴリが含まれます。ソースと無料。この点に関しては、大企業、スタートアップ、個人開発者が試みを始めています。

5。エンタープライズ モビリティの方向性にも HTML5 の大きな可能性があります。エンタープライズレベルのアプリケーションの場合、カラフルな製品インターフェイス、高速でスムーズなスライド体験、刻々と変化するジェスチャー操作など、ユーザーエクスペリエンスやユーザーインターフェイスの要件はコンシューマアプリケーションほど高くないため、より適しています。 HTML5 の利点を活かし、欠点を回避します。

タッチ。デスクトップ側では、従来の OA はすでに企業のニーズを十分に満たしていますが、モバイル側では、企業はサービスの安定性と、いつでもどこでも作業できる利便性をより重視しています。



以上がHTML5モバイルアプリの現状から開発動向を詳しく紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。