ブラウザーの違いを抽象化することを主な目的とする軽量の JavaScript フレームワークを探しています。私は主に新しい UI 要素を作成するためにそれを使用しており、プラットフォームに依存しない言語と DOM を提供するもの以外には何も必要ありません。
29 に答える
私が現在使用している 3 つの JS ライブラリがあります: Prototype、jQuery、およびMooToolsです。プロトタイプと jQuery が最も広く使用されています。jQuery と MooTools は最も軽量です。
MooTools のサイトには優れた機能があり、必要なモジュールのみを使用してカスタムの圧縮 .js ファイルを作成し、実行内容に応じて最も軽量にすることができます。jQuery のファン層ははるかに高く、そのおかげでサポートも充実しています。
3 つのうち、jQuery をお勧めしますが、利用可能なすべてのオプションを検討することはおそらく悪い考えではありません。
私は jQuery を使用しています - シンプルで小さく、何よりも優れています: とても簡単です :)
質問も参照してください。新しいプロジェクトにどのJavaScriptライブラリを選択しますか。その理由は何ですか。
jQueryは最近成長しているようです。(このプレゼンテーションのスライド4を参照してください)
mooToolsも私のお気に入りです。彼らのインターフェースでは、好きなだけ取ることができるので、ツールバッグにさらにトリックを追加したい場合は、それを行うのは非常に簡単です.
私はYahoo!の大ファンです。ユーザー インターフェイス (YUI)ライブラリ。DOM 操作の優れたセットと、かなり堅実なウィジェット フレームワークがあります。さらに、使いたいものを組み合わせて使用できます。
また、強力なセレクター関数「$」があるためjQueryが好きで、代替ドキュメントへのリンクを提供したいと思います:Visual jQuery
私は最初にプロトタイプとscriptaculousを試しましたが、その後jqueryに切り替えましたが、振り返ることはありません. 優れたユーザー インターフェイスが必要な場合は YUI が適していますが、jQuery は単純なものだと思います。
これは、さまざまなライブラリのいくつかを評価するために使用した比較チャートです。
決してすべてのライブラリのすべての機能をリストしているわけではありませんが、ニーズを満たすかどうかを確認するためにさらに掘り下げる必要があるフレームワークに選択肢を絞り込むための優れた概要を提供します.
DOMAssistantを試してください。gzip 圧縮されたわずか 7 KB で、非常に高速で、Unicode をサポートしています。
私はJQueryを好みます。優れたドキュメントもあります。JQuery
jQuery は非常に洗練されており、習得が非常に簡単です。私は過去にいくつかの基本的な DOM 操作に Moo を使用しました。フットプリントは少なくなりますが、機能は少なくなります。最適な選択は、要件によって異なります。
MooTools はかなりホットです。最近は少し大きくなっており (ベースは 60 KB)、手の届かないところにあるかもしれません。
しかし、本当に基本的な DOM を使いたい場合は、jQuery がおそらく理想的です。
単なる提案ですが、妥当な範囲内で、必要な機能を備え、サイズをあまり気にしないフレームワークを探します。PrototypeJS や JQuery などの最新のフレームワークのほとんどはそれほど大きくなく、最小化されたバージョン (スペースが削除されているなど) があります。さらに、これらのライブラリをキャッシュするようにサイトを構成する必要があります。ユーザーがライブラリをダウンロードする必要があるのは、最初の訪問時、またはブラウザーのキャッシュをクリアした後の訪問時のみです。
ライブラリ ファイルに名前を付けるときは、一意のファイル名を使用してください。たとえば、ライブラリのバージョンに基づいてライブラリに名前を付けます。ライブラリの新しいバージョンにアップグレードする必要がある場合は、関連するページから新しいファイル名 (バージョン) を参照してください。これにより、短期間の有効期限なしでこれらのファイルをキャッシュできます。
ライブラリ ファイルのサイズを回避し、パフォーマンスを向上させるために使用できるキャッシング手法は他にもたくさんあります。「High Performance Web Sites」、ISBN: 0596529309 をお勧めします。この本に含まれるすべての情報はオンラインで見つけることができますが、この本は必要な情報を 1 か所に集めるという優れた仕事をしており、さまざまな概念を 1 つにまとめています (私が持っているこの本への金銭的関心ではありません)。
ここで jQuery にもう 1 票。速く、軽く、学べば学ぶほど、コードはより速く、より簡潔になります。
JavaScript コードをパックして軽量化することができます。私はPrototypeを選びます - protopacked と呼ばれる利用可能なバージョンがあり、約 20 KB になると思います。
個人的には、クライアント側の仕事をしていたときに、15k バージョンの JQuery に恋をしました。わずかな学習曲線がありますが、非常に滑らかです。
ベース YUI コード -- yahoo-dom-event.js -- は 31 KB で、非常にうまく機能します。あらゆる種類の優れたイベント処理とDOM 操作が得られ、必要に応じて、より複雑で重いものを簡単に追加できます。
どちらを選択する場合でも、Google にホストしてもらうことを検討してください。
この質問は、実際にはこの質問の複製です(私は思います)。その質問に対する私の答えは次のとおりです(ここにも当てはまります):
ここで百万の答えが得られます。簡単に言えば、1 つではなく複数あるということです。それらはすべて、いくつかの点で異なり、他の点では類似しており、一般的に、どれも悪い選択ではありません. 私がお勧めする主なフレームワークは次のとおりです (バイアスを示さないようにアルファベット順で):
* Dojo
* jQuery
* MooTools
* Prototype (with Scriptaculous)
* YUI
* MochiKit
これらはそれぞれ、異なるスタイル、異なるコミュニティ、異なる焦点を持っています。どちらを選択するかは、ほとんどの場合、これらのフレームワークのスタイルを自分のものに合わせる問題です。それぞれのチュートリアルとデモに時間をかけて、最も適したものを選択してください。
免責事項として、私は MooTools の開発者であり、その使用方法に関する本を書いていることを指摘しておきます。MooTools がこれらの他のどのフレームワークよりも優れているとは言えません。違うだけ。
私は、軽量で拡張可能で強力なオプションとして JQuery に同意します。私の会社は現在 Extjs を使用していますが、これは大規模であり、私たちが行っていることに対してより複雑です。Extjs は、デザイナーが関与せずに簡単なサイトを作成する必要がある場合に最適です (必要なものを作成するためのすべてのグラフィックとスタイルが付属しています)。
もし私がそれをすべてやり直すことができるなら、それは起こるかもしれませんが、私はJQueryを使います。
私がjQueryを気に入っている理由は、軽量でありながら非常に強力だからです。
開始するための優れたドキュメントとチュートリアルもあります。
jQuery は、最も広く使用されているフレームワークであり、他のユーザーから多くのフィードバックを得ることができるため、小規模な拡張を行う場合に最適なオプションです。ただし、 Extを使用して RIA を既に開発しているため、私自身は jQuery ユーザーではありません。そのため、私は Ext-core (Ext のサブセット) を使用します。これは、フレームワークの OO 設計が優れており、jQuery と同じ基本機能 (イベント処理、DOM 操作、Ajax) を提供するためです。
http://www.extjs.com/products/core/
私は Prototype を使ったことがないObject.prototype。
YUI は、私の好みには大きすぎて複雑すぎます。以前はプロトタイプ ファンボーイでしたが、新しいプロジェクトで jQuery を使用するようになったため、その輝きを失いました。jQuery で私が気に入っているのは、一貫したメンタル モデルです。つまり、何かを見つけてそれに基づいて行動するということです。
私は jQuery が好きで、ドキュメントへのオフライン アクセス用のダッシュボード ウィジェットを作成しました: jQuery Reference Widget
midoriは軽量の JavaScript フレームワークです (非圧縮で 45K のみ)。DOM 要素にアクセスするためのほとんどの CSS2 および CSS3 セレクターをサポートしており、まったく新しい API を習得する必要はありません。標準の DOM、イベント、Ajax 機能に加えて、基本的な視覚効果、ドラッグ アンド ドロップ、ポップアップ メニュー、オート コンプリートなどもサポートしています。
jQuery は非常に優れています。
ここで提案されているフレームワークのリストに私たちのフレームワークを追加し、他の人が最も気に入った、または使用しているものに投票できるようにできれば、非常にクールです。つまり、動的な投票/調査です。
MooToolsをお勧めします:-)
var theDiv = new Element('div', {
'id': 'theDiv',
'styles': {
'backgroundColor': '#BF1942',
'color': '#fff'
}
}).toggleClass('someClass').inject($('someSibling', 'after');
そのコードの読みやすさが本当に気に入っています。
私は何年もの間自分自身を転がしてきましたが、他の人と遊んでいるときは、dojo + jquery から遠く離れています。mootools (私が見た中で最高の js ani) + gui または yui キットの組み合わせについては、良いことしか言えません。