« Google Ajax Feed API を試す（その１） | メイン | DreamweaverでPHPをはじめる »
2007年4月28日
Google Ajax Feed API を試す（その２）
※このエントリーは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を記載する箇所を修正してお使いください。
<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>
投稿者 lepracaun : 2007年4月28日 22:14
トラックバック
このエントリーのトラックバックURL:
http://www.lepracaun.info/mt4/mt-tb.cgi/28
このリストは、次のエントリーを参照しています: Google Ajax Feed API を試す（その２）:
» Google AJAX Feed APIでRSSフィードを表示 from 仕事にヒント
使おうと思っていたRSSフィード表示スクリプトを設置できませんでした。
力不足です。
簡単に使えそうで、サービス会社の表示が出なく... [続きを読む]
トラックバック時刻: 2008年3月27日 17:14
