ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 Web アプリのモバイル クロスプラットフォーム開発_html/css_WEB-ITnose

HTML5 Web アプリのモバイル クロスプラットフォーム開発_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:47:44997ブラウズ

Android プラットフォーム開発または Mac os X プラットフォーム開発と Windows Phone 7 プラットフォーム開発ですが。開発されたプログラムは、それぞれの携帯電話システム上でのみ実行できます。上記のシステムのいずれかで実行できるプログラムが開発できれば、素晴らしいことになります。 Html5 Mobile Web App はクロスプラットフォーム方式の 1 つです。以下は関連知識の紹介です

1. 背景

HTML5 は 2008 年にリリースされた HTML の最新標準です。現在、W3C (World Wide Web Consortium) が策定しています。このコンプリートをさらに発展させます。多くの人にとって、この改善は長い間待ち望まれていました。 HTML は 10 年以上真にアップグレードされていません。W3C (Web 標準開発プロセスの最終段階) によって公式に推奨された最後の標準言語は、2001 年の XHTML1.1 でした。それ以来、Web 開発者はアップグレードを求める声がますます高まっています。 HTML および XHTML 標準はその機能を超えているため、ドキュメント中心の概念では最新の Web アプリケーションのニーズを効果的に満たすことができません。

2.HTML5

2.1 HTML とは?

HTML (Hypertext Markup Language) は、Hypertext Markup Language の英語の略称で、マークアップを必要としない言語です。ブラウザによって直接コンパイルおよび実行されます。 HTML ファイルは、いくつかの HTML 要素、タグなどが含まれるテキスト ファイルです。現在の HTML 言語標準は、W3C (World Wide Web Consortium) によって策定されています。ルールによれば、どのブラウザであっても、同じ HTML コードは同じ効果をユーザーに表示する必要があります。

2.2 HTML5 とは何ですか?

HTML5 は、現在の HTML に基づいて、オーディオ、ビデオ、画像の埋め込み機能、クライアント側のデータ ストレージ、インタラクティブ ドキュメントなどの多くの新機能を提案する次世代の Web 言語です。すべての HTML 要素の処理方法とエラーからの回復方法に関する正確なルールを確立した HTML5 は、対話性をさらに強化し、開発コストを効果的に削減し、次の Web で同様のデスクトップ アプリケーション エクスペリエンスを実現することになります。その登場により、インターネット プログラムは Flash、Silverlight、javaFX などのブラウザ プラグインに依存しなくなります。

知覚的な観点から見ると、HTML5 テクノロジのレンダリング プロセスは主にブラウザ、HTML5 パーサーが組み込まれたアプリケーション (PhoneGap など)、ブックマークを開くことをサポートするアプリケーション、または携帯電話製品 (iPhone および iPad) によって実行されます。 。この手法の利点は、既存の Web デザインを再利用できることです。

合理的な観点から見ると、HTML5 テクノロジは JavaScript エンジンを使用して、ローカル機能を直接制御し、モバイル デバイス上のブラウザ コンポーネントを変更します。 HTML5 アプリケーションのパフォーマンスの問題は、JavaScript 解析によって生成されるのではなく、HTML/CSS レンダリング テクノロジーによって制御されます。正しく使用すれば、HTML5 テクノロジーは間違いなく多くの新しいパフォーマンス効果をもたらします。

2.3 HTML5 の展望

図に示すように、W3C は 2012 年に推奨バージョンの候補をリリースします。 Release のバージョンは、HTML5 仕様の作成が完了していることを意味します。 2022 年にリリースされる予定の推奨バージョンでは、少なくとも 2 つのブラウザが HTML5 のすべての機能を完全にサポートすることになります。 2022 年というのはとても遠い話に聞こえるかもしれませんが、Chrome、Firefox、safari、IE などのブラウザーでの現在の HTML5 サポートを観察すると、主要なブラウザー メーカーが非常に積極的に取り組んでいることがわかります。少なくとも 2 つのブラウザが HTML5 をサポートするには、2022 年まではかからないはずです。したがって、今から HTML5 に注目して議論し、HTML5 の新機能を理解し、将来の製品の計画を立てることは無意味ではありません。

