表示切り替え 表示期間をキーボードのキーひとつで切り替えがサクサクできます。 今日 t Todayのtを押すと今日の日付、かつ今の時間帯に移動フォーカスしてくれます。 先の予定を見たあと、一気に戻る際に便利です。 1日 d or 1 Dayのdを押すと1日の表示に切り替わります。 1週間 w or 2 Weekのwを押すと1週間の表示に切り替わります。 私は基本的にこの1週間のビューでカレンダーを見ています。 1ヶ月 m or 3 Monthのmを押すと1ヶ月の表示に切り替わります。 次の期間 j 待っていました! ご存知Vimのキーバインドでもあるjです。 ちなみにNextのnでも同じ挙動になります。 前の期間 k 続けて、同じくVimのキーバインドでもあるkです。 ちなみにPastのpでも同じ挙動になります。 フォーカス系 このショートカットを使用すると入力欄にフォーカスされ、クリック
Autocomplete - Table One major challenge we faced in autocomplete was to display the data in a tabular format. When there are many rows of information available, it was difficult to display the relevant data of a row next to each other. This forced to develop a JQuery plugin which can display the relevant information in a table format. Advantages Display details in n number of columns Filter by ke
Googleマップをオートコンプリート機能付きで検索出来るようにする、というスクリプトのご紹介。シンプルで良さそうですね。jQueryに依存します。 検索可能なGoogleマップをWebサイトに設置した際に、オートコンプリート機能を付けたもの。情報量の多い地図コンテンツとは相性ピッタリですね。 検索出来るGoogleマップ向けのキーワード補完スクリプトです。便利。 上記のように入力中に該当キーワードが表示されます。 <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <scri
住所を入力するとオートサジェスト でGoogleMapから候補を出し、選択 するだけで位置を取得できるjQuery プラグイン・Address Pickerをご紹介 します。動作も速くて少し驚きです。 GoogleMap APIを使用しています。 ちょっとこのタイトルだと誤解与えそうですね・・・オートサジェストとして出た候補を選択するだけで地図を変更、経度や緯度などの位置情報も取得するjQueryプラグインです。GoogleMapAPIを使っています。 入力するだけで候補が出るオートサジェスト機能と、候補にマウスを乗せるだけでするだけで地図が切り替わるインクリメンタルサーチ機能の付いた位置情報ピッカー。 と、聞こえはなかなかいいですけどオートサジェストが日本語入力だと若干挙動が微妙なんですよね。Chromeはそこそこ良い反応ですが、Firefoxは特に微妙ですな・・・IEは大丈夫ぽかったで
Movable Typeの検索フォームを使ったタグ検索で、インクリメンタルサーチが行えるようにするカスタマイズです。 このカスタマイズを行えば、次のようにタグ文字列を1文字入力するたびに、候補を表示してくれます。ご覧のとおり、途中の文字の検索もできます。 日本語の検索も可能です。 タグのインクリメンタルサーチを導入すれば、タグクラウドのようにページを占有する必要がなくなります。タグ数が多いほど有効です。頻度の高いタグだけを表示するタグ一覧と併用するという手もあります。 ここでは「クラシックブログ」テーマに適用する方法を紹介します。 検索フォームを使ったタグ検索の動作については「Movable Typeの検索フォームでタグ検索をする」をご覧ください。 1.ライブラリのダウンロード・アップロード 「suggest.js - 入力補完ライブラリ」のページにアクセスして、「suggest.js」を
オートコンプリート機能でキーボードで操作できる コンボボックスを出してくれる、というjQueryの プラグイン・jQuery ComboGridのご紹介です。 なかなか高機能なプラグインですね・・・文字を 入力するだけで自動で候補をテーブルとして 出してくれます。ページの切り替えはキーボード で操作可能です。 使う頻度は少なそうですが、とても見やすく、ユーザーの操作も少なくて済み、直感で操作が分かるようなUIでもあるので覚えておくとどこかで役に立つかもしれません。IE6や7でも動いてくれますが、IE6はcssで調整が必要です。 こんな感じで入力フィールドにaと入力しただけで候補がコンボボックス内に表示されました。このボックスはajaxで呼び出しており、キーボードで次のページに移動したり、その場で表示する候補の数を増やす、要素のソートなども出来ます。 jQueryUIを使っているのでこのよう
DocumentCloud's VisualSearch.js クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」 検索ボックスというとどのサイトも<input type="text">があってCSSで修飾されていたりオートコンプリートが付いていたりするものですが、今回紹介する検索ボックスはそれらをもうちょっと進化させたものになっています。検索条件など細かくをいれてもらうような場合、フォームが巨大になってしまったりしますが、その心配はありません。1つの検索ボックスで完結します。 検索ボックスがあります 入力するとフィルタの候補が現れます Enterで補完されます 条件を入れていきます ×ボタンで条件は消せますし、条件の上でクリックすればそのままオートコンプリートが走ります 日付の指定なども検索ボックス上で完結させられます こうした検索ボックスが合わないサイトも
便利に感じたのでメモ。Youtubeの 動画を検索キーワードを入れただけ で瞬時に結果を表示させる、という、 インクリメンタルサーチをjQueryで 実装するというもの。検索には YoutubeAPIを使用します。 Youtubeの動画検索をWordPressの管理画面内で出来るプラグインを自作して使っていたんですがどうにも使いにくかったところ、jQTubeUtilなるプラグインでサクっとインクリメンタルサーチが可能のようでこれを採用しました。 jQTubeUtil インクリメンタル検索を可能にするjQueryプラグインです。インクリメンタルサーチと言ってもあまり聞きなれないかも知れないのでデモ触ったほうが早いですかね・・ 以下にデモを用意しました。サジェストとして検索結果が即時表示されます。 サンプル +Mobily PlaygroundデモはMobily Playgroundのサンプル
弊社では、年間約2,000名のユーザ行動観察調査を実施していますが、検索エンジンの「キーワード入力補助機能」を利用するユーザが増えています。 この機能の普及で、ユーザの検索するキーワードが変化し、SEOやリスティングで狙うべきワードも見直す必要が生じます。 「キーワード入力補助機能」とは、キーワードを途中まで入力すると、その続きを予測してプルダウンメニューのように関連キーワードを表示する機能です。 関連キーワードとして表示される情報は、過去に利用者が入力したキーワードに基づきます。 2010年5月時点で、Yahoo!検索、Google検索ともにこの機能が実装されています。 キーワード入力補助機能を使うユーザの行動 先日実施した調査では、10名中10名がこの機能を使用していました。その中で観察されたユーザ行動の例をご紹介します。 どんな塾があるか調べようと思い、「塾」と入力したところ、「塾
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く