※このエントリーは2007年6月5日に加筆修正しました。
Google Ajax Feed API に限らず、RSSでの日時フォーマットはW3CDTFというフォーマットです。
『yyyy-mm-ddThh:mm:ss+hh:mm』という表示形式ですね。
新着情報などでRSSを利用したい場合、この日時フォーマットではわかりづらいので、日本語表記にしたいところです。
【例】
2007-04-23T17:20:00+09:00
↓
2007年4月24日 2:00
そこで、日時の日本語表記バージョンを作ってみました。
Sign up for the Google AJAX Feed APIにてサインアップして、Google Ajax Feed APIに使用するAPI Keyを取得しておきます。
サンプルソースは下記の通り。
当たり前ですが、API Keyの箇所と、RSSのURLを記載する箇所を修正してお使いください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - Simple Example</title>
<meta http-equiv="content-script-type" content="text/javascript" />
<script type="text/javascript" src="http://www.google.com/jsapi?key=API Key"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("http://url.rdf");
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var date = yearNum + "年"+(dd.getMonth()+1)+"月"+dd.getDate()+"日 "+dd.getHours()+"時"+dd.getMinutes()+"分";
container.innerHTML += "<p>" + date +"<br /><a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></p>";
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id="feed"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google AJAX Feed API - Simple Example</title>
<meta http-equiv="content-script-type" content="text/javascript" />
<script type="text/javascript" src="http://www.google.com/jsapi?key=API Key"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed("http://url.rdf");
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var date = yearNum + "年"+(dd.getMonth()+1)+"月"+dd.getDate()+"日 "+dd.getHours()+"時"+dd.getMinutes()+"分";
container.innerHTML += "<p>" + date +"<br /><a href='" + entry.link + "' target='_blank'>" + entry.title + "</a></p>";
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id="feed"></div>
</body>
</html>
コメントする