よく使われる 4 つの HTML5 モバイル アプリケーション フレームワークの比較

[編集者注] この記事の翻訳者は Fan Xiaohu です。モバイル Web にとって、今は急成長の時代です。 HTML5 と CSS3 のおかげで、モバイル ブラウザーははるかに強力になり、モバイル アプリ フレームワークも拡張されました。つまり、モバイル デバイス向けのリッチでインタラクティブな Web エクスペリエンスを作成することがより現実的になったということです。

この記事では、一般的に使用されている 4 つのフレームワークを比較し、新しいテクノロジーがどのような変化をもたらしたかを確認します。

PhoneGap などのパッケージング ソフトウェアを使用すると、ネイティブ アプリ ストアと単一のコード ベースを使用して、iPhone、iPad、Android などのさまざまなターゲット プラットフォームに配布および展開できます。

モバイル Web 開発者にとって、フレームワークの切り替えは非常にコストがかかります。アニメーションの遷移、ツールバー、ボタン、リストの表示、オフライン ストレージはすべて面倒です。上記の機能のほとんどは新しい技術であり、これらの分野の技術は依然として急速に変化しているからです。著者は、数多くのモバイル Web フレームワークを試し、分析および比較してきました。以下では、著者の研究結果を皆さんと共有します。

jQタッチ

jQTouch は使いやすく、包括的なドキュメントが用意されています。 HTML、CSS、JavaScript を使用して iPhone アプリを作成するための優れた機能を備えています。 jQTouch はプログレッシブ エンハンスメント アプローチを使用して、HTML 上で iPhone のようなユーザー エクスペリエンスを実現します。シンプルで使いやすく、基本的な小さなツールとアニメーション ソリューションのセットを提供します。開発者は、動的な動作を制御するためのプログラミングのみを行う必要があります。

しかし、著者の簡単なテストでは、アプリのパフォーマンスに特定の問題があることがわかりました。遷移中にページがジャンプしたり、欠落したりすることがあり、タップイベントへの応答時に定期的な遅延が発生しました。プロジェクトは技術的にはまだアクティブですが、オリジナルの作成者の進捗と展開は遅すぎるようです。

jQTouch は、MIT ライセンスに従うだけで使用できます。MIT ライセンスは、著者のお気に入りのオープン ソース ライセンスの 1 つです。

jQueryモバイル

jQuery Mobile は、2010 年 8 月に公式に発表されたばかりで、この分野では比較的新しいものですが、すでに機能豊富な Alpha 2 テスト バージョンへと急速に進化しています。 jQuery Mobile は jQTouch と非常に似ていますが、より標準化され、適応性があります。より幅広いユーザー インターフェイスとスタイルのサポートを備えた、jQTouch の後継のような感じです。

jQuery Mobile のパフォーマンスは不安定です (ただし、jQTouch よりは優れています)。特に、TAP イベントに応答してアニメーションの遅延を補正する場合に顕著です。さらに、いくつかの重要なプログラミング フックが欠落しているため、アプリをより動的にすることは容易ではありません。たとえば、ページの開始時にイベントがトリガーされた場合、ページがどのユーザー インターフェイスにリダイレクトされるかを対応するコードに通知する方法はなく、処理モジュールに追加情報を渡すこともできません。上記の問題を解決するためにワークスペースを作成することはまだ可能ですが、著者は将来のバージョンで jQTouch から学び、現在の機能上の欠陥に対処できることを期待しています。

jQuery Mobile のドキュメントは不完全ですが、改善されつつあり、作者は jQuery のコア ライブラリと同じくらい堅牢になることを期待しています。 (jQuery Mobile は jQuery UI を補完するものであり、jQuery のみに基づいて構築されているわけではないことに注意してください)

jQuery Mobile を入手するには、MIT または GPL2 ライセンスを取得するだけです。

煎茶タッチ

これは Ext JS フレームワークとはまったく異なる製品であり、そのソリューションは jQTouch/jQuery とはまったく異なります。Sencha は、既存の HTML 拡張方法ではなく、JavaScript で作成されたオブジェクトに基づいて独自の DOM を生成します。このように、Sencha での作業は、Web プログラミングというより、Java や Flex などのテクノロジーを使用してアプリを作成するような感覚になります。 Sencha は jQuery よりも YUI に似ています。著者は個人的にはプログレッシブ エンハンスメント ソリューションを好みますが、そのパフォーマンスはやや不十分です。

競合他社と比較して、Sencha ははるかに拡張性が高く、多数のユーザー インターフェイス コンポーネント、iPad の直接サポート、JSON および HTML5 オフライン ストレージ テクノロジを備えているため、ストレージとデータ バインディングがより便利になります。 (Sencha のデータ構造を使ってアプリのデータを操作するのはクールです～リストの更新にリアルタイムで応答できます) また、ツールバー上の埋め込みオブジェクトをサポートしているのは Sencha だけで、他の方法はすべてスクロールリストのようなものです。

私のテスト プログラムでは、Sencha を jQTouch/jQuery と比較して使用すると、アプリは明らかに軽量ではありませんが、パフォーマンスと信頼性は大幅に向上し、初期の読み込み時間はわずかに遅くなります。

