日本地図とテキストを組み合わせた都道府県選択について

前回の記事で、都道府県選択をさせる時の色々な方法を考えたんですが、やっぱり日本地図が背景としてあって、その上にテキストベースのリンクがあるってのが一番使いやすいかなーって思い、作ってみました。

都道府県選択

こんな感じ。

でも、これってHTMLできれいにマークアップするの大変じゃね?テーブル使いまくりだよなぁ・・・って思ってたんですが、そんな事なかった。よくよく考えたら、CSSのpositionで指定してあげれば出来ますね。

HTMLの方はこんな感じ。

で、あとは各地域のID毎に

こうやって位置を設定してあげれば、オッケー。

これで綺麗に実装できました。

個人的に position:absolute; で何かをするのが嫌いだったのでほとんど使った事が無かったのでぱっと出てきませんでしたが、こういう使い方ならこれからもしていきたいと思いました。

この都道府県選択の問題点

結構わかりやすいとは思うのですが、やはり微妙なポジションの県が探しにくいですね。

東海4県、東海3県の定義や、関西、近畿といった表現など、その辺がバラバラなので、ぱっとみでわかりづらい県もありますね。

で、例えば日本地図を正確に表現して、実際の都道府県の位置をクリックするとそこに飛ぶっていう形をFLASHで作ろうかなとも思ったのですが、それだと面積の小さい県、例えば東京都や神奈川県なんかが押しづらくなっちゃうんですよね。

あと、それだと東北地方を選択っていうのも実装しにくい。

そういう理由もあって、結局上記のような形にとりあえずは落ち着きました。

このページのトップに戻る
投稿日:2008/3/12  投稿者:zuya  コメント(0)

都道府県の選択方法って色々あるけど、どれがベストなのかを考える

色々なウェブサービスを作っていると、ユーザーに都道府県を入力してもらう場面がよくあります。

例えば不動産サイトや中古車情報サイト、転職サイトなどには必ずそういった画面がありますよね。で、この都道府県の選択方法って一体どれが使いやすいんだろうなってのを最近考えています。もちろん、その他のインターフェースとの兼ね合いもあるでしょうから、一概にこれがベストってのは言えないとは思いますが・・・。

シンプルなテキスト型

テキスト型
Yahoo地図

地区ごとに分けて、テキストリンクで都道府県を表示しているシンプルなタイプ。 一番シンプルですが、北海道と東北を別々に分けていたり、近畿や東海、関西などの定義が曖昧だったりして、意外と迷う人もいるでしょう。

XHTMLでのマークアップが楽ってのは良いですね。

続きを読む…

このページのトップに戻る
投稿日:2008/3/4  投稿者:go  コメント(1)

コメント機能を実装してみました

Nani-Kiru.comにコメント機能を実装してみました。

要望がそれなりにあったためと、なによりゴウが欲しがったせいです。

あまりに荒れたり、速度がでなくなったりした時には、なくすかもしれません。

しばらくは様子見です。

不要な人は、不要だと思うので、ジャマにならない感じに実装したつもりです。

ご意見、ご感想、バグ報告がありましたら、コメントなりメールなりでお知らせください。

よろしくお願いします。

追記
問題の量が多いため、コメントされてる問題にたどりつかないことが多いですねぇ。

最近話題の問題とかにたどりつけるような機能がいるかなぁ。

いらないかなぁ。

このページのトップに戻る
投稿日:2008/2/29  投稿者:zuya  コメント(0)

何切るの更新履歴

いくつか機能を追加しました。

今回の変更点

削除申請用の処理を追加
個人的にこれは必須だと思ったので追加。
削除申請された場合はカウントされず内部の削除用のパラメータに加算されます
場の状況を入力できる
これは賛否両論かと思うのですが、任意で入力できるようにしました。名前欄を使わせるのは申し訳ないきがしてしまって。若干シンプル感が失われますが、様子を見たいと思います。
集計結果だけを見れる機能を追加
要望をチラホラみかけたので追加。自分の作った問題の結果を見るのに投票しなくてはいけないのは微妙ですもんね
広告がはられました。
これは最初から張っておけばよかったかなぁ。まぁ邪魔にならない程度での追加です。

しばらくはこれで行こうかと思います。
あとはコメントをどうするかを考えていくつもりです。

意見・感想などを聞かせてくれるとありがたいです。

いずれにせよ、Nani-Kiru.comを使用していただきありがとうございます。

このページのトップに戻る
投稿日:2008/2/26  投稿者:zuya  コメント(0)

何切る?について

想像以上に何切るに反響があって嬉しい限りです。

批判的なコメントもたくさんありましたが、受け止めていい形に改良していければいいなと思います。

一つだけ気になった意見がありましたので、このエントリを書いてるのですが、

だからよ、一般人の多数決を取っても、それが一番いい手にはならないんだって。

普通の人はこうなるが、実はこうこうこういう理由で、この手が正着、ってこともあるんだって。

楽だからって全部ユーザまかせとは手抜きしすぎだぜ。

多数決が正しいとは限らないってのはおっしゃるとおりだと思います。

人によっていろんな手順があるのが麻雀ですし。

こんな手順もあるんだってのが知れて、その手順に対して考えるってのが

個人的に何切るの醍醐味かなと思います。

コメントくらいはつけられるといいかもしれませんね。

>普通の人はこうなるが、実はこうこうこういう理由で、この手が正着、ってこともあるんだって。
これに関しては難しいですよね。

麻雀は情報が多いので、最終的には相手の捨牌情報がないと、打つ手は変わってきますし。

じゃあ捨て牌も登録できるようにすればいいかもしれませんが、

「何切るの問題を考えるときに相手と自分の捨て牌も考えて投稿してください」って

サービスがあっても、個人的にはめんどくさくて使う気がしませんし。

なので手軽に遊べるには今くらいの情報が最低限かなと思ったわけです。

やはりコメントがつけれたほうがいいかもしれませんが。

手抜きといってる部分がそれ以外だったら、すいません。

手抜きといわれないように改良していきたいと思いますのでどうぞよろしくお願いします。

このページのトップに戻る
投稿日:2008/2/24  投稿者:zuya  コメント(3)