日本のTwitter トレンドを表示するiGoogle ガジェット

Twitter iGoogle

SleipnirStartをスタートページに愛用していたのだけど、各種ニュースの内容などが一覧で眺められるようにと、iGoogleに変えてみた。
で、Twitterのトレンドのガジェットを探していたんだけど（探し方が悪かった？）私が思うようなものがなかったので自分で作ってみた。

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Twitter トレンド(東京)" />
<Content type="html"><![CDATA[
 <div id="content_div"></div>
 <script type="text/javascript">
 function makeDOMRequest() { 
        var params = {};  
        params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.DOM;
        var url = "http://api.twitter.com/1/trends/1118370.xml";
        gadgets.io.makeRequest(url, response, params);
      };
 function response(obj){
        var domdata = obj.data;  
        var html = '<ul>'
　　　　var itemList = domdata.getElementsByTagName("trend");
        for (var i = 0; i < itemList.length ; i++) {
          html += "<li><a href='" + itemList.item(i).getAttribute('url') + "' target='_blank'>"
　　　　　　　　　+ itemList.item(i).firstChild.nodeValue + "</a></li>"
        }
        html += '</ul>';
 　　　 <!---書き出し-->
        document.getElementById('content_div').innerHTML = html;
 };
 <!---Gadgetロード時にmakeDOMReauest関数を実行-->
 gadgets.util.registerOnLoadHandler(makeDOMRequest);
 </script>
 <style type="text/css">
 <!--
 body {
  font-size: 80%;
 }
 ul {
  list-style-type: circle;
  margin: 2px;
  padding: 5px 0 5px 12px;
 }
 li {
  margin: 2px;
 }
 a {
  text-decoration: none;
 }
 -->
 </style>
]]></Content>
</Module>

Google Gadget Editer にコピペして保存、add to my iGoogle PageでPublishする。
思ってた以上に手軽でびっくり。＞iGoogleガジェット。
もうちょっと慣れたら公開もしてみようかな。

参考
Twitter APIドキュメント→http://dev.twitter.com/doc/get/trends/:woeid
WOEID一覧→Twitter REST API：ローカルトレンド関連の設置サンプル]
iGoogleガジェット→
RSSリーダーの作成から学ぶ、はじめてのiGoogleガジェット開発
Google Code-リモートコンテンツの処理
Google Gadget Editer→
http://code.google.com/intl/ja/apis/gadgets/docs/tools.html