Twitterのフォロワー一覧のページでプロフィール情報を表示するブックマークレット書いたよ。

お久しぶりです。
更新をだいぶ怠っていたんですけど、ちょっと書いてみたブックマークレットの紹介をしときます。

内容

フォローしてる人(following)とかされてる人(followers)の一覧ページで
それぞれの最新のポストが一個だけ表示されてますけど、
個人的にはそれよりもその人のプロフィールが見たいと思って以下のようなブックマークレット書いてみました。
とっくに誰か作ってそうな気がしますが、習作ってことで。

使い方

Twitterのフォロワー一覧ページ(例:http:twitter.com/ombran/followers)で
ブラウザのアドレスバーに貼り付けて実行してみてください。

Firefox3.5.5とOpera10.01で動作確認してます。他のブラウザでもたぶん動くはず。

[注意点]表示されてるユーザ(20名)分の通信が行われるので、処理が重くなる可能性があります。

プロフィール情報追加版ブックマークレット

ユーザそれぞれの最新ポストの上にプロフィール情報が追加されます。

javascript:(function(){var addresses = $("#follow_grid address"); addresses.each(function(){ var user = $(this).find(".screenname:first > a").text(); var user_url = "http://twitter.com/" + user; var self = this; $.get(user_url, {}, function(response){ bio = $(response).find("#bio > .bio").text(); $(self).append("<br /><span>" + bio + "</span>"); }); }); })();

プロフィール情報書換版ブックマークレット

ユーザそれぞれの最新ポストをプロフィール情報に書き換えます。

javascript:(function(){ var addresses = $("#follow_grid address"); addresses.each(function(){ var user = $(this).find(".screenname:first > a").text(); var user_url = "http://twitter.com/" + user; var self = this; $.get(user_url, {}, function(response){ bio = $(response).find("#bio > .bio").text(); $(self.parentNode).find(".user-body:first .currently").replaceWith("<span>" + bio + "</span>"); }); }); })();

ソース

本当はグリモンにする予定だったんですが、jQueryの関係でうまく動作しなかったんで、
とりあえずブックマークレットで公開しました。
それぞれは以下のソースを二つに分けたものです。

(function(){
    // プロフィール情報の追記か書換かのフラグ
    // true: 書換,  false: 追記
    var replace = false;

    var addresses = $("#follow_grid address");
    addresses.each(function(){
        // ユーザ名取得
        var user = $(this).find(".screenname:first > a").text();
        var user_url = "http://twitter.com/" + user;

        // プロフィール追加
        var self = this;
        $.get(user_url, {}, function(response){
            // ユーザページからプロフィール情報取得
            bio = $(response).find("#bio > .bio").text();

            if(replace){
                // 表示内容をプロフィール情報に書換
                $(self.parentNode).find(".user-body:first .currently").replaceWith("<span>" + bio + "</span>");
            } else {
                // 表示内容にプロフィール情報を追加
                $(self).append("<br /><span>" + bio + "</span>");
            }
        });
    });
})();

以上

リストとか作成するときに、プロフィール情報見れたほうが便利だろうなー、と思って作りました。
TwitterjQuery使ってるみたいなので、かなり楽してますw
使ってみたい方はご自由にお使いください。