この記事は最終更新日から2年以上が経過しており、情報が古くなっている可能性があります。

RSSフィードを自動的に読み込む仕組みの作り方です。


まずはググってjsapi.JSを落とします。jQueryも使います。
次にRSSを表示するコードをJavaScriptで書きます。

var maxTitleLength = (表示する最大文字数);
google.load("feeds", "1");
function initialize() {
var feedurl = "RSSフィードのURL";
var feed = new google.feeds.Feed(feedurl);
feed.setNumEntries(表示する記事数);
feed.load(dispfeed);
function dispfeed(result){
if (!result.error){
var container = document.getElementById("ブログ一覧を表記するブロック要素のID");
var htmlstr = "";
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
htmlstr += "<li>";
var strdate = createDateString(entry.publishedDate);
htmlstr += "" + strdate + "";
htmlstr += '<a href="' + entry.link + '">' + entry.title + '</a>'
htmlstr += "</li>"
}
container.innerHTML = htmlstr;
}else{
alert(result.error.code + ":" + result.error.message);
}
}
}
function createDateString(publishedDate){
var pdate = new Date(publishedDate);
var pday = pdate.getDate();
var pmonth = pdate.getMonth() + 1;
var pyear = pdate.getFullYear();
var phour = pdate.getHours();
var pminute = pdate.getMinutes();
var psecond = pdate.getSeconds();
var strdate = pyear + "年" + pmonth + "月" + pday + "日";
return strdate;
}
google.setOnLoadCallback(initialize);

jsapi.JSと上記のJavaScriptをHTMLに適用し、ブログ一覧を表示する場所にIDを指定します。

<div id="ブログ一覧を表記するブロック要素のID"></ div>