JavaScript †
最近、ウェブサイト開発ではほぼ必須とも言える JavaScript に関して、代表的なライブラリの使い方を中心に情報をまとめています。
Google AJAX Labraries API †
AJAX を利用する際、必要となることの多い JavaScript ライブラリであるprototype.js や script.aculo.us を Google がホスティングして提供する API です。
以下のように記述するだけで、指定したバージョンの JavaScript ライブラリを取り込むことができます。
<script src="http://www.google.com/jsapi"></script>
<script>
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8");
</script>
このとき、 1.6 と引数を渡した prototype.js は 1.6 から始まる最新バージョンを取り込むことができますので、細かいリビジョンアップを気にする必要がなくなります。
prototype.js や script.aculo.us の他に jQuery なども利用でき、さらに種類も増えていくようです。
以下ではこれら基本的なライブラリは導入済みであることを前提としますが、この Google AJAX Libraries API を利用すれば容易に導入することができますので、サイトのファイル管理の側面からもお勧めできる導入方法だと思います。
その他の JavaScript ライブラリ †
- Lightbox2
- http://www.lokeshdhakar.com/projects/lightbox2/
いわゆる Lightbox 系スクリプトで要 script.aculo.us。単体でスライドショーライクに表示できる他、複数の画像をグルーピングしてスライドショー的に表示することも可能
当サイトで公開している blosxom プラグイン「 bsnap_lt プラグイン」 で利用しています。
- Hgihslide JS
- http://vikjavev.no/highslide/
当サイトで公開している blosxom プラグイン「 bsnap_hs プラグイン」 で利用しています。
- SyntaxHighlighter
- http://alexgorbatchev.com/wiki/SyntaxHighlighter
ソースコードを色分けするなど装飾して表示するための JavaScript です。
参考書籍 †
リンク集 †
- Google AJAX Libraries API - Google Code
- Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
- script.aculo.us - web 2.0 javascript
- jQuery: The Write Less, Do More, JavaScript Library
