公開日：2009年1月14日(水) 11:00
著者： 
Ajaxの人気ライブラリ／フレームワーク
Ajaxという言葉は、Adaptive Path社のJesse James Garrett氏が2005年2月18日に投稿した「Ajax: A New Approach to Web Applications（http://www.adaptivepath.com/ideas/essays/archives/000385.php）」で初めて使われました。
そのころからたくさんのJavaScript／Ajaxライブラリやフレームワークが公開されてきました。その中でも「prototype.js（http://www.prototypejs.org/）」「jQuery（http://jquery.com/）」は最も有名なライブラリ・フレームワークと言えるでしょう。
Ajaxian（http://ajaxian.com/）の調査結果（http://ajaxian.com/by/topic/survey）（図1-1）からも、prototype.jsおよびjQueryの人気度を読み取ることができます。prototype.jsは、人気度No1を走り続けてきましたが、近年、急速に人気が高まっているJavaScriptライブラリは、jQueryです（図1-2)。
今回は、これら2つのJavaScriptライブラリ／フレームワークを紹介しながら、これから使おうとしている方のための道案内をしていきたいと思います。
prototype.jsの導入
prototype.jsは、Sam Stephenson氏を中心としたPrototype Core Teamによって開発されているJavaScriptフレームワークです。2005年から利用され始めていますが、Ajax発展に大きく貢献している非常に高機能なフレームワークです。MITライセンスで配布されているので、誰でも自由に利用することができます。
インストールは、prototype.js（http://www.prototypejs.org）公式サイトのトップページにあるDownloadのリンク先からファイルを直接ダウンロードします。ダウンロードしたファイルは、HTMLを置く場所から見てjs/libs以下にprototype-1.6.0.3.jsという名前で保存しているとして、使い方を紹介します。また、2008年12月現在では、prototype-1.6.0.3.jsが配布されています。
prototype.jsの読み込みは、HTMLの<head>タグの中に以下の1行を追加することで、prototype.jsが使えるようになります。
<script type="text/javascript" src="js/libs/prototype-1.6.0.3.js"></script>
では、prototype.jsを使って簡単なサンプルを作ってみましょう。
著者について
有限会社グローバルイーネットワーク 須田 超一
有限会社グローバルイーネットワーク代表取締役。南カリフォルニア大学やボンド大学のビジネススクールで経営学を学び、MBA取得。デジタルハリウッド講師（PHP、Ajax）、AllWebクリエイター塾講師（Ajax）。「WEBサイト制作者に役立つ参考サイト」を運営（http://www.studynet.jp/portal/）。有限会社グローバルイーネットワーク：http://www.genet.jp/。連載一覧
この記事を評価する
本誌は、読者登録いただくことにより、毎月無料でみなさまのお手元まで直接お届けいたします（書店などでは販売していません）。
企業の情報システムを担当する方々や事業部門のIT担当の方々、およびIT関連プロフェッショナルの方々を対象に、実践的に役立つ情報を掲載、幅広く業務にご活用いただけます。
