Google Ajax Feeds API使ってみた

まだ基本構文とかいまいちわかってないけど
前のブログと自分のサイトにこのブログの更新情報を表示したくなったので
RSS取得してどうにかできないかなぁと思ったら見つけて実装できたのでまとめ。

参考にしたのは下記のサイト

JavaScript: 外部RSS読み込み by “Google Ajax Feeds API” - t.p.fields

ほとんど参考のまま書いちゃったけどねw

とりあえず、まずはGoogle codeにあるGoogle Feed APIのページにアクセスして「Sign up for a API key」というところでログインしてAPIキーを入手。

そしたらスクリプトを実行したいページのheaderで

<script src="https://www.google.com/jsapi?key={自分のAPIキー}" type="text/javascript"></script>

って書きこむ。
これでAPIが読み込まれるからあとはRSSをどう処理するかを書くだけ。

今回はfeedって名前のidをつけた部分にulのリスト形式で読み込ませるようにした。

google.load("feeds", "1");
function initialize() {
	var feed = new google.feeds.Feed("取得したいRSSのURL");
	feed.setNumEntries(5) //記事の取得数を設定
	feed.load(function(result) {
		if (!result.error) {
			var container = document.getElementById("feed");
			var ulist = document.createElement("ul");
			
			for (var i = 0; i < result.feed.entries.length; i++) {
				var entry = result.feed.entries[i];
				
				var li = document.createElement("li");
				var a = document.createElement("a");
				a.href = entry.link;
				var body = entry.title;
				
				a.appendChild(document.createTextNode(body));
				li.appendChild(a);
				ulist.appendChild(li);
			}
			container.appendChild(ulist);
		}
	});
}
google.setOnLoadCallback(initialize);

間違いとかもっときれいに書けるとかあったらお願いします><

コメント