jQueryを使った単語の絞り込み機能作成チュートリアル - MySkill Blog
MySkillでは、スキル名からユーザを検索することができます。フリーワード検索ではなく登録されているスキル名で検索するので、その単語一覧を絞り込む機能をJavaScript(jQuery)で実装しています。簡単なスクリプトなので、実装のチュートリアルとしてまとめてみました。 スキルシート/ポートフォリオの検索 方針 まず単語一覧があり、検索窓に入力すると一覧が絞り込まれていくUIを作成することが目標です。単語全てを羅列した上で絞り込むだけなので、都度検索をサーバに投げる必要がなく、JavaScriptだけで完結します。ただし単語数が多くなるとブラウザや環境によってはものすごく重くなるので、使いどころはよく考える必要があります。 HTMLの構成を決める jQueryで実装する 最適化 サンプルプログラム 欠点 HTMLの構成を決める 以下のHTMLで構成されたリストがあるとします。実際はu
パワーアップした Google サジェストがとことん提案！
Google ホームページの検索ボックスに検索キーワードを数文字入れるだけで、あなたの打ちたい検索クエリの候補を表示する Google サジェスト。 このサービスが、19日より Google の検索結果ページでも使えるようになりました。みなさんからの「どうして検索結果ページでは Google サジェストを使えないの?」という疑問にやっと応えることができ、嬉しく思っています。 さて実は、より便利に使っていただけるように、検索結果ページでの Google サジェストはホームページとはちょっとだけ違うことをしているんです。 たとえば、なんとなく壁紙を探して[壁紙 無料]という単語で検索をしようとしたとしましょう。普段のサジェストではこういうものが表示されます。 もしその検索結果をさらに絞り込みたい時に検索クエリを何かに書き換えようとすると、検索結果ページではホームページとは違った候補が表示されま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
