del.icio.us IncSearch - del.icio.usをインクリメンタルサーチ

【お知らせ】
Firefox の拡張(アドオン)版を作りました。Firefoxの拡張版の方が、数倍良いものとなっておりますので、Firefoxを使ってらっしゃる方は、ぜひ下記をお使いください。

del.icio.usのサイト上で、所定のブックマークレットを起動することにより、自分の全ブックマークをインクリメンタルサーチ出来るUIを生成します。

del.icio.us direc.tor のような物と言ったほうが、イメージが沸くかと思います。(del.icio.us direc.torからtagでの絞り込みを無くした感じ)

del.icio.us direc.torは、XSLT、XPATHを使用して実装されていますが、del.icio.us IncSearchではXSLTを使っていないので、XSLT未対応のブラウザ(Opera、Safariなど)でも使えます。

使用方法

下記のブックマークレットをブラウザのブックマークに登録します。
- del.icio.us IncSearch bookmarklet
https://api.del.icio.us/ を表示します。
- https://api.del.icio.us/
登録したブックマークレットを実行します。
del.icio.usにログインしていない場合には、ログインのダイアログが表示されますので、ID/パスワードを入力してください。
インクリメンタルサーチを行うためのUIが描画されます。
テキストボックスに文字を入力(スペース区切りで複数語入力可能)することにより、一致するブックマークを表示します。

下記のブラウザで動作確認を実施しています。

Safariについては、確認出来ていない(Macが無い)だけです。(動かないはずは無いと思ってます…)

ブラウザ側で保持しているデータを、検索して表示するような機能を実装するためのライブラリとして、incsearch.js - インクリメンタルサーチライブラリを作ったので、その使用例としてこれを作ってみました。

tagによる絞込みは実装していないので、del.icio.us direc.torを使える人は、del.icio.us direc.torを使って頂いた方が良いと思います。

ただ、del.icio.us direc.torだと、notesの部分が検索出来ないので、そこに不満を感じている人は、こっち使ってもらう方がいいかもしれません。

今回はdel.icio.us用ですが、データさえ取得出来れば、同じような機能は簡単に実装出来ます。~~(本当は、はてなブックマーク用を作りたかったのですが、APIが見当たらなかったので断念しました)~~

はてなブックマーク用として、下記を作成しました。(2006/03/26)

2006/03/19
初回公開
2006/03/26
ページ作成時、del.icio.usにて登録されたwindow.onresizeイベントを解除するようにしました。(ウインドウリサイズ時に存在しないオブジェクトを参照してしまうため)
2006/05/06
20件を超えた場合、複数ページにて表示するよう変更しました。(前ページ、次ページに遷移可)
2006/05/15
ホットキー(CTRL＋カーソルキーの左右)で、ページ遷移するようにしました。
2007/04/08
del.icio.usのAPIのURL変更に対応しました。

お問い合わせ、コメント等は下記Blogまたは、Contact からお願いします。

また、これを作るにあたっては、下記の記事に影響を受けました。(きっかけ)