HOW TO: モバイル Web サイトをネイティブ アプリのように動作させる

クレジット:

クレジット:

ネイティブ アプリケーションは依然としてその役割を果たしていますが、さまざまなデバイスの種類、オペレーティング システム、画面サイズの数が増え、最適化されたモバイル Web アプリの開発がますます魅力的になっています。歴史的には、Web アプリケーションの高速性、反復性、クロスプラットフォーム性と、ネイティブ側でのより標準的な UI、ジェスチャのサポート、マルチタッチおよびハードウェアの最適化の間にはトレードオフがありました。

幸いなことに、さまざまなフレームワークにより、開発者はネイティブ アプリに似た外観と操作性を備えたモバイル Web アプリケーションを簡単に作成できるようになりました。以下に 6 つの例を示します。リストにお気に入りが表示されない場合は、下のコメントに追加してください。

1.煎茶タッチ

クレジット:

6 月、Sencha (旧 Ext JS) は、Sencha Touch HTML5 モバイル フレームワーク。クロスプラットフォーム フレームワークは iOS と互換性があり、アンドロイド他のプラットフォームにもすぐに拡張される予定です。

Sencha Touch は、解像度に依存しない UI ライブラリ、タッチ イベント管理、位置情報とオフライン アクセスのサポート、特別な CSS および CSS3 機能を組み合わせています。

Sencha は Ext JS、jQTouch、Raphael プロジェクトを支援する会社であるため、新しいフレームワークには強力なパワーが詰め込まれています。これをチェックしてくださいタッチソリティアのデモ、特にiPad。ドラッグ アンド ドロップのサポートは本当に素晴らしいです。

2.スプラウトコア

クレジット:

SproutCore は、開発者がプラグインなしで最新の Web ブラウザーで実行できるデスクトップ品質の Web アプリケーションを構築できるようにすることを目的とした HTML5 フレームワークです。主任開発者は最近仕事を辞めましたりんごフルタイムでプロジェクトに集中します。

チェックアウトこのデモiPhoneAndroid デバイスなら、あなたも同意していただけると思いますが、これは非常に印象的なものです。既存のバックエンドを活用し、.NET や Cocoa などのプラットフォームからヒントを得ることにより、SproutCore は Web ブラウザーでスケーラブルで堅牢なパフォーマンスを提供することに重点を置いています。

モバイル アプリだけではありませんが、SproutCore の HTML5 の性質は、本当に良い選択となります。

3.ゆい3.2

今月末、Yahoo!は、JavaScript ユーティリティの YUI ライブラリの最新バージョンをリリースします。 YUI は非常に優れたフレームワークであり、次期バージョンにはタッチ デバイスとモバイル デバイスのサポートがさらに強化されています。

クリスチャン・ハイルマンは素晴らしいものを書きましたYUI 3.2.0 のプレビューAjaxian については、新たに追加された機能の一部について詳しく説明します。

ヤフー!は、Web およびモバイル開発者向けのツール、ライブラリ、ユーティリティ、ドキュメントの最高のリソースの 1 つであり続けます。

4.jQueryモバイル

クレジット:

jQuery Mobile は SproutCore や Sencha Touch のような完全なアプリケーション フレームワークではありませんが、新しい取り組みはモバイル Web アプリにより多くのネイティブ コントロールをもたらすことを目的としています。

先週発表された、jQuery Mobile プロジェクトは「完全で統合されたモバイル UI フレームワークコアの jQuery プロジェクトも引き続きモバイル向けに最適化されますが、jQuery Mobile プロジェクトは、最も使用されているスマートフォンの Web ブラウザーに真に一流の JavaScript エクスペリエンスとインターフェイスを提供することに重点を置いています。

プロジェクトはまだ初期段階ですが、jQuery Mobile がサポートするブラウザとバージョンを確認できます。このチャート。 jQuery Core チームは、すべての A ブラウザーと B ブラウザーをサポートするために取り組んでいます。

5.

開発中フォンギャップ、XUI チームは、既存の JavaScript ライブラリとモバイル デバイスでのパフォーマンスに不満を抱きました。

XUI は、WebKit、Fennec、Opera などのモバイル ブラウザーで動作するように作成されました。目標は、従来の JavaScript ライブラリがモバイル デバイスに適さなくなる可能性があるオーバーヘッドをほとんど発生させずに、多くの相互互換性を提供することです。

6.iUI

クレジット:

iUI は、モバイル Web アプリに iPhone のようなエクスペリエンスをもたらすように設計された iPhone ユーザー インターフェイス フレームワークです。 WebKit ベースのデバイスで動作し、JavaScript ライブラリ、CSS、および画像が含まれています。

元々は 2007 年に開始されましたが、長年にわたって着実に更新され、より多くの種類のデバイス、さらには iPad へのサポートが追加されました。

モバイル Web サイトをよりネイティブ アプリのように動作させるために使用しているフレームワークをコメントでお知らせください。

Rackspace がサポートするシリーズ

クレジット:

ラックスペースホスティングを行うより良い方法です。 Web ホスティングの稼働時間を心配する必要はもうありません。パッチの適用、更新、監視、データのバックアップなどの最新情報を維持するために時間、エネルギー、リソースを費やす必要はもうありません。その理由を学びましょう。

Mashable のその他の開発および設計リソース:

-試してみるべき 5 つのクロスプラットフォーム モバイル開発ツール

-Twitter でフォローすべき開発者/ハッカーの女性 15 人

-分散開発チームのための 10 のツール

-デザイナーと開発者向けの 11 個のおいしい TextMate テーマ

-今すぐ始められる 7 つの素晴らしい CSS3 テクニック

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe Now & Never Miss The Latest Tech Updates!

Enter your e-mail address and click the Subscribe button to receive great content and coupon codes for amazing discounts.

Don't Miss Out. Complete the subscription Now.