motemenのブックマーク - はてなブックマーク

pixivポップボードのキャッシュの仕組みとFacebookのUIの話

pixivポップボードのキャッシュの仕組みとFacebookのUIの話こんにちは。JavaScript Advent Calendar 2011 オレ標準コース18日目の@ykskです。先日pixivにポップボードという通知機能がリリースされました。自分がお気に入りユーザーに追加されたり、投稿したイラストがブックマークされたりした時にヘッダーに未読件数などのお知らせを表示します。僕は直接機能を実装していたわけではないのですが、リリース直後に起こった負荷の問題でJSを書きました。今日はその話をします。主にUIの話です！え！リリース直後、定期的に未読数の更新をAjaxで行っていた部分の負荷が急激に上がりました。ページロード時にHTMLに未読数を埋め込んだあと、2分ごとに未読数取得APIへリクエストするという処理です。ポップボードはヘッダーに出るため、ほぼ全てのページでこの処理が入りま

motemen 2011/12/19

リンク

less - pixiv Tech MeetingでpixivのJSの話をしました

pixiv Tech MeetingでpixivのJSの話をしました資料置いときますね。 pixiv.js -4年目のサービスをきれいにしよう- まだ全然途中なんですが、やってることやりたいことを話しました。使っているURLディスパッチャーは名前空間以外gistにあるものとだいたい同じです。URLディスパッチャーとLABjsの組み合わせはお気に入り。 LABjsとか結構危うい感じもするので、一応将来的に構成が変わっても書き換えやすいようには作ってます。

motemen 2010/12/21

リンク

less - 画像限定Tumblrクライアント「pixel bottle」作りました

Tumblr Dashboardの画像を表示するウェブアプリ、pixel bottleを作りました。 pixel bottle 以下のような機能があります。 1分おきに自動でリロード。画像は直近100件程表示されますリブログ、Like、Unlikeが出来ます Fluidで作成したOS X用のアプリを用意しました。Dockに未読バッジを表示したりGrowl通知したりします HTML5です常にデスクトップに表示してDashboardの画像をチェック、リブログする想定で作りました。一瞬で好みを判断出来る画像なら作業しながら楽しく使えるかなと思っています。若干色を薄くしてTumblrの証（エロ画像）が流れてきても目立たないように配慮しました（健全な方が多いようなら透明度のオプションを追加するつもりです）。ずっと表示してると誰がいつリブログしてるかが分かったりして面白いよ・・！よかったら使っ

motemen 2010/05/29

リンク

less - Tumblrで誰に多くリブログされたかをグラフ化してみた

以前Twitterでtumblrのアクティビティをメールに流しておくとスレッド表示で誰にどれくらいリブログされてるのかが分かる。とつぶやいたのですが、スレッド表示だと感覚でしか分からないのでyksk.tumblr.comの被リブログ数を実際に集計してグラフにしてみました。自分の場合少数の近い人がリブログしまくっていて、ほとんどは1人1リブログ。もう少しきれいなロングテールになるかと思っていたけど、だいぶ極端な結果になりました。誰に多くリブログされたかとかは伏せておきます・・。もう少し安定してくると面白いかな。グラフの作り方。MacなのでMacです。流れは Tumblrからリブログ通知メールを送るように設定 Mail.appで受信。ルールからAppleScript（から実行したRuby）を走らせてデータを集計作ったデータからGoogle Charts APIを使ってグラフを作成です。