ライブラリやフレームワークを使用して開発する場合、フレームワークに従わなかったり独自の方法で進めたりすると、通常は成功しません。しかし、Sencha のサポートは十分に広範囲にわたるため、Sencha の開発方法を使用してあらゆる要件を満たすことができます。作者は当初、オフラインストレージに WebKit の組み込み SQLite データベースを使用していましたが、複雑さとさまざまなバグの問題により最終的に断念し、代わりに Sencha のデータストレージ機能を使用しました。

ドキュメントに関しては、Sencha はあまりよくありません。ドキュメントは充実していますが、古い脆弱性を抱えた古いバージョンが数多くあり、それらは時間内に更新されていません。ドキュメントがしっかりしておらず、多くの問題を追跡または理解するのが難しいため、作者はこれらのフレームワークのバグと格闘し、デバッグ プロセスで多くの時間を無駄にしています。開発者フォーラムで作者の質問に回答する頻度はかなり高いのですが、結局のところまだ十分ではないと感じています。 Sencha が提供する有料テクニカル サポートは、年間 300 ドルから始まります。著者は支払いに非常に熱心ですが、Sencha は、なぜ著者がそんなにお金を払いたがるのか不思議そうに尋ねました。まったく理解できません。

Sencha は、LGPL に似ていますが GPL 標準ではない GPL3 ライセンスと非商用ライセンスの下で利用できます。

チタンモバイル

Sencha Touch と同様に、Appcelerator の Titanium Mobile を使用すると、Javascript API を使用してアプリを作成できます。ただし、Sencha とは異なり、Titanium はコードをネイティブの iPhone または Android アプリにコンパイルします。つまり、これは真の Web フレームワークではなく、互換性レイヤーまたはコンパイラです。 (Titanium Mobile の近縁製品である Titanium Desktop は、HTML/js を使用してデスクトップにラップされたネイティブ アプリケーションを作成できる Web ベースのソフトウェアです)

このように、Titanium を使用すると、Web 開発者は JavaScript と XML などの他の関連テクノロジを少し使用して、Objective-C や Cocoa Touch などの追加のテクノロジを学習することなく、高性能でスキンの変更が簡単なネイティブ アプリを実現できます。著者の簡単なテストでは、パフォーマンスが良好であることが示され、フレームワークに関する疑問が払拭され、統合もそれほど難しくありません。

しかし、この利点は致命的な欠点でもあります。Titanium がサポートするプラットフォーム上でのみアプリケーションを作成でき、開発ツールによって制限されます。作者がこの点を証明したいのであれば、iPhone 以外のプラットフォームで実行するだけで済みます。同時に、Titanium のデバッガーはあまり優れていません。XCode を使用して実行またはデバッグすることはできません。プログラムがエミュレータ上でうまく動作したとしても、作成者は実際のマシン上で自分で問題を見つける必要があります。

分析する

著者はこれら 4 つのフレームワークのうち 3 つを選択し、独自のアプリを作成して試してみました。プロセスは面倒でしたが、結果は実り多いものでした。筆者は jQTouch を非常に気に入っていますが、現在のバージョンよりも大幅に進化するかどうかはわかりません。 jQuery Mobile に関しては、そのシンプルさと使いやすさ、そして Web 中心の開発アプローチを高く評価していますが、コア機能が欠けており、パフォーマンスが Sencha よりもはるかに劣っているという欠点があります。

製品の Alpha 2 バージョンを 1.0 公式バージョンと比較するのは不公平かもしれませんが、ユーザーのニーズが非常に強く厳格である場合は選択を行う必要があるため、著者は Sencha Touch を選択しました。筆者は当初、その強力なパフォーマンスと幅広いサポートに惹かれましたが、最終的にはその開発スタイルが気に入りました。開発が進むにつれて、ドキュメントの抜け穴が作者を非常に苛立たせましたが、それでも幅広いサポートが作者を魅了し、作者は徐々にその開発スタイルに適応しました。著者は、電子メールに返信する意思がある場合、技術サポートに対して料金を支払う用意があります。しかし現在、PintsはSenchaベースのアプリとしてリリースされています。

結論は

著者はまだ最大の疑問に答えていません。Web ベースのアプリはネイティブ アプリなしでも機能できるのでしょうか? もしできるなら、そのようなテクノロジを実装することは、元の単一コード ベース アプローチを放棄するコストに見合う価値があるのでしょうか?

過去 2 週間にわたる Pints の実際の使用を考慮すると、著者は「いいえ」と言う傾向があります。 Pintsはパフォーマンスとバグの面で行き詰まっています。平均して、ページは10〜15秒ごとにランダムにジャンプし、ページをスクロールするとランダムにジャンプし、アニメーション効果はあまり一貫性がありません。

出典: dzyngiri

翻訳元: WebAppTrend 一般的に使用されているいくつかの HTML5 モバイル アプリケーション フレームワークの比較 http://www.webapptrend.com/2012/05/3009.html

元のタイトル: よく使われる 4 つの HTML5 モバイル アプリケーション フレームワークの比較

キーワード: 4、よく使われる、HTML5、モバイル、アプリケーション、フレームワーク、比較、エディター、この記事、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化