Hatena::ブログ(Diary)

Accept Things このページをアンテナに追加 RSSフィード

2006-01-31

Greasemonkey: W!ボタンで快適はてなブックマーク生活

気に入ったページをはてなブックマークブックマークするのはとても簡単で便利です。しかし、せっかくブックマークしたページをあまり効率よく活用できていないと感じたことはありませんか?それはどんな時に感じるのでしょう?では、具体例で説明してみます。

私はこんなことをよくします。あるソフトウェアを開発していて、そのソフトウェアの技術に関連するページを次々はてなブックマークに追加していきます。そして、十分に情報が集まったところで、今度はコーディングを開始し、それらのブックマークも同時に漁り始めます。ブックマークを漁ってはFirefoxのタブに追加、またコーディング。そんなことを繰り返しているうちに、あっという間にタブの数は十数個になります。そしてソフトウェアの開発は進みます。

ここでソフトウェアの開発を中断させる出来事が発生します。色々試行錯誤しているうちに集中力が無くなりPCをシャットダウンして寝たくなりました。もうhackする気分ではないようです。

そのような場合、ソフトウェア開発のために自分のはてなブックマークの中から苦労して漁って開いたタブをどうしますか?すぐにそれらのタブを閉じる勇気はありますか?何とかタブの状態をキープするために、色々な工夫をしますか?それとも、また苦労して必要なブックマークを漁れば良いと思いますか?

さて、いかがでしょう?今のはてなブックマークに欠けている機能が見えましたか?そう、現在のはてなブックマークには、今まさに自分が関心を持っているサイトのブックマークを、一時的にマーキングして束ねる機能が欠けています。そのことにやっと気が付きました。

そこで、この問題を解決するためにGreasemonkeyスクリプトを作ってみました。このGreasemonkeyスクリプトをインストールすると「W!ボタン」が自分のはてなブックマークブックマーク一覧に出現します。こんな感じです。

f:id:ysano2005:20060201021744g:image

使い方

使い方は簡単です。まず、これまでに収集してきた自分のブックマークを漁って、今必要なブックマークを探します。そして、目的のブックマークを発見したら、青色の「W!ボタン」をクリックします。そうすると、そのクリックしたブックマークに「workspace」(作業場)タグが追加されます。その後は自由です。今の作業に必要なその他のブックマークが見つかるまで集中的にブックマークを漁って「W!ボタン」でマーキングするのも良いでしょう。

さて、「workspace」タグのページを見てみましょう。今の作業に必要なブックマークの一覧が勢ぞろいしているはずです。これで仕事がはかどります。当然、仕事場にいても自宅にいてもどこにいても、「workspace」タグのページを見れば、そこには必要なブックマークがあります。つまり、場所を選びません。これは便利ですね。

これまでの作業がひと段落したら、作業場にあるブックマークを解放したくなるかもしれません。そんな時は、灰色の「W!ボタン」をクリックすると、そのクリックしたブックマークから「workspace」タグが取り除かれます。簡単ですね。

概念図にするとこんな感じです。

f:id:ysano2005:20060201025400g:image

大まかな使い方は以上です。このGreasemonkeyスクリプトが、みなさんのはてなブックマーク生活の向上のお役に立てれば幸いです。

インストール

インストールはここから行って下さい。

WButtonForHatenaBookmark_0.03.user.js

動作確認は、

で行いました。

技術的なこと

このGreasemonkeyスクリプトは、unsafeWindowを経由して次のコードを利用しています。

それなりに面白いコードになっていると思います。

今回、Greasemonkeyスクリプトを作るにあたって参考にした資料やツールの紹介は、また後日したいと思います。

お知らせ

  • 2006/02/10 15:30

workspaceタグがtag cloudの先頭にくるように改良しました。

WButtonForHatenaBookmark_0.03.user.js


  • 2006/02/02 13:23

W!ボタンにマウスをのせた時に出るメッセージが文字化けしていた不具合を修正しました。

WButtonForHatenaBookmark_0.02.user.js

追記 (2006/02/06 21:15)

W!ボタンの開発で利用したテクニックと参考文献の紹介

を書きました。興味のある方はご覧下さい。

akiyanakiyan 2006/02/01 12:26 なるほど!Gmailのstar it機能的でいいですね。

cine-paranoiacine-paranoia 2006/02/02 05:13 check*pad と「check*pad に今見ているページ追加する」ブックマークレットを使うのも便利ですよ

ysano2005ysano2005 2006/02/02 18:36 > id:aiyanさん
気に入って頂けたようで、良かったです。
ありがとうございます。

> id:cine-paranoiaさん
情報ありがとうございます。
百式さんのcheck*padで利用できるブックマークレットがあるんですね。
タスク管理とブックマークの連携も面白いアイデアですね。

h-igarashih-igarashi 2006/02/09 23:23 似たような事を手でやっていたんですが、これは便利ですね。
ただ私の場合、こういうタグの中でも特別な意味をもつものは
たとえば#referenceとか#portalのように記号を付けて区別が
つくようにしてます。タグ一覧でも先頭の方にきますし。

ysano2005ysano2005 2006/02/10 15:39 > id:h-igarashiさん
ちょっと改良して、workspaceタグがtag cloudの先頭にくるようにしてみました。
お試しください。
http://vaio.redirectme.net/lib/greasemonkey/WButtonForHatenaBookmark/WButtonForHatenaBookmark_0.03.user.js

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。