たけまる / twitter

_ Twitter Timeline をアップデート [timeline][twitter]

Twitter Timeline [2007-09-14-1] をアップデートしました．Twitter
Timeline は，Twitter の発言を年表のように表示するマッシュアップで
す．

http://teahut.sakura.ne.jp/timeline/twitter/?user=takemaru_jp

Timeline 表示ライブラリを開発している MIT をはじめ何名かから好評を
いただいたので，自動更新や投稿機能を追加しました．普通の Twitter
クライアントとして使えなくもないです．

以下，追加した機能です．

■ 自動更新

デフォルトでは 3 分ごとに更新します．新しい発言があったときは，背
景をフラッシュして知らせてくれます．また，URL に "interval=60" の
ようなパラメータを追加すると，60 秒ごとに更新するように変更できま
す．

発言が重なって表示されるときは，画面から外れるまで横にスライドさせ
てください (ほっといても直りますが)．

■ Twitter Timeline から発言

ページ上部にパスワードと発言を入力し，ENTER キーを押すと，発言が投
稿されます．投稿結果はテキストボックスの右に表示されます (success
or error)．

クロスドメイン制限のため，発言はこのサーバに用意した CGI を介して
投稿されますのでご了承ください (パスワードは保存していません)．CGI
のソースをさらしておきます．

http://teahut.sakura.ne.jp/timeline/twitter/proxy_cgi

■ パラメータの自動設定

タイムゾーンや年表部分の高さを自動的に設定するようにしました．

なお，以前のバージョンでは，scale パラメータを設定することによって
縮尺を調整できました．フォームはなくなりましたが，この機能は生きて
います．表示が混みいっているときは "scale=2" のように 1 より大きな
値を設定してみてください．

■ 発言内の URL へのリンクを表示

Timeline の仕様上，発言内の URL 部分をリンクにすることはできないの
ですが，発言をクリックして表示されるバルーン内にリンクをはりました．

_ Twitter を時の流れで表現する [twitter][timeline]

ありそうでなかった (ようでやっぱりあるのか?) マッシュアップです．
Twitter を年表のように表示してみました．

# IE だと動かないです m(_ _)m 理由不明．

作ってみたら意外に面白かったので公開します．下の画像をクリックする
と，僕と友だちの Twitter の流れを見ることができます．


次は，JavaScript で有名な amachang が見ている Twitter を再現してみ
ましょう．
Twitter Timeline - amachang/with_friends

なんとなく，amachang になった気分になれます?

"Twitter はテキストフローだ" という人がいますが，このツールはその
人が感じている時の流れをよく表していると思います．朝に人々が起きて
くる様子や，"@" を使った掛け合いの様子もよくわかります．

年表はマウスでドラッグして移動できます．下の帯をドラッグすると，素
早く移動できます．

左上のテキストボックスでユーザを変更できます．

scale は縮尺のようなものです．Following の多い人は大きな値を入れて
ください．

ページ下部にある Filter を使うと，発言をフィルタすることができます．
たとえば，Filter にユーザ名を入れると，その人に関する発言のみが表
示されるようになります．

■ 技術情報

年表表示には MIT SIMILE Timeline を使い，JSONP で Twitter API をた
たいています．まず，最新の 20 件が表示され，5 秒に 20 件ずつ増えて
いきます．
SIMILE - Timeline

このマッシュアップは，shinichitomita さんの "Timeline + Google
Calendar" に影響を受けています．
snippets from shinichitomita’s journal - MIT SIMILE TimelineとGoogleカレンダー プライベートスケジュールのマッシュアップ

じつは，任意の Feed を Timeline で表示するツールはすでにあります．
Create a Timeline : My Timelines
しかし，Twitter の表示には向いていない点がいくつかありました．アイ
コンを表示できない，1 ページ目しか取得できない，日本語が通らない．
Scale が不適切，など．