2013年11月9日のブックマーク (4件)

  • Railsでjquery-ui autocompleteを使用する - not good but great

    企業名からすぐにリクナビインターン募集ページ飛べるサービスをつくった。 Simple Rikunavi http://simple-rikunavi.herokuapp.com/ 特徴 検索ワードを入力すると随時該当する企業名を提示してくれる。 企業名をクリックすると募集ページに1ステップで飛べる。 実際のリクナビではトップページから検索すると2ステップは最低要する。 ひらがな表記とカタカナ表記の両方で検索。 例えば「りくるーと」と入力すると「りくるーと」と「リクルート」に該当する企業が提示されます。ユーザはひらがなをカタカナに直す必要がなくなります。 話題はそれるが、herokuで起動準備がかかる。どうにかならないか調べると、サーバが常に準備している状態に設定できるらしいが、長く使っていると有料になるみたいだ。 以下は、一番頑張ったサジェスト機能の実装について書きたいと思う。 準備 最初

    Railsでjquery-ui autocompleteを使用する - not good but great
    ymkjp
    ymkjp 2013/11/09
  • suggest.js - サンプル2:対象データを外部JSとして読み込んだ場合のサンプル(データ数3302件)

    補完対象のデータを外部JS化(データ数3302件)した場合のサンプルです。 suggest.jsの説明は、「suggest.js - 入力補完ライブラリ」を参照ください。 サンプルの内容 new Suggest.Local("text", "suggest", list, {dispMax: 10, highlight: true}); 対象データは、東京都の郵便番号:住所(3302件)です。 対象データは、外部JSファイル(list.js)とし、それを読み込んでいます。 検索結果はオプションで10件までの表示を指定しています。(dispMax:10) オプション指定で、補完候補で合致した文字列を強調表示するようにしています。(highlight:true)

  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

    ymkjp
    ymkjp 2013/11/09
    “onozaty/suggest.js - GitHub”
  • jQuery Tag-it!

    Simple and configurable tag editing widget with autocomplete support. Source code is available at Github. Actual extensible and idiomatic jQuery UI widget. The widget can be styled using Themeroller or any premade jQuery UI theme. Works with jQuery UI Bootstrap Degrades gracefully for browsers without JavaScript (see example). Demo Tags: See more examples of different configuations. Need help? See

    ymkjp
    ymkjp 2013/11/09