Hatena::Groupchronicle

記憶する部屋

 | 

2008-07-16はてブに各ソーシャルブックマーク数と円グラフを表示するGreasemonkey

(例:http://b.hatena.ne.jp/entry/http://www.google.co.jp/

こんな感じに、はてなブックマークエントリーページに各ソーシャルブックマークブックマーク数とその割合を表示しています。

円グラフを表示したくない場合は

var pie_chart = true ;

を false にしてください。初期設定は true になってます。


この Greasemonkey はこちらの API を利用させていただきました。

SBM Common API を作りました ::: creazy photograph

従来であれば、それぞれのソーシャルブックマークを一つ一つ情報を得る必要がありましたが、こちらで一括で取得できるのでとても簡単にこうした Greasemonkey などが作れますね。


表示するソーシャルブックマークは、はてなブックマークは当然として

です。

また、円グラフの表示には Google Chart API を利用しています。

インストール

インストールはこちらから

http://userscripts.org/scripts/show/41490

更新履歴

2008/07/16:公開

2009/01/31:リニューアルに対応


Google Chart API は以前は漢字などが使えなかったのですが、今回試してみたらどうやら大丈夫のようですね。手軽に円グラフを描けて便利だったのですが、利用するにあたってはそれがネックだったのでこれから色々と活用できそう。


関連エントリーブックマークコメントの下にするGreasemonkey(追記アリ)

http://furukawa.rikuo.googlepages.com/HBSort_similar_entries.user.js

タイトルの通りです。

先日から追加された、はてなブックマーク関連エントリー機能が、ブックマークコメントの上にあることから下に変えて欲しい、という意見を多々見たので。

でも確実に誰かが作ってそうだなよー、と思いつつ、ま、いっか、と公開。


個人的には今は違和感あるかもしれないですが、そのうち慣れてくるんじゃないかなー、と。あと、

リリース感想として、ページの下に配置して欲しいという声を多くいただいています。検討したいと思います。ただ、新しい機能の開発直後は毎度のことなのですが、これまでの使い方の慣性が残っていて自分も客観的に判断しづらいという点があります。一週間程度様子を見た上、レイアウトを検討しようと思います。

はてなブックマークの関連エントリー機能開発、PFI さんとの合宿 - naoyaのはてなダイアリー

とのことなので、早晩 下に配置されるかもしれませんが。


追記:関連エントリーの位置が変更になりました

初期状態で、ブックマークコメントの下になりましたので、上記のGreasemonkeyを使うと逆にコメントの上になります。これはこれで見やすい、という方はどうぞご利用ください。

更新履歴

2008/07/17:不具合を修正しました、具体的には

  1. ブックマーク数が少ないときに、
  2. 関連エントリーは表示されないが
  3. 「このエントリーブックマークしているユーザー」または「このエントリー含む日記」ある場合
  4. ブックマークコメントの順序を入れ替えてしまう

という不具合がありました。

(例:http://b.hatena.ne.jp/entry/http://chronicle.g.hatena.ne.jp/rikuo/20080716

現在は修正したので、このように順序を入れ替えません。


個人的な備忘録

var xpath = 'descendant::div[@class="info"][ ul[@id="bookmarked_user"] or ul[@id="similar_entries"] ]';

子要素に、id=bookmarked_user かまたは id=similar_entries を含む class=info の選択の仕方。

 |