Liner Note

要約：はてなブックマークの各エントリのコメント一覧を見やすくしたり、タグをグラフで表示したりする「はてなブックマークビューワ」を作りました

はてなブックマークのコメントをもう少し見やすくしたかったので、それっぽい物を作りました。基本的には、以下のように過去に作ったサービスのリサイクルです。まぁ、見せ方を変えることでどこまで改良できるものかという試みでもあります。

• はてブバリュー：はてなブックマークのブックマーク数とコメントを点数にしてURLを評価してみる
• はてなブックマークのタグ一覧をGoogle Chart APIを使って円グラフにしてみる
• 当該エントリにつけられたブックマークコメントを一覧表示する
• 当該サイトの注目エントリを表示する

• 表示サンプル
• 表示サンプル（軽量版）

いろんな処理を統合して行っている関係上、まだちょっと重いのが難点かな。各コメントの引用やリンクボタンは個人的についていると便利かなと思って付けました。あと、ブックマークレットも用意しました。

PC用

現在のページをはてなブックマークビューワで開くブックマークレット

iPod touch用（ブックマークに追加後、javascript以前の文字列を消去）

現在のページをはてなブックマークビューワで開くブックマークレット

あと、従来のようにhttp://bookmark.openvista.jp/entry/http://example.comとする代わりに、
http://bookmark.openvista.jp/comment/http://example.comとすればグラフや得点内訳を表示しないようにできます。

ID:se-miさん、確かに重いですね。上記のコメント一覧のみ表示版はだいぶ軽くなりました。私もこっちを使うようになったので、こちらを標準にしてみたよ。

なお、はてブバリューなど既存のサービスは上記サービスにリダイレクトしています。パスが変わって、グラフ画像のURLに使うパラメータを少し変えましたが、URL構造に大きな変化は加えていません。

なお、各種検索エンジンの検索結果が汚れないよう、コンテンツは検索エンジンにキャッシュされないようにしています。各ブックマークサービスも同様にしてくれれば嬉しいのですが…無理でしょうね。

以前と同じように、スクリプトも公開しておきます。

ダウンロード

はてなブックマークビューワ

ライセンス：GNU GPL v2

もし、ご使用になる場合は同じディレクトリにfont.ttfという名前でTrueTypeフォントを入れておいてください。

いろいろ作ってみて思ったのは（あくまで私視点ですが）良いウェブサービスというのは自分が毎日使う気になるか（そういう習慣ができるか）否かと言うところにあるような気がします。

参考サイト

引用マークアップを生成 – 徒書

このスクリプトを拝借して改編して使用しています。

PHPなオブジェクト指向入門vol.3（後半） – 真夜中のプログラミングTips

初めて「継承」を使ってみました。機能を追加する分にはこれが便利ですが、機能が肥大化してきた場合にはちょっと別の策を練る必要があるかも。

Popularity: 2% [?]

キーワード：

• ウェブサービスの制作
• ユーザビリティ