2.4HTML5 製品とアプリケーション

Google の GMail メールボックス

3. モバイル HTML5 ウェブ アプリ

3.1 モバイル ウェブ アプリ

モバイル インターネットアクセスはインターネットにアクセスするための最も重要な方法の 1 つとなっており、モバイル インターネット ユーザーは 3 億人に達しています。モバイル インターネット時代が始まり、急速に発展しており、インターネット業界の新たな戦場となっています。さらに、モバイル インターネット アクセスがユーザーの生活に占める割合は増加しています。

Android および iOS スマートフォンの台頭により、モバイル デバイスでの HTML5 の人気が加速しました。デスクトップ ブラウザとは異なり、モバイル オペレーティング システムとブラウザは、携帯電話の買い替えに合わせて常にアップグレードされます。モバイル ブラウザの継続的なアップグレードにより、モバイル Web の方向での HTML5 の開発が継続的に推進されます。デバイスのパフォーマンスが向上し続けるにつれて、モバイル Web アプリケーションの機能はクライアント アプリケーションの機能に徐々に近づいています。

Apple は Flash をサポートしないが Html5 をサポートすることを発表し、Microsoft の次世代システムは Html5 を完全にサポートし、office15 が Html5/JavaScript 開発をサポートするというニュースを入手したばかりなので、Html5 がもたらす影響を予見できます。革命の嵐であることは明らかです。

上記の調査からわかるように、複数の携帯電話オペレーティング システムが同時に存在しており、このデータは 2010 年のものです。現在、将来の購入においては Android が依然として優勢であり、Apple と Windows が優勢であると推定されています。次の 3 つは Phone 7 です。この傾向は長期的なプロセスになるはずなので、クロスプラットフォームに対応できるアプリケーションを開発することがますます重要になります。

次に、ブラウザーがこのルールをサポートしている限り、これは HTML5 Web アプリとして使用できます。アプリは実行できます。

3.2 HTML5 Web アプリの開発

現在、PC での HTML5 の適用は始まったばかりであることが知られており、モバイルでのアプリケーションの開発と適用は始まったばかりであると言えます。この地域では、国内外の両方でそれは非常にまれであり、珍しいと言えます。 HTML5 Web アプリ開発にはリソースもほとんどありません。現在、開発には PhoneGap と Sencha Touch の 2 つのフレームワークが一般的に使用されています。

PhoneGap は、HTML と JavaScript のみを使用して複数のモバイル デバイス上で実行できるアプリケーションを作成できるオープンソースのモバイル アプリケーション開発プラットフォームです。 PhoneGap は、モバイル デバイス自体が提供する複雑な API を抽象化して簡素化し、開発者が呼び出すための一連の豊富な API を提供します。HTML と Javascript または Java 言語を知っていれば、PhoneGap が提供する API を使用してさまざまな関数を呼び出すことができます。 , PhoneGap を使用すると、さまざまな携帯電話プラットフォームで実行されるアプリケーションを作成できます。 PhoneGap は、iPhone/ipad、Android、Symbian、Palm、BlackBerry バージョンのほとんどの機能のサポートを実装しています。

Sencha Touch フレームワークは、世界初の HTML5 ベースのモバイル アプリ フレームワークです。 Sencha は、これまでに見つかったモバイル プラットフォーム用の最も強力なフレームワークです。 Sencha の登場により、モバイル プラットフォームでの Web アプリのユーザー エクスペリエンス デザインが向上し、モバイル プラットフォームでの HTML5 や CSS3 の普及も大きく進むと考えています。 HTML5 の機能がますます強力になることで、今後のモバイル アプリケーションは徐々に Web アプリの時代に入り、ネイティブ アプリは徐々に終焉を迎えることが予想されます。

4. まとめ

次の 2 つのことを確信できます。HTML5 には明るい未来があり、IT 業界に革命をもたらすはずです。モバイル アプリケーションが人間の生活と文明においてますます重要な役割を果たすようになり、PC を超えることが予想されるため、クロスプラットフォームの Html5 Web アプリがリーダーとなることは間違いありません。今は啓蒙段階であり、この分野で関連する準備と研究を行う必要があります。

