マウスホイールではてブコメント流し読み！『はてブBOX』(ブックマークレット/Greasemonkey/SeaHorse)

変わリ種はてブコメントビューア第3弾！
今回の『はてブBOX』はこれまでの『はてブニコす』や『はてブぽっぷ』と比べ、実用性も高いと思います。はてブコメントファンの方はぜひお試しを！

【追記：2008/03/07】……って、Greasemonkey＆SeaHorseのリンク、はてブポップになっていた……丸一日そのまま放置、すみません。
あとついでに、日付・時刻も表示するように修正しました(ver.0.01a)。
が、Yahoo!Pipes経由でとると、ときどき時間が9時間ずれる……いつもならともかく、ときどきというのが、謎(?_?)。
↓
【追記：2008/03/09】結局、y:publishedではなくdc:dateから取ることにした。
あと、履歴は今後記事の最後にまとめることにした。
ブックマークレットの方はともかく、Greasemonkey/SeaHorseは更新の都度インストールしなおしになるのが難点。外部スクリプト呼出し専用のを作ってもいいんだけど……。

■特徴

1. 見ているページにはてブコメントがついていたら、右下にコメント数付きのBOXを表示。
2. BOXのあたりにマウスカーソルを当てると、はてブコメントを付けているユーザのアイコンを読込んで表示。
   アイコンが多いと下にはみ出して見えなくなりますが……仕様です（ｗ。
3. アイコンにマウスカーソルを当てると、そのユーザのコメントをポップアップ表示。
4. マウスホイール、もしくは[←][→]のカーソルキーで、コメント切り替え。
5. BOXのクリックでそのページのはてなブックマーク画面を、アイコンのクリックでそのユーザのはてなブックマーク画面を、それぞれ呼出し。
6. はてブコメントにはてなスターをつける機能付き。

要は『はてブぽっぷ』のけれん味(笑)をなくして、操作性を向上させたものですな。
マウスホイールやキー操作によって、スクロールすることなく次々とコメントを切り替えられるので、なかなか快適！だと自分では思ってます(笑)。

IE7とFirefox2.0.0.12でしかテストはしてません……あ、Operaだとマウスホイールが効かないみたい……そのうち余裕があれば調べてみよう。
↓
【追記：2008/03/09】OperaはDOMMouseScroll未対応だったか。onmousewheel使うしかないみたい。修正してみたつもり。

■実行イメージ

■ブックマークレット

はてブBOX

ブックマークレットの登録方法等はこちら→【Web】ブックマークレットのブラウザ毎の登録方法

■Greasemonkey＆SeaHorse

はてブBOX

Seahorseの使い方については、例えばこちらとかこちら。 Greasemonkeyの使い方については、例えばこちら。

以下、個人的な覚書。

• IE7だと"keypress"ではカーソルキーが取得出来ない……"keypress"でとれるのは文字入力出来るキーだけ？
• キー入力のイベント、Firefoxだと"keydown"は単発、"keypress"はリピート可、なのかな？
• キー入力イベントを設定する対象となるオブジェクトはdocumentでいいのかな？IE7だとdocument.bodyでもいいみたいだけれど。他のオブジェクト(divとか)だとダメっぽい。
• キー入力イベントを使うときは気をつけないと思わぬ副作用が……[→]カーソルキーで横スクロールしちゃったりとか(笑)。
• イベントをキャンセルするには、ハンドラ内に細工するのが有効か。
  IE7だとハンドラの戻り値をfalseにするか、event.returnValueにfalse設定。
  Firefoxだとevent.preventDefault()[イベントキャンセル]、かな。
• event.stopPropagation()[伝播抑制]は多分、IE7のevent.cancelBubble=true相当。 IE7はイベントバブリング(子要素→親要素)固定(?)だけど、FirefoxはaddEventListenerの第3引数で切り替え出来る(true：イベントキャプチャリング)……と思ってよいのかな？

■更新履歴

• [2008/03/09](ver.0.01e～f)
  1. IEでページによってはDOMオブジェクトの挿入時にエラーとなる不具合修正(document.body.insertBefore(DOM object,document.body.lastChild)→document.body.appendChild(DOM object))(ver.0.01e)。
  2. [Shift]キーを押しながらBOXからマウスカーソルを外すと、コメント表示を維持したままになるように修正(ver.0.01f)。
     これにより、コメント部分に移動して☆を付けた人を確認したり、コメントから引用部分を選択してから☆を付けたり、コメントを付けたりすることが出来るようになった。
  3. Firefoxでコメントを切替えるときに一瞬消えてから再表示されていたのを改善(ver.0.01f)。
• [2008/03/08](ver.0.01d)
  1. はてブコメントに対してはてなスターを付ける機能追加。
  2. 日付取得をentry['y:published'].utimeから行っていたのをentry['dc:date']からに修正。
  3. その他バグフィックス。
• [2008/03/07](ver.0.01a～c)
  1. コメント日付・時刻表示(ver.0.01a)。
  2. 細かいバグフィックス(heigth→heightとか(ｗ)(ver.0.01b)。
  3. Operaのホイール対応(ver.0.01c)。
• [2008/03/06](ver.0.01)
  1. 初版リリース。