第2回 今から始めるprototype.js/jQuery

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を使って簡単なサンプルを作ってみましょう。

著者について

須田 超一

株式会社ITコア R&Dグループリーダー/有限会社グローバルイーネットワーク 代表取締役 須田 超一

有限会社グローバルイーネットワーク代表取締役。ITコアでは、クラウドサービスやオープンソースの研究開発に従事。株式会社東芝で半導体メモリの開発やシステム開発を経験後、南カリフォルニア大学やボンド大学のビジネススクールで経営学を学びMBA取得。
ITと経営戦略を武器にして、多方面で事業活動を展開中。 2011年は、バルーンアート事業を立ち上げます。デジタルハリウッド講師(PHP/Ajax)。 アメブロはこちら

この記事を評価する

3.25
平均: 3.3 (投票数: 4)
あなたの評価: なし

IT Leaders 毎月無料でお届けいたします

本誌は、読者登録いただくことにより、毎月無料でみなさまのお手元まで直接お届けいたします(書店などでは販売していません)。

企業の情報システムを担当する方々や事業部門のIT担当の方々、およびIT関連プロフェッショナルの方々を対象に、実践的に役立つ情報を掲載、幅広く業務にご活用いただけます。

IT Leaders新規購読お申し込みはこちらから