Android プラットフォーム開発または Mac os X プラットフォーム開発と Windows Phone 7 プラットフォーム開発ですが。開発されたプログラムは、それぞれの携帯電話システム上でのみ実行できます。上記のシステムのいずれかで実行できるプログラムが開発できれば、素晴らしいことになります。 Html5 Mobile Web App はクロスプラットフォーム方式の 1 つです。以下は関連知識の紹介です

1. 背景

HTML5 は 2008 年にリリースされた HTML の最新標準です。現在、W3C (World Wide Web Consortium) が策定しています。このコンプリートをさらに発展させます。多くの人にとって、この改善は長い間待ち望まれていました。 HTML は 10 年以上真にアップグレードされていません。W3C (Web 標準開発プロセスの最終段階) によって公式に推奨された最後の標準言語は、2001 年の XHTML1.1 でした。それ以来、Web 開発者はアップグレードを求める声がますます高まっています。 HTML および XHTML 標準はその機能を超えているため、ドキュメント中心の概念では最新の Web アプリケーションのニーズを効果的に満たすことができません。

2.HTML5

2.1 HTML とは?

HTML (Hypertext Markup Language) は、Hypertext Markup Language の英語の略称で、マークアップを必要としない言語です。ブラウザによって直接コンパイルおよび実行されます。 HTML ファイルは、いくつかの HTML 要素、タグなどが含まれるテキスト ファイルです。現在の HTML 言語標準は、W3C (World Wide Web Consortium) によって策定されています。ルールによれば、どのブラウザであっても、同じ HTML コードは同じ効果をユーザーに表示する必要があります。

2.2 HTML5 とは何ですか?

HTML5 は、現在の HTML に基づいて、オーディオ、ビデオ、画像の埋め込み機能、クライアント側のデータ ストレージ、インタラクティブ ドキュメントなどの多くの新機能を提案する次世代の Web 言語です。すべての HTML 要素の処理方法とエラーからの回復方法に関する正確なルールを確立した HTML5 は、対話性をさらに強化し、開発コストを効果的に削減し、次の Web で同様のデスクトップ アプリケーション エクスペリエンスを実現することになります。その登場により、インターネット プログラムは Flash、Silverlight、javaFX などのブラウザ プラグインに依存しなくなります。

知覚的な観点から見ると、HTML5 テクノロジのレンダリング プロセスは主にブラウザ、HTML5 パーサーが組み込まれたアプリケーション (PhoneGap など)、ブックマークを開くことをサポートするアプリケーション、または携帯電話製品 (iPhone および iPad) によって実行されます。 。この手法の利点は、既存の Web デザインを再利用できることです。

合理的な観点から見ると、HTML5 テクノロジは JavaScript エンジンを使用して、ローカル機能を直接制御し、モバイル デバイス上のブラウザ コンポーネントを変更します。 HTML5 アプリケーションのパフォーマンスの問題は、JavaScript 解析によって生成されるのではなく、HTML/CSS レンダリング テクノロジーによって制御されます。正しく使用すれば、HTML5 テクノロジーは間違いなく多くの新しいパフォーマンス効果をもたらします

2.3 HTML5 の展望

図に示すように、2012 年に W3C は推奨バージョンの候補をリリースします。このバージョンのリリースは、HTML5 の仕様作成が完了したことを意味します。 2022 年にリリースされる予定の推奨バージョンでは、少なくとも 2 つのブラウザが HTML5 のすべての機能を完全にサポートすることになります。 2022 年というのはとても遠い話に聞こえるかもしれませんが、Chrome、Firefox、safari、IE などのブラウザーでの現在の HTML5 サポートを観察すると、主要なブラウザー メーカーが非常に積極的に取り組んでいることがわかります。少なくとも 2 つのブラウザが HTML5 をサポートするには、2022 年まではかからないはずです。したがって、今から HTML5 に注目して議論し、HTML5 の新機能を理解し、将来の製品の計画を立てることは無意味ではありません。

2.4HTML5 製品とアプリケーション

