トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

Programing Knowledge

JavaScript

 最近、ウェブサイト開発ではほぼ必須とも言える JavaScript に関して、代表的なライブラリの使い方を中心に情報をまとめています。

Google AJAX Labraries API

http://code.google.com/intl/ja/apis/ajaxlibs/

 AJAX を利用する際、必要となることの多い JavaScript ライブラリであるprototype.jsscript.aculo.usGoogle がホスティングして提供する 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.jsscript.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 です。

リンク集


© 2004-2011 Ellinikonblue.com All Rights Reserved.