その場で検索して結果に素早くアクセスする「jQuery Live Search」

2009/06/09

その場で検索して結果に素早くアクセスする「jQuery Live Search」

admin
Web ,オープンソース
JavaScript ,github ,MIT License ,ライブラリ ,開発 ,検索

インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。 0

JavaScriptだけで検索を行う 0

そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。

今回紹介するオープンソース・ソフトウェアはjQuery Live Search、jQueryを使ったリスト検索ライブラリだ。 0

jQuery Live SearchはWebページ上にあるリストを検索するライブラリだ。リアルタイムにフィルタリングが行われるのでインクリメンタル検索に近い。デモでは1,000件のリストに対してフィルタリングを行っている。 0

文字を入力するたびに絞り込まれていく 0

レスポンスはブラウザの性能によるだろうが、思っていた以上に高速だ。検索結果の件数も表示されるので、ユーザは自由に文字を変えつつ結果を確認できる。データが1,000件程度であれば、HTML上にレンダリングしてしまい（デフォルトでは非表示でも良いだろう）、クライアントサイドで検索させてしまうのはどうだろう。 0

もちろん、大量のデータであれば検索しても時間がかかってしまう。JavaScriptなのでブラウザが固まったようになってしまうだろう。だがブログの件名でフィルタリングさせたり、SNSの友達をフィルタリングするような用途であれば十分使えるだろう。 0

nakajima's jquery-livesearch at master - GitHub
　http://github.com/nakajima/jquery-livesearch/tree/master

jQuery Live Search Demo
　http://nakajima.github.com/jquery-livesearch/