はてブだんじょん：ダンジョン探検風(?)にはてなブックマークのお気に入り巡りをするスクリプト(ブックマークレット/Greasemonkey/SeaHorse)

はてなブックマークのお気に入りを、ダンジョン探検のように(?)巡ってみるスクリプトを作ってみました。

なにを言っているかよくわかりませんか？私も自分で書いててよくわかりません(笑)。

とりあえず、画面はこんな感じになります。

■ブックマークレット

はてブだんじょん

■ユーザースクリプト（Greasemonkey／SeaHorse）

はてブだんじょん

ユーザースクリプトの方は、ブックマークレットと同じスクリプトを内部で読込んでいるだけの手抜き版です。出来ればちゃんと本体をローカルに置ける奴を作りたかったんですが、どうもGreasemonkey対応が面倒そうなので…。

■起動方法
【ブックマークレットの場合】

1. はてなにログインした状態で、はてなブックマーク（http://b.hatena.ne.jp/)下のどこかのページを開きます。
2. ブックマークレットを実行すると、だんじょん画面が開きます。

【ユーザースクリプトの場合】

1. スクリプトをインストールします。
2. はてなにログインした状態で、はてなブックマーク（http://b.hatena.ne.jp/)下のどこかのページを開きます。
3. 上部にある、Hatena::Bookmarkのバーの右の方に「だんじょん」というメニューが出来ています。

   

   これをクリックすると、だんじょん画面が開きます。

■操作方法
操作はキーボード主体です。

1. [↑][↓][←][→]（カーソル）キー
   MAP上を前後左右に移動します。
   WebKit系のブラウザ（SafariやChrome）だと効きません。あしからず。
2. [ j ][ k ][ h ][ l ] キー
   MAP上を後前左右に移動します。
3. [ d ] キー
   別のダンジョンに潜ります(笑)。
   実際には、カーソル位置のユーザーのお気に入りが表示されたMAPへと移動します。
   移動前のユーザーが「ROUTE」欄に追加されます。
4. [ u ] キー
   [ d ]で潜ったダンジョンから復帰します(笑)。
   実際には、[ d ]で移動するひとつ前のMAPへと戻ります。
   「ROUTE」欄からひとつ消えます。
5. [ v ] キー
   カーソル位置のユーザの最近のブックマークを表示します。
6. [ a ] キー
   カーソル位置のユーザの最近のブックマークを自動的に表示するモードに切り替えます。いちいち[ v ]を押すことなく、移動する毎に表示されます（もう一回押すと手動表示モードになります）。
7. [ f ] キー
   カーソル位置のユーザを、『お気に入りに追加』します。
8. [ F ] ([Shift]+[f])キー
   カーソル位置のユーザを、『お気に入りを解除』します。
9. [ i ] キー
   カーソル位置のユーザを、『非表示に追加』します。
10. [ I ] ([Shift]+[i])キー
    カーソル位置のユーザを、『非表示を解除』します。
11. [ c ] キー
    ダンジョン画面を閉じます。

■注意書や覚書

1. いつものように、ふと思いついてノリで作ったものです。
   当然のごとく、動作保証なんてありません。
2. 「FAVORITE」欄に表示されているのは、ログイン中ユーザのお気に入りリストです。「ENCOUNTER」欄のユーザのものではありませんので、念のため。
   「ENCOUNTER」欄ユーザのダンジョン(お気に入り)へは、[d]キーを押して潜ってください(笑)。
3. お気に入りユーザーが多い場合にはアイコン表示なんかに時間がかかるため、表示数を制限しています（MAP部分は120、FAVORITEは500まで）。
4. お気に入りリスト（http://b.hatena.ne.jp/{ID}/favorite）の読み込みに時間がかかる……お気に入りユーザ一覧だけ取れればよいのですが、なにかうまい方法ないですかねぇ？
   プロフィールページの方が軽そうだけれど、XMLHttpRequest制限にひっかかるんだよな……。
5. クロスブラウザ考慮しつつ、カーソルキーと英数キーを両方ともにキャプチャするのって、どうやるのがスマートなんだろう？onkeydownやonkeypressって仕様がよくわからん……ちゃんと調べたことないからなぁ……。