ホームページ >ウェブフロントエンド >H5 チュートリアル >いくつかの便利な HTML5 モバイル開発フレームワーク

いくつかの便利な HTML5 モバイル開発フレームワーク

小云云オリジナル: 2017-11-23 09:07:055101ブラウズ

インターネット技術の発展に伴い、HTML5 はますます改良され、モバイルハードウェアはますます強力になります。携帯電話上のアプリケーションを詳しく見てみると、多くのアプリケーションがひそかにハイブリッド開発を使用しています。 HTML5 の開発は非常に遅いという人もいますが、実際はそうではありません。開発時には優れた HTML5 開発ツールを使用する必要があり、それでも優れたモバイルアプリケーションを開発できます。クロスプラットフォームのモバイルアプリケーションの開発に役立つフレームワークはすでにたくさんあります。この記事では、そのうちの 7 つだけを紹介します。

IONIC

IONIC は、現在最も有望な HTML5 モバイルアプリケーション開発フレームワークです。 SASS を通じてアプリケーションを構築します。SASS は、開発者が強力なアプリケーションを開発するのに役立つ多くの UI コンポーネントを提供します。 JavaScript MVVM フレームワークと AngularJS を使用してアプリケーションを強化します。データの双方向バインディングを提供し、Web およびモバイル開発者にとってその使用が一般的な選択肢になります。今度の AngularJS 2.0 はモバイル開発に焦点を当てており、IONIC は良い結果を達成すると信じています。

IONIC の開発チームは、開発者が IONIC Creator を通じて IONIC アプリケーションを迅速に作成できる方法を間もなく開発する予定です。ドラッグアンドドロップ機能をサポートするビジュアル開発ツールが間もなく登場し、数分でアプリを開発することはもはや単なる冗談ではなくなります。

IONIC に興味がある場合は、このサイトの IONIC チュートリアルをご覧ください。

Mobile Angular UI

Mobile Angular UI は、ブートストラップ 3 と AngularJS を使用したレスポンシブなモバイル開発 HTML5 フレームワークです。

Mobile Angular UI のキーワードは次のとおりです: Bootstrap 3、AngularJS

Bootstrap 3 スイッチ、オーバーレイ、サイドバーなど、ブートストラップには存在しないモバイルコンポーネント。

Angular-route、angular-touch、angular-animate などの AngularJS モジュール

レスポンシブメディアクエリは別のファイルとしてブートストラップされるため、必要なものだけを含める必要があります。 Mobile Angular UIu には jQuery の依存関係は含まれていません。必要なのは、いくつかの AngularJS 命令を通じてフレンドリーなユーザーエクスペリエンスを作成することだけです。

詳細については、Mobile Angular UI の実践が記載されている Mobile Angular UI デモページをご覧ください。さらに詳しく知りたい場合は、「Mobile Angular UI の概要」を読むことをお勧めします。

Intel XDK

Intel XDK は、Inter によって開発されたクロスプラットフォーム開発ツールです。Intel XDK を介してアプリケーションを簡単に開発できます。 Windows および Mac バージョンでは、Twitter ブートストラップ、jQuery Mobile、Topcoat などの多くの開発フレームワークも提供します

関連する APP フレームワークの開発と使用方法のチュートリアル: モバイル開発の実践: アプリフレームワークの開発は、モバイルデバイス用の全画面スクロールアプリケーションをサポートします。

以前、Intel XDK に関する非常に詳細なチュートリアルを書きました。まだ見ていない学生は、次の記事を参照してください:

Intel XDK を使用したクロスプラットフォームアプリの作成 (1)

Intel XDK を使用したクロスプラットフォームアプリの作成 (2) )

Appcelerator Titanium

Appcelerator の Titanium は、オープンソースフレームワークであるという点で他のフレームワークとは異なります。

Titanium は、ハイブリッドモバイルアプリケーション開発のためのワンストップソリューションです。Titanium スタジオをダウンロードするだけですべてを解決できます。Titanium SDK には、モバイルプラットフォーム用の多くの API とバックエンドクラウドサービスが含まれています。

Titanium は、モバイルアプリケーション用に迅速に開発された MVC フレームワークである Alloy を使用しており、開発時間を大幅に短縮し、コードの再利用を向上させることができます。

Titanium Studio では、いくつかのコードテンプレートも提供しています。これらのテンプレートに慣れることができ、関連するチュートリアルも間もなく開始されます。

Sencha Touch

Sencha Touch は、iOS/Android/Blackberry を実行する HTML5 モバイルアプリケーション用のクロスプラットフォーム開発フレームワークでもあります。これは長年にわたって存在しており、現在ではハイブリッドプログラミング開発フレームワークとして非常に一般的に使用されています。

Sencha Touch を使用すると、Web アプリをネイティブアプリのように見せることができます。美しいユーザーインターフェイスコンポーネントと豊富なデータ管理はすべて最新の HTML5 および CSS3 WEB 標準に基づいており、Android および Apple iOS デバイスと完全な互換性があります。

以下は Sencha の公式機能の一部です

最新の WEB 標準 - HTML5、CSS3、JavaScript に基づいています。圧縮と gzip 後のライブラリ全体は約 80KB ですが、一部のコンポーネントを無効にすることでさらに小さくすることができます。

世界最高のデバイスをサポートします。ベータ版は Android および iOS と互換性があり、Android の開発者は Android 専用にカスタマイズされたいくつかのテーマも使用できます。

タッチイベントの強化。タッチスタートやタッチエンドなどの標準イベントに基づいて、タップ、スワイプ、ピンチ、回転などの一連のカスタムイベントデータ統合が追加されます。

データ統合。 Ajax、JSONp、YQL などを介してコンポーネントテンプレートにバインドし、ローカルのオフラインストレージに書き込むことができる強力なデータパッケージを提供します。

Kendo UI

Telerik の Kendo UI は、HTML5 UI を迅速に開発するための強力なフレームワークです。最新の HTML5、CSS3、JavaScript 標準に基づいています。

Kendo UI には、強力なデータソース、多用途のドラッグアンドドロップ機能、テンプレート、UI コントロールなど、最新の JavaScript 開発に必要なすべてが含まれています。

フォンギャップ

PhoneGap はおそらく最も古いフレームワークであり、多くの人が聞いたことがある、または使用したことがあると思いますが、PhoneGap はオープンソースの Cordova 商用バージョンに基づいています。

最初の PhoneGap コードは、2008 年 8 月の iPhoneDevCamp で書かれました。これを作成した主な動機の 1 つは、ほぼすべての新しい iPhone 開発者が直面する単純な事実に基づいていました。それは、Objective-C は Web 開発者にとって非常に馴染みのない環境であり、Objective-C の数ははるかに多いということです。開発者。

問題は、Web 開発者が HTML、CSS、JavaScript の知識をすべて活用しながら、カメラや連絡先などの iPhone の重要なネイティブアプリと対話できるフレームワークを誰かが開発できるかということです。

その年、PhoneGap は賞を受賞し、Android プラットフォームのサポートを開始し、より多くのプラットフォームでのコードサポートを必要とするモバイル開発者の数が増え、ますます便利になりました。

PhoneGap の公式ドキュメントにアクセスして、PhoneGap について学び始めることができます。

この記事では 7 つの HTML5 モバイル開発フレームワークを共有し、それらを簡単に紹介しました。多くの人が HTML5 開発に強い関心を持っていると思いますので、上記の開発フレームワークを試してみてはいかがでしょうか。

いくつかの便利な HTML5 モバイル開発フレームワーク

関連記事