Google Feed APIでRSSを表示してみる

index.html

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">

  // RSSのURL
  var RSS_URL = "http://feeds.feedburner.com/hatena/b/hotentry";

  google.load("feeds", "1");
  function initialize() {
    var feed = new google.feeds.Feed(RSS_URL);
    feed.setNumEntries(999);  // 取得するRSSの最大数（今回は、適当に999とでもしておく）
    feed.load(function(result) {
      if (!result.error) {
        for (var i = 0; i < result.feed.entries.length; i++) {
          var entry = result.feed.entries[i];
          var html = "";
          html += "<a href='" + entry.link + "'>";      // URL
          html += entry.title + '</a>';                 // タイトル
          html += " (" + entry.publishedDate + ')<br>'; // 日付
          $("#feed").append(html);
        }
      }
    });
  }
  google.setOnLoadCallback(initialize);

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

ブラウザで表示すると、下記のような感じでRSSが表示される。