June 2010
492 posts
TapTapTumblrで高速写真ブラウズ: photo stage機能
写真ポストを一覧表示できるphoto stage機能を実装しました。
Photo stage機能によって、jキーを摩耗させずに大量の写真ポストを閲覧することができるようになります。エコですね。
キーボードの’i’キーか左上の写真アイコンをクリックすることで、写真の一覧が表示されます。お好みの写真をクリックすることで、そのポストへと移動することができます。
写真一覧のページ移動は ‘h’, ‘l’ キーに割り当てられています。まあ普通に矢印ボタンをクリックしてもいいでしょう。
現在のところ、以下のブラウザで動作を確認しています。
Google Chrome 5.0
Firefox 3.6
iPhone 3GS Safari
まー Mac の Safari なら動くんじゃないですかね。あと iPad...
Endless summer on dsbd的な何かを実装しました
リクエストがあったので、endless summer on dsbd的な機能をTapTapTumblrに実装しました。
Endless summer とは？
自分もリクエストをうけるまで知らなかったんですが、ダッシュボードの内容をランダムに並び変えて表示してくれるGreasemonkey scriptのことだそうです。普通にダッシュボードを読んでればすぐに前回読んだところまで到達してしまうのですが、endless summerを使うことによって過去の大量のpostの海を漂うことが可能となる、というわけです。
つかいかた
新たにTapTapTumblrのUIに加わったお花のアイコンをクリックすると、endless summerモードになります。
Endless summerモードでは、お花とタイトルバーの色がオレンジ色になります。Endless...
Firefoxに対応しました
一部デザインが完全ではないものの、FirefoxでもTapTapTumblrが問題無く動作するようになりました。これで、Google ChromeとSafariとFirefoxの3種類のブラウザで使用できることが確認できました。
MacのSafariはMac持ってないのでしりません。WindowsのSafariはOKでした。Operaはガタガタでした。
まあFirefoxで動くようになったとはいえ、Chromeの速さにはかなわないと思います。TapTapTumblr専用ブラウザとしてGoogle Chromeをオススメします。
デモはこちら: http://unicus.ddo.jp/haya/ttt-demo/
配布(github)はこちら: http://github.com/hayamiz/tap-tap-tumblr
TapTapTumblrのWebサービス化について
以前、TapTapTumblrが各自設置型CGIな理由でなぜWebサービス化するつもりがないか、ということを説明しました。いくつか理由はあるのですが、ログイン情報をあずかりたくない、またログイン情報を入力させるインターフェースでよいものを思い付かないといった理由からWebサービス化はめんどいなあと思っていたのですが、わりと少ない努力でさっくりと解決できそうな手立てを思いつきました。
というわけで、気がむいたらWebサービス化するかもしれません。期待せずにおまちください。
画像が画面内におさまるようになりました
TapTapTumblrで画像ポストを眺めるときに、いちいちスクロールする必要がなくなりました。
ウィンドウのサイズにあわせて、画像のサイズを適切に変更してくれます。
またUIの変更として、Google Chromeを使っている場合には next, prev, reblogなどのボタンがポストの下に表示されるようになりました。画像の描画領域をすこしでも大きくするための変更です。
デモはこちら: http://unicus.ddo.jp/haya/ttt-demo/
配布(github)はこちら: http://github.com/hayamiz/tap-tap-tumblr
TapTapTumblrさらに高速化
Ajax(XMLHttpRequest)って、プログラミングモデルとしては非同期なんですが、実際のリクエスト自体はシリアライズされてしまっているみたいなんですよね。そのために、非同期に多数のreblogをしようとしても、結局はシリアライズされて1つずつしかreblogできていませんでした。界王拳ヘビーユーザーにとっては由々しき事態です。
というわけで、サーバー側のCGIにリクエストの処理を丸投げして、Ajaxのリクエスト自体には即座にレスポンスを返すようにしました。これによって、reblogの速度が体感速度的にも、また実際の多重度的にも向上しました。
これで安心して100倍界王拳をうてますね。
mofigan's tumblr.: TapTapTumblrをローカルサーバにインストールしてみた →
tumblrのDashboardをブラウザで高速に閲覧できるCGI&JavaScriptセット。各自でサーバに設置する必要がある、とのことだったのでスルーしていたのですが、デモムービーをみたら鬼のような速さに魅せられたので、coLinux上のlighttpdにいれてみました。rubyなcgiが動くサーバがあるならインストールできると思います。
ソース
Tumblr gear lovers, reblog monkeyに贈る: TapTapTumblr - 日記を書く [・w・] はやみずさん
TapTapTumblrによる高速reblog - 日記を書く…
すばらしいまとめ
6/7の純情な感情
Tumblrはtext, photo, quote, link, chat, audio, videoの7色からできているわけですが、TapTapTumblrはこのたびaudioを除く6つに対応しました！ぱちぱち。
しかし、videoは（iPhone用ページをスクレイピングしている都合上)直接表示させられないという微妙なかんじです。
ふつうのdashboardスクレイピングするかなー解析めんどいなー
デモはこちら: http://unicus.ddo.jp/haya/ttt-demo/
配布(github)はこちら: http://github.com/hayamiz/tap-tap-tumblr
TapTapTumblr配布場所 →
test post
hayamiz: taptaptumblrでchat表示できないやん
hayamiz: いまからやります
写真と引用
じつはTapTapTumblrの実装は、写真(photo)と引用(quote)しか表示しないようになっていたり。
なんでかっていうと、実装をサボっているだけです。
というわけで、いまから実装します。
じぶんを無視
自分のポストをスキップする機能をつけました。
デフォルトでonになってます。
デモはこちら: http://unicus.ddo.jp/haya/ttt-demo/
配布(github)はこちら: http://github.com/hayamiz/tap-tap-tumblr
jqtouchやめました
TapTapTumblrは当初JQTouchというiPhone アプリ風Webサイト簡単構築ツールみたいなのを使ってたんですが、なんか色々重いし不便なのでやめました。JQTouchのベースになってるjQueryはつかってます。
jQueryのSelectors重いとかいう噂をききますが、そんなもん毎アクションごとに呼んでたら重いにきまってるので、初期化時にDOM取得するのにだけつかってあとはグローバル変数に覚えさせたりしています。動きゃいいんだよ動きゃ。
TapTapTumblrはじめました
TapTapTumblrの情報をここで発信してみることにしました。
といっても気まぐれなのであまりあてにしないでね。
とりあえず
MacにTapTapTumblrセットアップした。いいね。欲を言えばreblogしたとき次のitemに自動で切り変えてほしいなー
http://twitter.com/retlet/statuses/16082711281
を実装しました。
デモはこちら: http://unicus.ddo.jp/haya/ttt-demo/
配布(github)はこちら: http://github.com/hayamiz/tap-tap-tumblr
“沖縄なんて最寄のアニメイトは台湾だよ；；”
– 最寄 続・妄想的日常 (via yuria, konishiroku) (via hawelka) (via shikiko) (via s-wool) (via nicotineaddictjp) (via otsune)
“「マスゴミ」 ←これ使う人は 「俺が望むことを俺が望むように報道しない既存メディアはゴミ」 という価値観の持ち主であり骨の髄まで既存メディアに依存した残念な人であ...”
– Twitter / 東海大相模と東海大相撲は似ている (via raurublock) (via pdl2h)
“2010年6月13日(おそらくは午後のどこか)、広州にてUnicom 3Gで使用しているXperia X10でGmailにアクセス出来無くなったのに気付く。...”
– 普通的生活 » 中国にてAndroidからGoogleにログイン出来無くなった (via do-nothing) (via uncate) (via tiga) (via twinleaves) (via pdl2h)
“SeaMicro has developed a server that packs in 512 low-power Intel Atom...”
– SeaMicro’s Cloud Server Sports 512 Atom Processors - PCWorld (via pdl2h)
“ 「自転車のまちづくり」を進める宇都宮市は、ＪＲ宇都宮駅西口に自転車の修理や洗浄、シャワースペースなどを備えたモビリティセンターを設置する。同市ではアジア最高峰の...”
– 集えレーサー ＪＲ宇都宮駅前に専用モビリティセンター設置 - MSN産経ニュース (via cycling-ex) (via pdl2h)
“SeaMicro has developed a server that packs in 512 low-power Intel Atom...”
– SeaMicro’s Cloud Server Sports 512 Atom Processors - PCWorld (via pdl2h)
“【社会】君が代斉唱で起立しない教職員がいれば校名を公表…北海道教委が検討...”
– 丁寧語とか、礼儀正しく書いてみる日記２： 6/14 起立も出来ない障害者教師 (via s-hsmt) (via kml) (via twinleaves) (via otsune)
“なお、Windows XP SP2のサポートは先行して7月13日に終了。SP3は2014年4月までまだまだサポートされます。”
– Windows XP Home、10月22日にようやく新規提供終了 (via kogumarecord) (via pdl2h)
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“インターネットなどで情報が簡単に得られることで、異性を見る目のハードルが上がったのは間違いないと思います。その結果、今まで情報不足=近場でそこそこのレベルで成り立...”
– 縁側:「草食系男子」をぶった切る
わたし食虫植物系熟女
(via motomocomo)
(via otsune
)
私の見方はちょっと違うなあ。昔の若者男子は男性側・女性側それぞれの建前と本音の二重性を理解した上でそれを是として順応してた。女性側の本音を皆がわかっていて、それを敢えて表に出さないというのが日本の美徳だった。 ...
“ちなみに明治以降に日本を知った欧米経済人が一様に驚愕した言葉がある。
「風が吹けば桶屋が儲かる」
...”
– ベア速 日本SUGEEEEEEEEEEEEEEEE!ってなるコピペくれ (via regicat) (via uowou) (via andi-b) (via hsmt) (via appbank)
“ちなみに明治以降に日本を知った欧米経済人が一様に驚愕した言葉がある。
「風が吹けば桶屋が儲かる」
...”
– ベア速 日本SUGEEEEEEEEEEEEEEEE!ってなるコピペくれ (via regicat) (via uowou) (via andi-b) (via hsmt) (via appbank)