サービス紹介

「はてブみる」は、はてなブックマークに保存したサイトを
サイトのサムネイル付きで見ることができるサービスです。
サイトのタイトルだけでなく、サムネイルも見れるので、
探しているサイト・興味のあるサイトが見つけやすくなります。

基本的な使い方

はてなIDを入力して、ブックマークを見る

画面左下の「はてな」タブをクリックすると
メニューが開きます。
はてなIDを入力して「ブックマークを見る」をクリックすると
ブックマークの一覧が表示されます。

キーワードを入力して、ブックマークを見る

画面中央のフォームでキーワードを入力すると
そのキーワードに関心を持っているユーザーが自動で選ばれ、
そのユーザーのブックマーク一覧が表示されます。

便利な使い方

お気に入りを見る

画面左下の「はてな」タブをクリックし、
「他のアクション」から「お気に入り」を選ぶと
そのユーザーのお気に入り一覧が表示されます。

プライベート設定のブックマークを見る

画面左下の「はてな」タブをクリックし、
「他のアクション」から「ログインする」を選ぶと
プライベート設定しているはてなユーザーの
ブックマークの一覧を表示できます。

別ウィンドウが現れるので、はてなにログインし、
「許可する」ボタンをクリックすると表示されます。

タグでしぼりこむ

「はてな」タブ内に表示されているタグをクリックすると
そのタグがついているブックマークの一覧が表示されます。
一番下にあるテキストフォームから直接タグを入力しても
表示できます。

タグは複数指定することができます。
「リセット」をクリックすると選択したタグをすべて解除します。
ログインして表示しているときはタグは表示されませんが、
テキストフォームから直接入力して指定することができます。
「お気に入り」を表示しているときはタグ機能は使えません。

レイアウトの変更

「設定」タブからレイアウトを変えることができます。
画像の表示サイズと、表示内容を変えることができます。
デフォルトでは、Mサイズ、画像+テキストとなっています。

過去履歴への移動

「履歴」タブから、今まで表示した場所に飛ぶことができます。
また、タブの右側で、今画面に表示されている場所がチェックできます。

アドレスに設定を含める

各ブックマークの見出しはリンクになっています。
このアドレスは、今見ている設定を含んだものになっています。

アドレスは次のような構造になっています。
例:http://hatebumiru.com/?user=sample&type=bookmark&tag=hatena&page=1
userは必須です。
typeはbookmarkかfavoriteで、省略するとbookmarkになります。
tagは省略可で、複数指定するときは「/」でつなげます。
pageは省略可で、省略すると1になります。

例えば、「sample」というはてなユーザーのブックマークが見たい場合、
「http://hatebumiru.com/?user=sample」にアクセスすれば
条件設定をしなくてもみれるようになります。

できないこと

他の人のブックマーク一覧や、お気に入りを表示したときに
その場ではてなブックマークに登録できれば便利かもしれません。
しかし、サムネイルじゃなくてリンク先のサイトを見てから
登録するかどうかを判断した方がよいと思うので、
「はてぶみる」にはサイトを登録する機能はつけていません。

リンク先サイトの概要、全文などは表示されません。
概要ははてなから取得できますが、
サイトのレイアウト上難しく表示していません。
また、ブックマークを横断した検索などもできません。

プライベートモードではてなブックマークを使っている人は
ログインすることでブックマークの一覧を表示できますが、
タグクラウドの表示はできません。
プライベートモードでタグ一覧を取得する機能がありません。
はてなが提供したら対応したいと考えています。

技術的なことなど

対応ブラウザ

対応しているブラウザは、最新のGoogle Chrome、Firefox、
Internet Explorerです。
一応、IE6でも使えるようにはなっていますが、
最新のバージョンで見る方がいいです。

使用しているサービス

ブックマークのデータの取得などをはてなから行っています。
サイトのサムネイルの表示は、Heart Railsのサービスを使っています。
サイトのデザインで、Twitter Bootstrapを一部使用しています。
動的な表示の部分で、javascriptライブラリのjQueryを使用しています。
また、ブックマークを表示するたびに、アマゾンの広告を挿入しています。

開発環境は、Net Beansを使用しています。
書き方などは、ドットインストールで学んだことをたくさん使ってます。

Heart Railsのサムネイル作成は、リアルタイム作成ではなく
リクエストがあるたびに順次作成されています。
そのため、作成されるまでは、作成中の画像が表示されます。
しばらく時間をおけば表示されるようになります。

歴史

2012/04/17 リリース
2012/04/24 はてなデベロッパーセンターの事例集に掲載されました。

連絡先

hatebumiru@gmail.com まで。