はじめに
2年前、私はDevXで、当時人気のあったすべてのオープンソースAJAXフレームワークを比較する記事を書きました。今、同じ記事を書くならば、2006年には私のリストにもなかったフレームワークを選ぶことになるでしょう。
2008年現在、私が注目しているフレームワークはjQueryです。非公式ながらいくつかの調査結果によれば、私だけがそう思っているのでないことは明らかです。jQueryは、すべてのAJAXフレームワークの中で、最も人気のあるフレームワークになりつつあるようです。
jQueryが開発者の間でこれほどまでに人気になりつつあるのは、次の主要な特徴によります。
- 単純なプログラミングモデル
- その単純さと簡潔さ
- 基本的で本質的な表現/表記の要件
jQueryの単純さを理解していただくために、次のjQueryコードサンプルを見てください。このコードでは、バックエンドサーバーに対してAJAX呼び出しを実行します。
$.get( "sample.jsp", responseHandler )
ご覧のように、この非常に単純なコード行は、jQueryに詳しくないユーザーでも簡単に理解できます。このコード行に書かれている1つのメソッドは、その名前から簡単に推測できるとおり、リモートサービスの呼び出しを扱います。クロスブラウザの非同期処理を行うための細かい処理が、すべてこの中に含まれているのです(詳細については後述)。本稿では、この単純ながら強力なAJAXフレームワークの概要を総合的に紹介します。
Web標準の統合とベストデザインプラクティスの促進
jQueryは、HTMLとCSSの記号や用語をネイティブにサポートしており、認識できます。たとえば「sampleDiv」というIDを持つdivのCSSプロパティを変更する構文を見てみましょう。
$("#sampleDiv").css("margin-top", "35px;");
さらにjQueryでは、そのカスタムコードがコンテンツとは別の外部のJavaScriptファイルに記述されており、コードとコンテンツが切り離されています。このため、設計と実装の観点から見た場合、jQueryは保守しやすいWebアプリケーションを実装するのに非常に適しています。
jQueryの豊富なドキュメントと拡張性
jQueryのプロジェクトWebサイトには優れたドキュメントが用意されていますが、それに加えて、オンラインリファレンスや、Visual jQueryという独創的で有益なサードパーティWebサイトをはじめとする参考サイトも多数存在します。jQueryに関する優れた書籍も多数発行されています。私が特に気に入っているのは『jQuery in Action』です。
コアjQueryライブラリも拡張可能です。サードパーティのソフトウェア開発者によってjQueryプラグインが提供されていますが、その多くは非常に価値の高い拡張機能です。たとえば、jQuery drag-n-dropは、jQueryの価値をさらに高める高品質のアドオンです。