iview for Tombloo

iPhoneでtumblrのdashboardやいろんなサイトの写真をただただひたすら見ていくためのiviewは、中ではAutoPagerizeみたいにXPathで定義されたサイトの構造に従って写真を取り出して表示しています。

次のバージョン(0.0.8)で、iview用に書かれたsiteinfoみたいなのを外から読み込んで写真を表示できるようにしようとwedataのItem – データベース: iview – wedataに20くらいsiteinfoを書きました。

このsiteinfoを使ってiviewのFirefox+Tomblooバージョンを作りました。tumblrだけでなくwedataに書かれたいろんなサイトでLDRize+reblogCommandと同じようにj/kで移動してtでtumblrにpostすることができます。

使い方

以下 iview for Tombloo のインストール方法を説明します。ちなみにTombloo本体はHome — tombloo — GitHubの真ん中あたりにあるインストールというところからインストールできます。

ダウンロード

iview.js (version 0.0.2)

scriptディレクトリにコピーする

Tomblooのscriptディレクトリにダウンロードしたiview.jsをコピーします。
このディレクトリはFirefoxのプロファイルディレクトリの中にあります。
WindowsならC:\Documents and Settings\<username>\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\tombloo/script
OSXなら
/Users/<username>/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/tombloo/script
がTomblooのscriptディレクトリです。みつからないときはMozilla – プロファイルを参照して探してみてください。

iview.jsをコピーしたら一度Firefoxを再起動してください。

メニューから開く

再起動するとFirefoxのToolsメニューにあるTomblooにiviewという項目が追加されます。

これを開くとこんな

ウインドウが開くので、ここから見たいサイトを選んでクリックしてください。

台湾美少女３姉妹　画像ブログみたいに、ひとつのエントリに複数写真が入っているものも

English Russiaのように、複数の写真がべつべつのページに入っていてAutoPagerizeで見ていくこともできない構造になっているサイトも

jを押していくだけで、全部の写真を見ることができます。さらにLDRize+reblogCommandと同じようにtを押すだけでpostすることができます(Tomblooでphotoのデフォルトpost先に設定しているところすべてにpostされます)。

iview for Tomblooのいいところ

iview for Tomblooを使うと、サイトのコンテンツ構造がツリー構造になっていてAutoPagerizeではうまく見ていけないEnglish Russiaやストリートスナップ – Fashionsnap.comのようなサイトでもtumblrのdashboardと同じようにjだけで全部見ていけて、なにかがあったらtでshare可能です。

iview for TomblooはiPhoneのiviewみたいに床に寝転がって見るとかはできませんが、ふつうのディスプレイで見られるぶん大きな写真を大きなまま見ることができて、小さい画面では気がつかないような発見があったりします。あと回線もCPUも速いのでストレス無く写真を見ていくことができます。

iviewのsiteinfo

iviewのsiteinfoはItem – データベース: iview – wedataで管理されています。
iviewのsiteinfoはAutoPagerizeに比べて複雑なのに加えて、本来Web::Scraperのようにツリー構造になっているものをwedataで管理するために無理矢理平坦にしていたりして、書くのが難しいですが、もしどこかほかにiviewで見たいサイトがあったりしたら、ぜひ追加しちゃってください。

siteinfoの各項目の意味については、近いうちにまとめて書こうと思います。

注意点

• 読み込みに時間がかかって5秒くらい写真が表示されないことがあったりします。
• だいたい大丈夫そうですけど、ページによっては文字化けすることがあるかもしれません。

感想

iPhoneのiviewでsiteinfoが正しく機能するかのテストをすると、時間がかかってめんどくさかったので、siteinfo書くならべつにiPhoneじゃなくていいからFirefox上でやりたい、というのの延長で作りました。

ストリートスナップ – Fashionsnap.comやlastnightspartyは、せっかく大きな写真が見られるのにiPhoneだと画面が小さいから小さくしか表示できなくて(大きなのを表示させると展開が重くてひっかかるし落ちたりする)つまんないなーと思ってたのが解決されてよかったです。

個人的にはストリートスナップ – Fashionsnap.comにある、時計と靴写真に当然のように写っている人の肌の人によって違うところが生々しくておもしろくて、えんえんiPhoneのiviewで見たりしてたんですけど、ディスプレイが大きいとさらに細かいところまで見えて楽しいです。

あとiPhoneバージョンをjavascriptで書き直すだけ、仕様を考える必要も無く何も考えずにコードを書くだけよかったので楽で楽しかったです。クロージャが偉大です。

• javascriptはさくさく書ける
• 写真が大きくてもレンダリングでもたついたりしない
• メモリをケチったりしなくても落ちない