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

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

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);

こちらを参考にしました。toLocaleStringってのを使ってやると便利ですね。
Google AJAX Feed APIでRSSフィードの日付も表示

HTMLの生成の辺りは、CSSで調整しやすいように適当にいじってお使いくださいませ。

• 

  意外と知らない、「ヒトリシゴト」。案外、愉快で、楽しいです。気軽に読める、ビジネスエッセイ。

• 

  プランナー、加藤康祐のブログ、kosukekato.com : the idea espressoに掲載したコラム、2006/7/20「歴史は作られている」から2010/5/23「行為が流通するプラットフォームに新しい時代を感じる」を一冊の本にしました。

• 

  今話題のInstagramを使った写真集です！あなたもInstagramするきっかけになれば！68点の写真を収録。