#tombloo

前に作ったやつTomblooのないChromeで自分をちょっとGoogle化する chromium for tableauにフォームをつけました。Windowsでもビルドしてみたんですがメニューは出るけど反応しない状態だったので相変わらずOSX版だけしかありません。 右クリックでメニューが出てくるので タグをつけたりしたい時はShare...のほうを選ぶとフォームが出てきて投稿先のサービスを選ぶことができます。 上の方の矢印ボタンを押せば(ここ壊れてるみたいで矢印出てきませんすみません...) タグやコメントをつけたりもできます。 いまのところTumblr, delicious, google bookmarks, twitter, はてなブックマークを利用できます。 写真以外のところを右クリックすればふつうにブックマークするのにも使えます。 ブックマークするのに使うだけならふつうのchromeでもbookmarkletから使うことができます。ブックマークしたいページでブックマークットを押すと上のフォームが表示されるので、タグやコメントを書いてボタンを押せばブックマークすることができます。

インストール

chromium for tableau本体

chromium.r29096.app.zip

tableau(chromium extension)

tableau-0.3.0.crx

使い方

Spark勉強会 JSplashの資料を公開＋α - 最速チュパカブラ研究会を見てpure javascriptでFlashを再生できるなら、Flashの中のオブジェクトも触り放題で長年のTumblrユーザの夢であるFlashの中身をpostできるのでは！ と思ったけど調べてみるとJSplash自体はSWFのパーサを持っているわけではなくて、あらかじめswfmill swf2xml and xml2swfで作ったXMLをJSONで持っておいてそれを使うようになっていました。そこで方向を見失ってとりあえずページの中にあるembedタグのSWFを全部読み込んで中に入っているjpegを一覧表示するものを作ってみました。

使い方

ファイルをダウンロードして、Tomblooのscriptディレクトリに入れたあと、一度Firefoxを再起動して(もしくはTomblooのファイル再読み込みを行って)からCtrl+Shift+DもしくはFirefoxのTomblooのメニューから実行します。

ダウンロード

gist: 18326 — GitHub

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

Tomblooのscriptディレクトリにダウンロードしたswfparser.jsをコピーします。コピーしたらFirefoxを再起動してください。 詳しくはiview for Tomblooのscriptディレクトリにコピーするを参照してください。

実行

Flashの表示されているページでCtrl+Shift+Dを押すかFirefoxのメニューのTools/Tombloo/swfparserという項目を選んで実行すると、Flashのファイルから抽出されたJPEGファイルがページ上部に表示されます。下はYahoo! JAPANの右側ブランドパネルFlash広告の例。

どうでもいいけどFlashが表示されるサイズよりも大きいjpegファイルが埋まってるものなんですねー。

注意点

このスクリプトはSWFファイル自体が内部に持っているJPEGデータを表示するだけなので、Flashが動的に外部から読み込んで表示しているJPEGファイルは取り出せません。

いまのところDEFINEBITSJPEG(6), DEFINEBITSJPEG2(21), DEFINEBITSJPEG3(35)で定義されている画像が取り出せます。DEFINEBITSLOSSLESS系はビットマップをWindowsのBMPに変換する方法がよくわからなかったので対応していません。

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することができます。

追記 2008.11.6

version 0.0.2でdotimpactさんにいただいたiview for Tombloo(+launch piclens) - collisions.doppac.ccを取り込みました。pを押すとPicLensが起動して写真を見ることができるようになっています。

使い方

以下 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はさくさく書ける

写真が大きくてもレンダリングでもたついたりしない