Google の GMail メールボックス

3. モバイル HTML5 ウェブ アプリ

3.1 モバイル ウェブ アプリ

モバイル インターネットアクセスはインターネットにアクセスするための最も重要な方法の 1 つとなっており、モバイル インターネット ユーザーは 3 億人に達しています。モバイル インターネット時代が始まり、急速に発展しており、インターネット業界の新たな戦場となっています。さらに、モバイル インターネット アクセスがユーザーの生活に占める割合は増加しています。

Android および iOS スマートフォンの台頭により、モバイル デバイスでの HTML5 の人気が加速しました。デスクトップ ブラウザとは異なり、モバイル オペレーティング システムとブラウザは、携帯電話の買い替えに合わせて常にアップグレードされます。モバイル ブラウザの継続的なアップグレードにより、モバイル Web の方向での HTML5 の開発が継続的に推進されます。デバイスのパフォーマンスが向上し続けるにつれて、モバイル Web アプリケーションの機能はクライアント アプリケーションの機能に徐々に近づいています。

Apple は Flash をサポートしないが Html5 をサポートすることを発表し、Microsoft の次世代システムは Html5 を完全にサポートし、office15 が Html5/JavaScript 開発をサポートするというニュースを入手したばかりなので、Html5 がもたらす影響を予見できます。革命の嵐であることは明らかです。

上記の調査からわかるように、複数の携帯電話オペレーティング システムが同時に存在しており、このデータは 2010 年のものです。現在、将来の購入においては Android が依然として優勢であり、Apple と Windows が優勢であると推定されています。次の 3 つは Phone 7 です。この傾向は長期的なプロセスになるはずなので、クロスプラットフォームに対応できるアプリケーションを開発することがますます重要になります。

次に、ブラウザーがこのルールをサポートしている限り、これは HTML5 Web アプリとして使用できます。アプリは実行できます。

3.2 HTML5 Web アプリの開発

現在、PC での HTML5 の適用は始まったばかりであることがわかり、モバイルでの適用は始まったばかりであると言えます。この分野は国内外で開発が進んでおり、応用例は非常に少なく、希少なものと言えます。 HTML5 Web アプリ開発にはリソースもほとんどありません。現在、開発には PhoneGap と Sencha Touch の 2 つのフレームワークが一般的に使用されています。

PhoneGap は、HTML と JavaScript のみを使用して複数のモバイル デバイス上で実行できるアプリケーションを作成できるオープンソースのモバイル アプリケーション開発プラットフォームです。 PhoneGap は、モバイル デバイス自体が提供する複雑な API を抽象化して簡素化し、開発者が呼び出すための一連の豊富な API を提供します。HTML と Javascript または Java 言語を知っていれば、PhoneGap が提供する API を使用してさまざまな関数を呼び出すことができます。 , PhoneGap を使用すると、さまざまな携帯電話プラットフォームで実行されるアプリケーションを作成できます。 PhoneGap は、iPhone/ipad、Android、Symbian、Palm、BlackBerry バージョンのほとんどの機能のサポートを実装しています。

Sencha Touch フレームワークは、世界初の HTML5 ベースのモバイル アプリ フレームワークです。 Sencha は、これまでに見つかったモバイル プラットフォーム用の最も強力なフレームワークです。 Sencha の登場により、モバイル プラットフォームでの Web アプリのユーザー エクスペリエンス デザインが向上し、モバイル プラットフォームでの HTML5 や CSS3 の普及も大きく進むと考えています。 HTML5 の機能がますます強力になることで、今後のモバイル アプリケーションは徐々に Web アプリの時代に入り、ネイティブ アプリは徐々に終焉を迎えることが予想されます。

4. まとめ

次の 2 つのことを確信できます。HTML5 には明るい未来があり、IT 業界に革命をもたらすはずです。モバイル アプリケーションが人間の生活と文明においてますます重要な役割を果たすようになり、PC を超えることが予想されるため、クロスプラットフォームの Html5 Web アプリがリーダーとなることは間違いありません。今は啓蒙段階であり、この分野で関連する準備と研究を行う必要があります。

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