twitter-bootstrap対jquery-mobile [終了]


108

どちらが「より良い」かについて誰かが何かアドバイスをすることができるかどうか私は思っています。TwitterブートストラップまたはJQueryモバイル?

ありがとう、ピーター

回答:


163

「より良い」というのは、目的が違うので答えられるかどうかわかりません。Bootstrapは優れた万能CSSライブラリであり、jQueryMobileはフレームワークに近いものです。つまり、jQueryMobileはページの見栄えを良くするだけでなく、スワイプイベント、ページ遷移などのモバイル指向の機能を多数提供し、単一のページアプリケーションを可能にします(data-role = 'で単一のdivのみが表示されるため)一度に1つのページ)、AJAXプリロードと履歴API、多くのタッチフレンドリーなコンポーネント/ウィジェット。一方、ブートストラップは主にデスクトップ用のCSSライブラリですが、特に2.0にはメディアクエリが組み込まれているため、モバイルでも機能します。ブートストラップは、タッチフレンドリーリスト、チェックボックス、選択メニューなどには役立ちません。

もう1つ指摘しておきますが、jQueryMobileはあなたのマークアップを取り、JavaScriptを使用してあらゆる種類のきれいなものでそれを処理します。ブートストラップにはいくつかのJavaScriptがありますが、オプションのコンポーネントの場合のみ、残りはCSSです。

IMHOに答えるには、主にモバイルデバイスでの使用を明示的に計画しているWebアプリケーションを作成している場合は、jQueryMobileを使用します。それ以外のものはBootstrapでうまくいきます-それは本当にとても素晴らしいです。


20

jQuery mobile!= twitterブートストラップ。Twitterブートストラップは、レスポンシブレイアウトを作成するために使用されます(単一のCSSで画面サイズが大きいだけでなく小さい場合でも機能します)。jQuery mobileはモバイル開発を目的としています。したがって、jQuery mobileを使用してサイトを開発した場合、すべてのデスクトップブラウザーでレイアウトの一貫性が向上しません。


17

Twitter Bootstrap!= jQuery Mobileに同意しますが、Bootstrapを使用してモバイルサイトを開発できます。jQuery Mobileを使用してモバイルサイトを開発するために過去数か月を費やした後、私の結論はこれです。

jQuery Mobileの背後にある概念は完璧です。「ページ」の概念は、サーバー側のテクノロジー(私の場合はASP.Net MVC)と非常によく統合されています。既に慣れているし、おそらくそうしたいので、ページを個別のファイルとして開発し、ほとんどがサーバー上でレンダリングすることができます。

ただし、現在の状態では、あまりにも多くのことを実行しようとすると、非常に遅く、バグが多くなる可能性があります。プロジェクトで何度も問題に遭遇しました。

したがって、サイトがそれほど複雑でない場合(スワイプやウィザードがない場合など)は、jQuery Mobileを使用してください。そうでなければ、プロジェクトが成熟するのを待つことを考えてください。もうすぐです。


5
前回の文章では、「jQuery Mobileを使う」という意味ですか?反対ではないですか?
Tillito

それはそれが言うことではないですか?
Josh Mouch 2013

1
申し訳ありませんが、多分私の英語はそれほど上手ではありません。しかし、2番目と3番目の記事では、なぜjqueryを使用しないのかと言い、結論はとにかくそれをお勧めしますか?(それで、あなたがそうしている、それが何よりも私が知りたかったことです:
Tillito

3
「サイトがそれほど複雑でない場合」が重要な条件です。私はjQuery Mobileが好きで、それはデザインですが、それは完全にはありません。
Josh Mouch 2013


14

主な違いは、2つのプロジェクトがどのように自分自身を特定するかによって明らかになります。

ブートストラップ:「より速く簡単なウェブ開発のための、洗練された直感的で強力なフロントエンドフレームワーク。」

jQuery Mobile:「スマートフォンとタブレット向けのタッチ最適化Webフレームワーク」

どちらのフレームワークも、さまざまなニーズに対応し、さまざまなことを達成することを目的としています。私は両方を別々のプロジェクトで使用しましたが、それぞれに長所と短所がありますが、両方を直接比較することは両方にとって害になります。プログラマー/デザイナー/エンジニアとしての私たちの仕事は、プロジェクトの目標を決定し、その仕事に最適なツールを選択することです。


7

それはあなたがそれで何をしようとしているのかに依存します。私はほとんどの場合、Bootstrapを好みます。これは、ベースのcssに加えて、コンパイルしresponsive.lessてモバイルバージョンを入手できるためです。ブートストラップを使用したプロトタイピングの場合、IAMは非常に高速です。これは、非常に疎結合であり、単なるプレーンマークアップだからです(プラグインを除いて、プラグインも素晴らしいです)。


1
jqueryモバイルフレームワークを使用すると、アプリケーションの実行場所に応じてフォントサイズを調整できますか。私はTwitterブートストラップを使用しており、幅が異なるすべてのブラウザーやAndroidフォンやタブレットでアプリケーションを実行すると問題なく動作しますが、iPhoneで実行するとフォントサイズの問題が発生します。それはiphoneモバイルで非常に小さなサイズのフォントをレンダリングします。この背後にある理由は何ですか?
Priyanka 2013年

1
@Priyankaビューポートが見つからなかったようです。:)
カルロスF
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.