Twitter のﾀｲﾑﾗｲﾝを Web 上に表示したいという話があったので調べてみた｡
俺のﾌﾞﾛｸﾞでは Twitter 公式ｳｨｼﾞｪｯﾄを貼っている｡
http://twitter.com/goodies/widgets
↑
ここから取ってこれるﾔﾂね｡
地域系 Twitter ﾎﾟｰﾀﾙとか､そういうｻｲﾄではほとんどｺﾚ使ってるｹｰｽが多いんじゃないかな｡
ただ､これだとﾃﾞｻﾞｲﾝの自由度が無いので､もうちょい他に良いのがないかいな?と探してみると､remy sharp さんって人が公開されているﾌﾘｰの JavaScript がよさげ｡
http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/
↑
ここからﾀﾞｳﾝﾛｰﾄﾞ出来る｡
最終更新が 2009/8 なのがちょっと不安だったけど､試しに使ってみると簡単にﾀｲﾑﾗｲﾝ表示が出来た｡
ちなみに､HTML はこんな感じ｡
ﾀﾞｳﾝﾛｰﾄﾞした twitter.js は html ﾌｧｲﾙと同じとこに置いている｡
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Twitter test</title><script src="./twitter.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
getTwitters('tweet', {
id: 'Shar6507',
count: 4,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: '"%text%" <a href="%time%'">http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script></head>
<body><h1>Twitter TL 表示ﾃｽﾄ</h1>
<div id="tweet">
<p><a href="http://twitter.com/Shar6507">もし､ここにﾂｲｰﾄが表示されなかったらｸﾘｯｸしてください</a></p>
</div></body>
</html>
あとは､自分の好きなように CSS で修飾すればええだけやね｡
ということで､久しぶりにうちの会社のｻｲﾄも､社長(俺だ!笑) Tweet を流すようなﾍﾟｰｼﾞを追加して更新してみるかな｡(笑)