でぃべろっぱーず・さいど

Google Chart APIにあるGoogle-o-meterってちょっとおもしろいです。

↓こんなURLで、

http://chart.apis.google.com/chart?chs=225x125&cht=gom&chd=t:80&chl=now

↓こんなグラフが取得できます。

パラメータの意味は以下の通り。

chs : グラフの大きさ（横 x 縦）

cht : グラフのタイプ（Google-o-meterのときはgom）

chd : グラフのデータ（,区切りで複数指定可）

chl : ラベル（|区切りで複数指定可）

↓ということで、こんな感じのグラフもできます。

http://chart.apis.google.com/chart?chs=400x200&cht=gom&chd=t:90,80,20&chl=today|yesterday|tomorrow

ラベルに日本語を指定できるようになって欲しいなぁ。

「AJAX Libraries API (でぃべろっぱーず・さいど)」で紹介したAPIをさっそく使ってみました。

先日公開した「Google検索 with はてぶ」にて。

ページのソースを見てもらうと分かりますが、これまでjQueryを読み込んでいたscriptタグをコメントアウトして、

google.load("jquery","1.2.6");

という記述を書いています。

このページではもともとGoogle AJAX Search APIを呼んでいたため、それ以外の追記なし。

こりゃまたお手軽ですね。

気に入ったから、しばらく使ってみることにします。

Google がAJAX Libraries APIを公開しました。

AJAX Libraries API - Google Code

代表的なAJAX のライブラリをGoogleがホスティングしてくれていて、使うときは、

<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.2.6");
</script>

こんな風に書くと、jQueryのバージョン1.2.6を読み込んでくれます。

対応しているライブラリは以下の通り。

• jQuery
• prototype
• script.aculo.us
• MooTools
• dojo

たいしたことないAPIのようにも思えますが、GoogleのAPIを既に利用しているページであれば簡単に利用できますし、ライブラリのキャッシュコントロールやバージョンアップの手間をGoogleにやってもらえるので、地味に便利だったりします。

jQueryを利用する際は、jQueryのプラグインを利用することが多いと思うのですが、その場合は、以下の様な順序で記述すると良いかと思います。

<script src="http://www.google.com/jsapi"></script>
<script>
// Load jQuery
google.load("jquery", "1.2.6");
</script>
<script src="http://www.example.com/jquery-plugin.js"></script>

ちなみに、jQueryの1.2.4と1.2.5は短命のためホスティング対象とはなっていません。

（追記 : 2008.5.29 22:16）

さっそく使ってみました。