Hatena::ブログ(Diary)

Cherenkovの暗中模索にっき RSSフィード Twitter

2009-08-16

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

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

人力検索のプロフィールページをあれこれする Greasemonkey スクリプト - Meeya Meefla

を見て刺激され作ってみた。


主な機能

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

f:id:Cherenkov:20090816235515p:image

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


f:id:Cherenkov:20090816235514p:image:w500


インストール

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();

こうすりゃいいのか。


参考

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト

コメントを書くには、なぞなぞ認証に回答する必要があります。

トラックバック - http://d.hatena.ne.jp/Cherenkov/20090816/p1