仕事で、都道府県を選択させてそれに応じた情報を表示させるUIを作る必要がありました。 例えば、店舗情報や求人情報などは都道府県毎に整理して表示させることになるでしょう。 しかし、都道府県の選択をユーザーにストレスなく操作させるのは難儀なことです。 なにせ、選択肢が47種類もあるのですから。 なので今回は、都道府県UIをHTML+CSS+JavaScript(jQuery)を使用して作ってみました。 使いやすい都道府県選択UIとは そもそも、使いやすい都道府県選択にするには、何を目指せばよいのでしょうか。 今回は「最短」「最速」で、「特定の都道府県を選べる」ことを目標に、UIを模索していました。 既存のUIを見てみる まずは、今まで自分が作ってきたUIや、既に運用されているサイトなどを参考に、どんなUIがあるか調べてみました。 セレクトボックス選択 セレクトボックスは、<select></s
![最強の都道府県選択のUIを考えてみた【HTML+CSS+jQuery】 | キノコログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f2fc0fcabf9225b295c68b038df47e5529ad0c41/height=288;version=1;width=512/https%3A%2F%2Fkinocolog.com%2Fwp-content%2Fuploads%2F2020%2F12%2Fpref_post.png)