timelineの最近のブログ記事



Timeline Pipo 何人か使ってくれてる人がいるようで。


よかったです。


http://2ca3.dyndns.org/blog/2ca3/archives/2007/03/niftytomeline.html


また、TimeLineを利用したサービス、Timeline Pipoというサービスがこれまたグッドハックです。*


↑使ってくれてる方の blog



自分でも薄々気づきながら 「mashu up」と言い続けて来ましたが、


やっぱどっちかと言うと「ハック」ですよね。


まあ、どっちでもいいんですけど。



どっちでもいい中でどっちか言うと、「mashu up」って言い張りたいですけど。



でも js ファイルとか flash とか丸パクリ だし、


(js に至っては本家の URL からそのまま読み込んでる。


しかも html 書き換えるのすら面倒だったので


コピペして base href足しただけ。)



そこから感じる後ろめたさとか、


そのうち誰か (@nifty Timeline の中の) に怒られるんじゃないだろうか感は


やはりどっちかというとハックであることを物語ってるのではないかと。


どっちでもいいけど。いや、どうでもいいけど。


どっちかというとどうでもいいけど。



まあ要するにパクられ元の @nifty Timeline もよろしく。大好き!ってことで。





じゃなくて、今まで当たり前すぎて思いつかなかった、


Google Calendar の XML とか ical とかも


読み込めるようにしてもいいかもなあと思った。思っただけ。



あと、 id:tsupo さんて方がはてブコメントその他で教えてくれてたんですが


http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/am11op/20070310/1173549932



IE7 で動かないので、何とかしなきゃなーと思ってます。




ログ見たりしてて気づいたけど、Timeline Pipo


は RSS が UTF-8 じゃなかったら文字化けしますな。


はてながメンテ中は表示できなくなるし。


あとやっときたいのはこんなん。



  • plnet の RSS 読み込ませてみたら、item 数多すぎて激重

  • RSS が flickr だったら縦軸はその写真の view 数にしたいけど、API では取れないぽい?

  • 縦軸に delicious のブックマーク数も足したいけど、 そういうAPI 無い?


初めて delicious 使ってみたけど、はてブと delicious 両方にブックマークしてる人て結構いますねえ。


bookmarklet とかで両方同時に登録とかできるんかな?





Timeline Pipo をサービスっぽくしてみた。



  • Web2.0 Logo Creator でロゴを作成

  • URL を入力したらその URL から RSS を探すように変更。RSS? 何それ? な人でも使いやすく。

  • ブログパーツとして使いやすく


Timeline Pipo について詳しくはこちら


http://d.hatena.ne.jp/am11op/20070310/1173549932




はてブ一覧を


Timeline Pipo 使って Timeline 上に表示させるとおもしろい。


http://pm11op.xii.jp/pm11op/timeline/?rss=http://b.hatena.ne.jp/pm11op/rss


※はてブ API に渡す URL を50個以下にしていなかったので、item 数が50件を越える場合にエラーが出てました。修正済み。




Timeline Pipo (名前付けた)を使ってへっぽこ blog を Timeline 上に表示し、


しかもブログパーツとして blog に貼り付けてみた。


http://bruebird.seesaa.net/


Timeline Pipo の説明はこちら


http://d.hatena.ne.jp/am11op/20070310/1173549932





更新履歴



07/03/18

item (記事)数が50件を越える場合にはてブ API に怒られてたのを修正しました。

07/03/17

ブログの URL から RSS の URL を見つけるようにしました。ロゴ作成しました。ブログパーツとして使いやすくなりました。

07/03/12

IE でも動作するように修正しました

07/03/12

名前つけました 「Timeline Pipo」


@nifty Timeline がとてもおもしろそうだったので、


無理矢理あれこれして、RSS を Timeline 上に表示できるようにしてみました。


それだけじゃ物足りなかったので、縦軸をはてなブックマーク数にしました。


↓こんな感じ(注 まだ FireFox でしか見られないようです)


http://pm11op.xii.jp/pm11op/timeline/?rss=http://www.ideaxidea.com/index.xml



あれこれの経緯はこんな感じ。


http://d.hatena.ne.jp/am11op/20070308



@nifty Timeline について


↓この辺が詳しいです。


@nifty:デイリーポータルZ:飲み会を年表にしてみる


これの名前


なんとなく名前つけた。


