twitterのstatusを貼るには

今まで、TwitterのRSS feedをRSSモジュールで取得して使ってたんだけど、30分間隔でしか更新してくれないので何とも微妙な感じ。

• はてなダイアリーガイド「モジュール一覧(1)」とは - はてなキーワード
• RSSを使った最新情報を表示する（rssモジュール） - はてなダイアリーのヘルプ

それほどヘビーに更新する方ではないんだけど。
で、Twitterもブログパーツとして貼れるらしいということで試してみました。

• http://twitter.com/badges/
• 対応ブログパーツ一覧 - はてなダイアリーのヘルプ

こんな感じで貼ります。リアルタイムで更新されてるのでちょっと感動。

<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script text="text/javascript" src="http://twitter.com/statuses/user_timeline/kkobayashi.json?callback=twitterCallback2&count=1"></script>

blogger.jsのソースを見てみると、id="twitter_update_list"のタグの中にリストを埋め込む形になっているようです。引数のcount=1を変えると、最新のステータスをいくつ表示するかが変えられるみたい。

function twitterCallback2(obj) {
	var twitters = obj;
	var statusHTML = "";
	var username = "";
	for (var i=0; i<twitters.length; i++){
		username = twitters[i].user.screen_name
		statusHTML += ('<li><span>'+twitters[i].text+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a></li>')
	}
	document.getElementById('twitter_update_list').innerHTML = statusHTML;
}

はてなのサイドバーに登録するには・・・

<div class="hatena-module">
<div class="hatena-moduletitle"><a href="http://twitter.com/kkobayashi">ひとこと</a></div>
<div class="hatena-modulebody">
<ul class="hatena-section" id="twitter_update_list"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script text="text/javascript" src="http://twitter.com/statuses/user_timeline/kkobayashi.json?callback=twitterCallback2&count=1"></script>
</div>
</div>