モンスターカレンダー

« 2010年1月 »
12345678910111213141516171819202122232425262728293031

Yahoo! Pipesを使って複数RSSをまとめる その1

| コメント(0) | トラックバック(0)

カアサンズサイトをリニューアルしています。
年明けと共にリニュの予定だったのですが、年末年始のあれこれに
忙殺され、いまだ作業中です。^^;

そこで、三人のブログからRSSをひっぱってきてごちゃ混ぜで表示をさせよう
と言うことになったのですが、cgiは動かないし、なんだかうまくいかない。
Google先生にお世話になりつつ、
「Google AJAX Feed API」を使って外部RSSを読み込む。/ライブラリー: アファメーションで独立・起業・夢実現。「いきなり!社長宣言!!」-"夢は口に出すことで実現する!"というアファメーション
デベロッパー ガイド - Google AJAX Feed API - Google Code
などのお世話になりつつ、作り上げたのがこれ。

<!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>
<link rel="stylesheet" href="/common/css/import.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAABimkmo9fcRhb5cQrcsz_hTymQXfiXPmn8PEK7bgMBFVCrLW9xSg_9d27Pz25GqK_dOeNd4De6_yEg"></script>
    <script type="text/javascript">
 
    google.load("feeds", "1");
 
    function initialize() {
      var feed = new google.feeds.Feed("http://rssmix.the-search.jp/13827.xml");
   feed.setNumEntries(10)  
   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 div = document.createElement("li");
div.setAttribute("class","hoge");
         var a = document.createElement("a");  
         a.href = entry.link;  
         var list = entry.title;  
         a.appendChild(document.createTextNode(list));  
         div.appendChild(a);  
         container.appendChild(div);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);
 
    </script>
  </head>
  <body>
    <ul id="feed"></div>
  </body>
</html>

サンプル

ちなみにRSSをミックスするのに使ったのは「The Search RSS Mix」です。

これだと、classをひとつしかつけられないとか(もっと条件文書けばいいんですけど)
ごちゃ混ぜにならないとか問題があったので、いろいろな方に相談しました。
そうしたらrewさんから
Yahoo Pipesで繋げちゃうとか?」というご提案を。

Yahoo Pipesってなに?
から入った私。
さて、ちゃんとできたかどうかはまた次回。

トラックバック(0)

トラックバックURL: http://www.nattydesign.com/mt5/mt-tb.cgi/76

コメントする