Tag/Google
Google Feed AJAX API触ってみたメモ
Google AJAX Feed API 触ってみたメモ。
とりあえずは Sign up for the Google AJAX Feed API から API Key を取得する。 たぶんなんだけども Google Maps API と同じキーでイケるっぽい。 全部が全部そうかは分からんですが、取得したキーを見てみたら全く同じだった。
キーを取得出来たら、そのキーを QueryString にくっつけて、 Google AJAX Libraries API を読みこむ。
<script src="http://www.google.com/jsapi?key=ココにキーを書く。" type="text/javascript"></script>
bodyの中には最低限の用意だけしておく。
<body><div id="container">loading...</div></body>
あとはガリガリとコードを書くだけ。 とりあえず一番簡単な方法で取得してみる。 で、どんな時でも ぐうたら であるために jQuery も一緒に読み込んでしまう。 今回は、最近 Google App Engine にブログを移行した 某endless氏 のFeedを読み込んでみる。
// Ajax Feed APIを読み込む
google.load('feeds', '1');
// jQueryも読み込む
google.load('jquery', '1.2');
// ライブラリの読み込み完了のコールバック
google.setOnLoadCallback(function ()
{
// ここで読み込むFeedのURLを指定
var f = new google.feeds.Feed("http://end.appspot.com/feeds/latest/");
// 取得する個数を指定。デフォルトは4つ
f.setNumEntries(20);
// Feedの取得
f.load(function (result)
{
// エラーだったらココでおしまい
if (result.error) return;
// id="container"な要素にulつっこむ
var $ul = $('#container').html('<ul />').children('ul');
// 取得したフィードの数だけまわす
$.each(result.feed.entries, function (i, e)
{
// aタグ作って、liで囲んでulにつっこむ
$('<a />').text(e.title)
.attr('href', e.link)
.wrap('<li />')
.parent()
.appendTo($ul);
});
});
});
ものっすごい簡単。素晴し過ぎる 
他にも色々と機能が充実してるみたいなので、 ヒマを見つけてもっと触ってみよう。
- Posted at:
- 2008/07/18 00:37:38
- 2 Comments
- 1 TrackBack
- Trackback:
- http://humming.via-kitchen.com/2008/07/18/tried-google-feed-ajax-api/trackback/
