あゆむん日記 －店の親父と定食と－

だらんだらんした生き物の停滞する日記。もう大概ツイッターにしかいませんけど

rssをhtmlに読み込む

PC

Google Feed API — Google Developersでrssをhtmlに読み込むというか、組み込めますが、
まあ、平たく言うと、htmlがrssフィード化する感じか。
で、現状のウチのトップは↓こうなってます。
ま、俺用の備忘録ですけど、やってみたい人は、キーをGoogle Feed API — Google Developersで貰って来てカスタマイズって使えば？
あ、キーは貼り込むサイトの方のURLで取るんですよ。
（例：うちの場合はhttp://www.geocities.jp/miseoya1/）
キーの所とrssのURLの所を直してね。DOCTYPEとかも必要に応じて適当に。

<!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>ページタイトル</title>
    <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("rssのURL");
  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 += "<li>" + date +"<br /><a href='" + entry.link + "' target='_top'>" + entry.title + "</a></li>";
      }
    }
  });
}
google.setOnLoadCallback(initialize);

</script>
</head>
<body>
<div id="feed"></div>
</body>
</html>