インスタント検索

Google検索で、文字入力するたびに勝手に検索する機能について、

ちょっと調べたのでメモ。

実装自体は非常に単純で、JavaScriptでkeyupイベントを取得してajaxで検索処理を実行して
結果を表示するだけ、サーバサイドはPHPでもＪａｖａでも好きなものを使って良いです。

ただし、何も考えずこのまま実装すると文字を入力するたびに検索処理が走ってしまい

非常に重たいページになってしまう。

そのため、以下のような工夫が必要になる。

・前回のキー入力から一定時間経っている場合のみ検索結果を取得

・カーソルキーやタブキーに反応しないよう、前回の入力内容と比較して同じなら処理中止

こういった注意点を突き詰めていかないと、使いづらくて重いだけのものになってしまい、

誰も使いたくないものができあがるんだろうなーと思った。

jQuery入門

Webシステムの開発で欠かせないのがJavaScript。
さらに発展した使い方をしたいときはjQueryを使うことが多いなーと感じる。
半分フレームワークだし、あまり好きではないけど便利なものは使わないともったいない。
ということでjQueryの入門。
※これも随時更新の予定

jQuery日本語リファレンス

jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる