■Google Reader+Firefoxではてなブックマークを快適に使う方法

やりたいこと

以下を全てGoogle Reader上で行いたい。

1. フィードを登録する。
2. リスト表示で記事タイトルを眺める。
3. 気に入った記事をクリックして全文読む。
4. 気に入った記事へはてなスターを付ける。
5. はてブのコメントを見る。
6. ブコメへはてなスターを付ける。
7. はてブにコメントを登録する。

まず、やったこと

以下をインストール

• はてなブックマークFirefox拡張（Hatena Bookmark :: Add-ons for Firefox）
• Greasemonkey（Greasemonkey :: Add-ons for Firefox）（強制インストールでOK）
• Google Reader Full Feed Mod（Google Reader Full Feed Mod for Greasemonkey）
• Google Reader plus Hatena（ gr-puls-hatena - GoogleReaderにはてなブックマークのコメントなどを表示する機能を付けるユーザースクリプト - Google Project Hosting ）

Google Reader Full Feed Modの設定変更

タイトルをクリックしたら自動的に全文を取得して表示して欲しい。以下の設定を行うと出来る。

1. Google Reader右上のギアマークをクリック→「Full Feed Mod設定」をクリック→「Auto Load」をクリック
2. 「自動的に全文表示するアイテム」を「すべて」に変更
3. 「OK」をクリック

Google Reader plus Hatenaの改造

ブコメが表示されないので、これを直したい。

id:northappleさんが「googleリーダー内ではてなブックマークのコメントを参照したいで.. - 人力検索はてな」という質問の回答及びコメント欄でこれを直す方法を教えてくれている。よって、その通りに変更すると直る。2ヶ所置換が必要。

不満な点

1. Google Readerからワンクリックで「はてなブックマークFirefox拡張」の「ブックマークを追加」ウィンドウを開いて欲しい。
2. ブコメには作成年月日だけではなく、時分も表示して欲しい。
3. 記事を開いたら自動でブコメをロードして欲しい。
4. Google Reader上で記事へはてなスターを付けたい。
5. Google Reader上でブコメへはてなスターを付けたい。
6. タイトルが長いとブクマ数が隠れてしまうので、それを見えるようにしたい。

改造方法

以下、Google Reader plus Hatenaの変更点です。変更するには、Firefoxの右上にある猿（Greasemonkey）のアイコンの右にある下矢印をクリック→「ユーザスクリプトの管理」をクリック→「Google Reader plus Hatena」の「設定」をクリック→「このユーザスクリプトを編集します」をクリックするとエディタで「Google Reader plus Hatena」のスクリプトが表示されるのでそれを編集する。

1. Google Readerからワンクリックで「はてなブックマークFirefox拡張」の「ブックマークを追加」ウィンドウを開く。

62行目

mySpan.innerHTML = '<a href="http://b.hatena.ne.jp/entry/'+url+'" onClick="window.open(this.href,\'\',\'status=yes,scrollbars=yes,directories=yes,menubar=yes,resizable=yes,toolbar=yes\'); return false;" ><img src="'+ BookmarkImageURL +'" /></a>';

を、

mySpan.innerHTML = '<a href="http://b.hatena.ne.jp/my/add.confirm?url='+url+'"><img src="'+ BookmarkImageURL +'" /></a>';

に変更。これで「○○ users」をクリックすると、目的のウィンドウが開くようになる。

2. ブコメには作成年月日だけではなく、時分も表示する。

147行目

var t = bookmark.timestamp.split(" ")[0].split("/");

を、

var t = bookmark.timestamp;

に変更。

156行目、

html += "<li><span class=\"__hatena_bookmark_anywhere_timestamp\">"+escapeHTML(t[0])+"年"+escapeHTML(t[1])+"月"+escapeHTML(t[2])+"日</span><img src=\"http://www.hatena.ne.jp/users/"+escapeHTML(bookmark.user.substring(0,2))+"/"+bookmark.user+"/profile_s.gif\" width=\"16\" height=\"16\"><a href=\"http://b.hatena.ne.jp/"+escapeHTML(bookmark.user)+"/"+escapeHTML(t.join(""))+"\" class=\"hatena_bookmark_anywhere_user\">"+escapeHTML(bookmark.user)+"</a><span class=\"hatena_bookmark_anywhere_tags\">"+tags.join(", ")+"</span>"+escapeHTML(bookmark.comment)+"</li>";

を、

html += "<li><span class=\"__hatena_bookmark_anywhere_timestamp\">"+escapeHTML(t.slice(2,-3))+"</span><img src=\"http://www.hatena.ne.jp/users/"+escapeHTML(bookmark.user.substring(0,2))+"/"+bookmark.user+"/profile_s.gif\" width=\"16\" height=\"16\"><a href=\"http://b.hatena.ne.jp/"+escapeHTML(bookmark.user)+"/"+escapeHTML(t.split(" ")[0].split("/").join(""))+"#bookmark-"+escapeHTML(json.eid)+"\" class=\"hatena_bookmark_anywhere_user\">"+escapeHTML(bookmark.user)+"</a><span class=\"hatena_bookmark_anywhere_tags\">"+tags.join(", ")+"</span>"+escapeHTML(bookmark.comment)+"</li>";

に変更。

# ブコメのはてなスターを取得しやすいように、ブコメのリンクもブコメのパーマリンクへ変更してあります。

3. 記事を開いたら自動でブコメをロードする。

300行目（インデントしか無い空行）

を、

var evt = document.createEvent( "MouseEvents" );
evt.initEvent( "click", false, true );
createSpan.dispatchEvent( evt );

に変更。（「 JavaScriptの動かないコード　(中級編)　clickイベントを強制的に発生させたい　（fireEvent/createEventの使い方） - 主に言語とシステム開発に関して」を参考にさせて頂きました。）

4-5.

出来た。けど、めちゃくちゃソースが汚いので、差分として公開するのが難しい。ごめんなさい。

# どーやるのがベストプラクティスなのか分からない・・・

6.

どなたかご教示してくださると嬉しいです _ _

書いた人

id:al001

人力検索はてなで質問しました：人力検索はてな

Permalink | 記事への反応(0) | 17:06

ツイートシェア