Google Ajax Feed APIでブログの新着記事を表示する

Posted on | 2009/7/23 6:44:59 | View Comments

Google Feed APIというのが便利でして、以前、「Google AJAX Feed APIも試してみた」という記事も書きましたが、外部サイトのRSSを取って来て、表示用に整形できます。今回は日付の日本語化も含めたやり方がわかったのでメモメモ。

google.load("feeds", "1");

function initialize() {
var feedurl = "http://feedproxy.google.com/jp/et";
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(3);
feed.load(dispfeed);

function dispfeed(result){
if (!result.error){
var container = document.getElementById("feed");
var htmlstr = "";
htmlstr += ‘<dl>’;
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var date = new Date(entry.publishedDate);
htmlstr += "<dt class=’date’>" + date.toLocaleString() + "<\/dt><dt class=’title’><a href=’" + entry.link + "’>" + entry.title + "<\/a><\/dt><dd>"+entry.contentSnippet+"<\/dd>";
}
htmlstr += "</dl>";

container.innerHTML = htmlstr;
}else{
alert(result.error.code + ":" + result.error.message);
}
}
}

google.setOnLoadCallback(initialize);