Timeline Pipo


使い方など


下のURL の{}内を適当に書き換えてください。


http://pm11op.xii.jp/pm11op/timeline/?rss={RSS の URL}



(例)


http://pm11op.xii.jp/pm11op/timeline/?rss=http://www.ideaxidea.com/index.xml



  • RSS 1.0 と RSS 2.0 に緩やかに対応してます

  • はてブがつかないサイトは、全部縦軸が0の位置に並んじゃうのでオススメしません。(つまり僕自身は使う気がしません)

  • IE で表示できないみたいです。(なんでだろう?)

  • 画像がある方が楽しいです。

    • 画像は description もしくは content:encoded に含まれる最初の画像を表示します



  • ifrmae の src 属性に上記 URL 指定したら、blog にでも貼れるかもしれません。試してないけど。試しました。貼れました。http://bruebird.seesaa.net/



一応


このサイトは @nifty Timeline とは全く関係がありません。(大好きだけど!)


勝手に使ってるだけです。



この pipe が @nifty Timeline の中の人の機嫌を損ねたら(勝手に使ってるので充分あり得る)、


何の予告も無く公開を終了するかもしれません。



または、正規の API が用意されて、外部 XML とかを受け付けるようになったら


同じく公開止めるかもです。意味無いので。


何でまた


いつも読んでる idea*idea で



就職や転職活動にはブログやSNSがよく使われますよね(人事はよく見ていますよw>学生さん)。こういうクリエイティブな手法は試してみてもよいのでは(責任は持ちませんw)?


とりあえずおすすめはNiftyのソーシャル・タイムラインで履歴書とかかな。


就職戦線真っ最中!Google Earthで履歴書はいかが? | i d e a * i d e a


こんな煽りをされてたので、試してみましたー。




詳細を開くようにした。


http://pm11op.xii.jp/pm11op/timeline/?rss=http://gigazine.net/index.php?/news/rss_2.0/


だから、なんで GIGAZINE なのかと。。。



  1. 続きを読みたい

  2. 画像とか出せないかなあ



前回の続き。


できた。


http://pm11op.xii.jp/pm11op/timeline/?rss=http://gigazine.net/index.php?/news/rss_2.0/


なんで GIGAZINE なんかはとりあえず置いておいて。


RSS をタイムラインに変換します。


RSS は行儀よくキャッシュしてるです。



  1. まだごくごく一部の RSS にしか対応してない

  2. 縦軸がなんかおかしい

  3. 詳細見られない


本家にトラックバックする無謀さ。


これってマッシュアップって呼んでいいですか。


(追記)


getのURL rss=に指定した RSS を読み込みます。




ステキサービス @nifty Timeline を使ってみました。


登録したイベントがタイムライン上に並んで楽しいです。



なんとなく中身が気になったので、firebug 使って読み込まれるファイルを監視してみました。



そしたら、データは XML として flash に読み込ませているようです。


こんなの(一覧) とか、こんなの(詳細)





さすがに、最近のサービスぽい!



てことは、任意の XML を読み込ませたりできちゃうかも。



てことで、うにゃうにゃやってみました。


うにゃうにゃの内容は、



  1. head 内で読み込んでる script タグを全部コピペ

  2. body 内で flash 書き出してる script タグをコピペ

  3. そこのパスを適当に書き換える (setFlash の引数)

  4. その直前の div タグをコピペ (ここに flash が書き出されるんだと思う)

  5. crossdomain.xml 設置 (よくわかんないけど、flash はきっとこういうの設置しとけばクロスドメインOKなのね。ステキ。)

  6. データXML ファイルをダウンロード

  7. XML 中のパスも適当に書き換える



で、任意のっていうか、カレントディレクトリの XML ファイル読み込ませる


とこまでは成功しました。


http://pm11op.xii.jp/pm11op/timeline/



本当は、RSS をこの形式の XML に変換して


自分の blog を @nifty Timeline 上に表示とか、


なんなら縦軸をはてブ数にしてとか、


一気に作りたかったけど力尽きたので、今日はここまで。



わざわざデータを XML にしてるくらいだから、


ほっといても中の人が API とかいろいろ作ってるんだろうけど。



最近流行ですよね、ただ乗り系マッシュアップ。


このやり方はちょっとあまりにも。。な気もするけど。


ていうか、多分マッシュアップ違う。