使い勝手の悪いドロップダウンを華麗に変身「Chosen」 // MOONGIFT Archived

ChosenはHTMLのドロップダウンメニューをフィルタリング対応の快適なコンポーネントに変身させるjQuery/Prototype.jsプラグインです。

HTMLの貧弱なコンポーネントには毎度がっかりさせられます。例えばタイムゾーンや国を選ぶドロップダウンです。あれほど長いリストから一つを選ぶのは大きなストレスです。そこで使ってみてほしいのがChosenです。

変更前。普通の使い勝手の悪いドロップダウンです。

それがこんなに！フィルタリングまでできる高性能なドロップダウンに！

複数選択もできます。

選択済アイテムをハイライト表示にもできます。

既に選択されているアイテムは非表示にもできます。

選択されているアイテムの横に×を出して非選択にできます。

Chosenでは一つを選ぶ、または複数を選ぶドロップダウンのどちらも最適な表示に変身させます。これならば自分が選びたいものだけを素早く選択できますね。

ChosenはjQuery/Prototype.js用JavaScript製のオープンソース・ソフトウェア（MIT License）です。

MOONGIFTはこう見る

悪いものを悪いものとして諦めるか、自力で改善するかでプログラマーとしての技量が問われているような気がします。改善したとして、それをさらにライブラリ化して誰でも使える形にするのはさらに優れたプログラマーです。

リストを用意して選択するという行動は多くてもリストが5個くらいまででしょう。それ以上の中から一つを選択するというのは苦痛でしかありません。カテゴリ/サブカテゴリと階層化するのも選択肢です。ユーザにとってストレスの少ないUIは常に考える必要があります。