ウェブとハイブリッドアプリのためのJSフレームワーク私はすでにウェブデザインをしていますか？

Question

私たちはモバイルデバイスの新しい開発を開始しています。私たちは、Webアプリケーション（強くオフラインの振る舞いを持つ）とハイブリッドアプリケーションを行い、ビジネスロジックをJSのように維持したいと考えています。

周りについてJquery MobileとSencha Touchグーグル長い時間の後、私は実際にそれは私たちが必要なものではないことを考えています：私たちは、実際には信じられないほどのWebデザイナーを数えるので、私たちは画面を作成するために、彼の才能を使用します。これは、JQuery MobileとSencha Touchのphilosofyに逆行します。UIインターフェイスです。

私たちが独自の画面を使用したい場合、JQuery MobileやSencha Touchをビジネスロジックやバックエンドに使用するメリットはありますか？それは過労ではなく、最終的にはパフォーマンスの面で悪いですか？私たち自身のビジネス/バックエンドフレームワーク（ajax、jsonp、localStorage、ファイルシステムアクセスなど）を行うことはあまりにも多くの作業であろうか。

私は唯一のトランジション（jQueryのモバイルものがひどいです）している私は煎茶タッチから必要だと思うことを考えて、ほとんど、私が見る多くを...

Answer 1

から必要な機能を引っ張るあなたはDOM操作とAJAXおよびローカルストレージのためにあなたの両方を提供します小さなフレームワークを組み合わせて使用​​することができますオフラインで作業することができます。 DOM /アヤックス/イベント処理のために

• ：

  • Snack.js：http://snackjs.com/
  • XUI：ローカルの永続性のためにhttp://xuijs.com/

• ：

  • 店.js：https://github.com/marcuswestin/store.js
  • Lawnchair：http://westcoastlogic.com/lawnchair/

彼らは一部を行い、アプリ、あなたが望む外観を与えるためにあなたの方法の外に滞在します。

Answer 2

彼らは建物の両方に良いフレームワークの選択肢ですあなたのウェブ/モバイルアプリ。

ほとんどの明白なについては、JQuery MobileとSencha Touchについては、そのUI（例に移動したときに最初に見たビット）ですが、バックグラウンドで実行される多くの有用なフレームワークもあります例：

煎茶タッチあなたは多くのコードを再利用することができますJavascript Object-Orientedフレームワークであり、それは、カスタムイベントリスナを使用するためのExt.util.Observableクラスをサポートしているリストの反復のExt.util.MixedCollection、非常に強力なデータ処理のためのExt.data.Store 。

jQueryのモバイルはjQuery.bind()メソッドを使用して、カスタムイベントリスナをサポートしていますが、簡単に基本的なDOMイベントの機能を超えた機能を提供できるようになりますtouch handling eventsの全体の怒り（ホバーなど、クリック）、それはまた、jQueryの上で動作をサポートしています、反復はjQuery.each()を使用し、強力なAJAX呼び出しはjQuery.ajax()メソッドを使用します。

要するに、これらのフレームワークを使用する際には、インターフェイスだけでなく、これらのフレームワークからさらに多くのものが得られます。各フレームワークには、そうでなければゼロから自分自身を作成し​​なければならない多くの便利な機能があります。

すべてのウィジェットは、現在切り離されているとして、あなたはちょうどあなたが望む機能を使用することができますjQueryのモバイルで

Answer 3

：

• http://jquerymobile.com/blog/

をダウンロードビルダー：作品

でUIウィジェットのほとんどをデカップリングしたので、ここでは というステージをビルダーをダウンロードしてください。これにより、必要な部分だけを含めるために、カスタムの jQuery Mobileをビルドできるようになります。 の例では、コアファイルを使用してpushStateでAjaxベースの ナビゲーションを追加し、いくつかのタッチイベントと非常に軽量なビルド（約10k）の 他のユーティリティを活用することができます。または、 は、フォーム要素、リストビューなどの特定のUIウィジェットを追加して、 に最適化されたビルドを作成できます。何らかの形で1.0の最終版の一部としてダウンロードビルダー ツールの起動を目指しています。このツールをサポートするすべてのプラグインについて、今度は 依存関係マップに取り組んでいます。

• https://github.com/jquery/jquery-mobile/tree/master/js

ちょうどあなたがレポ

Answer 4

この質問には良い回答がいくつか用意されていますので、私は足を踏み入れません。私はちょうど私があなたと非常に似た立場にあったと言うでしょう。デザイナーはスクリーンを作成し、jQuery Mobileにそれらを接続しました。多くのテストと多くのベンチマークの後、私はjQMがまだそこにはないと結論づけました。

私はSencha Touchをホッジポッジと他のフレームワークやライブラリのマッシュアップで選択しました。あなたは好みに合わせてUIをカスタマイズすることもできます。ちょうどCSSに没頭するだけです。

ここでは、基本的なUIの欠陥を指摘します...あなたのデザイナーは、環境のために設計するべきです。つまり、設計者がデザインを利用する技術について何らかの親しみや理解があるはずです。あなたのデザイナーに、選択したフレームワークを打ち破り、そのフレームワークではなくむしろデザインする方法を教えてください。デザイナーがいいえと言うなら、彼らはあなたのチームに必要なクリエイティブのタイプではありません。 :)

Answer 5

私は個人的にSencha Touchが好きです。最新バージョン2.4.1ではBlackBerryもサポートしています。 4つの一般的なモバイルプラットフォーム（iOS/Android/Windows Phone/Blackberry）をサポートするアプリを構築したいときには、非常に良い賭けです。 CordovaのSencha Touch Hybridアプリは、非常にネイティブな体験を提供します。

また、http://mobileangularui.com/は非常に良い選択肢です。