人力検索はてなをちょっとだけ便利にするグリモンを作った

greasemonkey

【Greasemonkey】人力検索のプロフィールページを対象とした Greasemonkey スクリプトを作っています。 1. 支払い率と受け取り率を色分けする。（添付画像参照。 http://ww.. - 人力検索はてな
人力検索のプロフィールページをあれこれする Greasemonkey スクリプト - Meeya Meefla
を見て刺激され作ってみた。

主な機能

  • 質問ページのサイドバーに質問者の簡単なプロフィールを表示する。
  • ヘッダーにはてなポイント履歴ページへのリンクを付ける。
  • プロフィールページに詳細プロフィールとダイアリーのリンクを付ける。
  • プロフィールページに総(支払い|受け取り)ポイントを表示する

ポイントの部分にマウスカーソルを乗せると総(支払い|受け取り)ポイントがツールチップで表示されます。読み込み中はAjax風の画像が表示されます。

インストール

Hatena Question Plus for Greasemonkey

感想

「この人は質問にいくらポイント（お金）をかけてるんだろー」とか、「こんなに回答していくらポイントもらってんねん」と思っていたので使いやすさと視認性を考えながら、ポイント目当ての回答者目線で作りました。
E4Xの変数展開は{foo}すればいいけど、ダブルクォーテーションに囲まれたところに展開したい場合はreplaceで置換した。この方法はid:amachangのページを参考にした。感謝。
慣れないselectorAPIとE4X使いまくりでおかしくなってきた。E4Xとdocument.createRange().createContextualFragmentをコンビで使ってるけどあってるかな。


追記
replaceしなくても、

var userId = "Cherenkov";
var src = <img src={"http://www.hatena.ne.jp/users/Ch/"+userId+"/profile.gif"}/>.toXMLString();

こうすりゃいいのか。

参考