ブログ

たけまる / twitter


2007-10-03 Wed

_ 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 部分をリンクにすることはできないの
ですが,発言をクリックして表示されるバルーン内にリンクをはりました.

2007-09-14 Fri

_ 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 が不適切,など.
Referrer (Inside): [2007-10-03-1]