はてな

前回「Hatena bookmark anywhere to GoogleReader」という名前で配布を始めたGoogleReaderにはてなブックマークコメントを表示するユーザースクリプトですが、名前を変更してバージョンアップしました！

Google Reader plus Hatena

今回のバージョンアップは細かな部分の修正と、ブックマース登録数の表示機能の追加です。

覚えたてのJavaScriptの為大量の修正が入っています。以前よりも動作が安定しました。
特にGreaseKit(Safari)版では、JSONPを利用しているため隣の記事のブックマークコメントを拾ってくる事などが発生していましたが、JSONPを埋め込む毎にユニークなグローバル変数を使用する様にすることで、そう言ったことが無くなりました。

その他修正内容

• スタイルシート
  Google readerに合わせて少し修正しました。
• ブックマーク登録数の表示
  ブックマーク登録数の表示が可能になりましたが、この機能をオフにするには直接スクリプトを修正する必要があります。
• ブックマーク読み込み中アニメーション
  今回からブックマーク読み込み中のアニメーションを表示する様になりました。
• 再読み込み機能
  「HatenaB」のリンクを再度クリックすることで、ブックマークを再度読み込むようになりました

また、デフォルトではタグ付けのみのブックマークは表示しない様になっております。
現在開発途中ですが、今後タグ付けも表示する機能を盛り込む予定です。

ダウンロード
今回からダウンロードはGoogle Codeから行える様にしました。下記ページよりダウンロードしてください。

http://code.google.com/p/gr-puls-hatena/

追記：
前回のスクリプトをインストールしている場合は、今回のスクリプトを入れても上書きされないので、手動でアンインストールしてください。

はてなユーザーはブログのコメント欄よりも、はてなブにコメントを書くことが多い。それを見るために新しいウインドウを開くのがとても面倒だったので、GoogleReaderの画面に直接表示するスクリプトを書きました！

FireFoxのアドオン「Greasemonkey」又は、Safari(WebKit)のプラグイン「GreaseKit」を使用して、GoogleReaderで今見ている記事のフッター部分にはてなブのコメントを表示するスクリプトです。

スクリプトの大半は「hatana_bookmark_anywhere.js」というブログのコメント欄の下などに、はてなブのコメントを表示するスクリプトを使用しています。
なので簡単に作れるかと思ったんだけど、JavaScript初心者の俺には一晩では終わらなかった･･･ orz
（普段javascriptライブラリに頼っていたからXPathとか初めて使った）

使い方

１，GoogleReaderで「はてなブ」のコメントを表示したい記事を表示させます。このとき記事の回りの枠が太く濃い青になっていればOKです。なっていない場合記事の本文をクリックすると、枠が濃い青なります。
２，キーボードで「h」キーを押す。
以上で記事の最後にはてなブのコメントが表示されます（実際のコメントより少しタイムラグがあるようです）。
上手く太枠にならない場合は、次の記事を表示するショートカット「j」キーや、前の記事を表示する「k」キーで上手くフォーカスする記事を変えてみてください。

Greasemonkey、GreaseKitのインストール

Greasemonkey、GreaseKitをインストールしてない人は下記のページを参考にインストールしてください。

• Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ | Google Mania – グーグルの便利な使い方
• GreaseKit | Macの手書き説明書

Hatena bookmark anywhere to GoogleReaderのインストール

Greasemonkey又はGreaseKitをインストールした上で、下記のアドレスにアクセスすると、インストールダイアログが表示されます。
「Hatena bookmark anywhere to GoogleReader」Greasemonkey版（FireFox）
「Hatena bookmark anywhere to GoogleReader」GreaseKit版（Safari）

※アドオン・ブラウザ共に最新バージョンでのテストしか行っていないので、場合によってはエラーが多発するかもしれません（Safari4,FireFox3）。
※テスト環境では英語版のGoogleReaderを使用してます。上手く動かない場合「設定」→「言語」→「English」で動くかもしれません。

最後に

デバッグ用にconsoleLogと言う関数にエラーを吐き出したりする様になっています。
コメントアウトで外してありますが、必要があればスクリプトの一番最後にありますので、解除してください。

まだまだJavaScriptは勉強不足で余分な部分とか、不安定要素が沢山あるかもしれません。
少しずつバージョンアップしていきたいと思います。