今から始めるprototype.js/jQuery

2009年1月14日(水)
須田 超一

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の

タグの中に以下の1行を追加することで、prototype.jsが使えるようになります。



 では、prototype.jsを使って簡単なサンプルを作ってみましょう。
株式会社ITコア R&Dグループリーダー/有限会社グローバルイーネットワーク 代表取締役

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

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています