5

Luke WROBLEWSKI による「モバイル ファースト」という本や、このトピックに関する他の多くの読み物を読みました。私は Web 開発者ですが、今では「モバイル ファースト」または「プログレッシブ エンハンスメント」が進むべき道であると確信しています。

今、私はこれを達成するためのフレームワークを探しています。

JQuery モバイルは「モバイル ファースト」であると発表していますが、私は数日間試してみましたが、今では「そうではありません」と言う傾向があります。他のフレームワークと混在させることはできません。すべてのページをDOMに保持する(ajaxを使用してロードを強制する)などのトリックを行うため、私の人生は楽になりません。アンロードせずにデスクトップ版でプログレッシブエンハンスメントやフィニッシュに使おうとするのは無理そうです。つまり、デスクトップ コンピューターで大きなボタンを使用したくないので、フレームワークの js&css を削除する必要があると思いますが、それは奇妙に聞こえます。それが可能かどうかさえわかりません。

JQuery モバイルは、モバイル ファーストの Web サイトよりもネイティブ アプリのようなルック アンド フィールを備えた、サイトの専用のモバイル Web バージョンを実現するためのフレームワークのように見えます。

だから誰か私が間違っているところを教えてください: * jQuery モバイルは本当に「モバイル ファースト」なのですか? * jquery mobile で (デスクトップを最後のターゲットとして) プログレッシブ エンハンスメントを行うことはできますか? はいの場合、方法を教えてください。

これは、jquerymobile がモバイル ファーストであることを示す対応するページです: http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

zurb の基盤も試してみましたが、うまく機能しますが、優れたモバイル UI を提供するのに十分なウィジェットやツールがありません。両方を混在させることは素晴らしい点ですが、多くの作業が必要になり (CSS の競合 + JS の競合の可能性があります)、それが可能かどうかさえわかりません。

モバイル ファーストのコンテキストで jquery mobile をどのように使用するかについてのアドバイスを歓迎します。

4

2 に答える 2

8

基本的な考え方

最初から始めましょう。誰もが理解できるように、モバイル ファーストの定義は次のとおりです。

モバイル ファーストとは、Web サイトを最初にモバイル デバイス用に設計し、Web サイトの訪問者が最もよく使用するタスクやアイテムのみを含めるという考え方です。次に、画面のスペースが増えたら、ユーザーの優先順位に基づいて、必要に応じてタスク/機能を追加します。

ここからの引用。

jQuery Mobile の長所と短所

私の経験では、モバイル ファーストに完全に分類できる既存のフレームワークはありません。jQuery Mobile は閉鎖されていますが、十分ではありません。

まず、jQuery Mobile は他のフレームワークでは使用できないというあなたの意見に同意できます。jQM は高度にカスタマイズ可能なフレームワークであり、ほとんどの他の利用可能なフレームワークに完全にカスタマイズできます。

バックボーンまたはノックアウトを使用する場合は、MVP または MVC アーキテクチャに合わせてカスタマイズできます。同様のフレームワークで使用したい場合は、必要な jQM機能のみを使用します。あなたはそれをグーグルするだけです。

しかし、常に繰り返しますが、現在 jQM はデスクトップ開発用の優れた「すぐに使える」プラットフォームではありません。これは単に事実です。デスクトップ ブラウザに適合したウィジェットを提供しますが、依然として大きすぎるモバイル ウィジェットのように見えます。

2 つ目の大きな欠点は、公式ドキュメントです。一部のセグメントでは非常に詳細に説明されていますが、大量のエラー、存在しない例、API の説明がありません。誰かが車とは何かを説明したようですが、正しい運転方法について言及するのを忘れていました。

良い例え

これは修正できますが、残念ながら高度なカスタマイズが必要です。定義上、これはモバイル ファーストのフレームワークではありません。しかし、私の主張をより正確にするために、モバイル/デスクトップ環境での jQM の使用の良い例を次に示します: Mobile Songmeanings。その開発者に敬意を表して、彼らはモバイルとデスクトップを融合させる素晴らしい仕事をしました。残念ながら、これは凡庸な海の美しい一滴にすぎません。

共通の解決策

この問題の最も一般的な修正方法は、モバイル デバイスには jQM を使用し、デスクトップ環境には jQ UI を使用することです。また、このミックスにモダナイザーを追加する必要があるため、次のことが必要です。

  • モバイル環境をデスクトップ環境から分離
  • 検出された環境に応じて動的コンテンツ ローダー (js および css) を作成する

最終的な考え

すぐに使える簡単なソリューションが必要な場合は、 jQuery Mobileの使用はお勧めしませ。それを完全に理解するには、ヒットとミスの学習、開発とテスト、良い面と悪い面、他のフレームワークとの使用方法などに数か月かかります。

于 2013-03-29T12:25:49.190 に答える
1

Moff.js - Javascript モバイル ファースト フレームワーク. これは、すべてのモバイル ファーストの技術と要件に従います。モバイルファーストページを簡単に作成できます。最初にモバイル デバイス用のページを作成し、ユーザーの要求によって、またはウィンドウをタブレットやデスクトップなどの大型デバイスに拡張することによって、ページの追加部分を読み込みます。これはその機能に関する記事です。

于 2015-11-20T10:32:28.693 に答える