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

こんな感じ。
でも、これってHTMLできれいにマークアップするの大変じゃね?テーブル使いまくりだよなぁ・・・って思ってたんですが、そんな事なかった。よくよく考えたら、CSSのpositionで指定してあげれば出来ますね。
HTMLの方はこんな感じ。
で、あとは各地域のID毎に
こうやって位置を設定してあげれば、オッケー。
これで綺麗に実装できました。
個人的に position:absolute; で何かをするのが嫌いだったのでほとんど使った事が無かったのでぱっと出てきませんでしたが、こういう使い方ならこれからもしていきたいと思いました。
結構わかりやすいとは思うのですが、やはり微妙なポジションの県が探しにくいですね。
東海4県、東海3県の定義や、関西、近畿といった表現など、その辺がバラバラなので、ぱっとみでわかりづらい県もありますね。
で、例えば日本地図を正確に表現して、実際の都道府県の位置をクリックするとそこに飛ぶっていう形をFLASHで作ろうかなとも思ったのですが、それだと面積の小さい県、例えば東京都や神奈川県なんかが押しづらくなっちゃうんですよね。
あと、それだと東北地方を選択っていうのも実装しにくい。
そういう理由もあって、結局上記のような形にとりあえずは落ち着きました。
色々なウェブサービスを作っていると、ユーザーに都道府県を入力してもらう場面がよくあります。
例えば不動産サイトや中古車情報サイト、転職サイトなどには必ずそういった画面がありますよね。で、この都道府県の選択方法って一体どれが使いやすいんだろうなってのを最近考えています。もちろん、その他のインターフェースとの兼ね合いもあるでしょうから、一概にこれがベストってのは言えないとは思いますが・・・。
地区ごとに分けて、テキストリンクで都道府県を表示しているシンプルなタイプ。 一番シンプルですが、北海道と東北を別々に分けていたり、近畿や東海、関西などの定義が曖昧だったりして、意外と迷う人もいるでしょう。
XHTMLでのマークアップが楽ってのは良いですね。
Nani-Kiru.comにコメント機能を実装してみました。
要望がそれなりにあったためと、なによりゴウが欲しがったせいです。
あまりに荒れたり、速度がでなくなったりした時には、なくすかもしれません。
しばらくは様子見です。
不要な人は、不要だと思うので、ジャマにならない感じに実装したつもりです。
ご意見、ご感想、バグ報告がありましたら、コメントなりメールなりでお知らせください。
よろしくお願いします。
追記
問題の量が多いため、コメントされてる問題にたどりつかないことが多いですねぇ。
最近話題の問題とかにたどりつけるような機能がいるかなぁ。
いらないかなぁ。
いくつか機能を追加しました。
しばらくはこれで行こうかと思います。
あとはコメントをどうするかを考えていくつもりです。
意見・感想などを聞かせてくれるとありがたいです。
いずれにせよ、Nani-Kiru.comを使用していただきありがとうございます。
想像以上に何切るに反響があって嬉しい限りです。
批判的なコメントもたくさんありましたが、受け止めていい形に改良していければいいなと思います。
一つだけ気になった意見がありましたので、このエントリを書いてるのですが、
だからよ、一般人の多数決を取っても、それが一番いい手にはならないんだって。
普通の人はこうなるが、実はこうこうこういう理由で、この手が正着、ってこともあるんだって。
楽だからって全部ユーザまかせとは手抜きしすぎだぜ。
多数決が正しいとは限らないってのはおっしゃるとおりだと思います。
人によっていろんな手順があるのが麻雀ですし。
こんな手順もあるんだってのが知れて、その手順に対して考えるってのが
個人的に何切るの醍醐味かなと思います。
コメントくらいはつけられるといいかもしれませんね。
>普通の人はこうなるが、実はこうこうこういう理由で、この手が正着、ってこともあるんだって。
これに関しては難しいですよね。
麻雀は情報が多いので、最終的には相手の捨牌情報がないと、打つ手は変わってきますし。
じゃあ捨て牌も登録できるようにすればいいかもしれませんが、
「何切るの問題を考えるときに相手と自分の捨て牌も考えて投稿してください」って
サービスがあっても、個人的にはめんどくさくて使う気がしませんし。
なので手軽に遊べるには今くらいの情報が最低限かなと思ったわけです。
やはりコメントがつけれたほうがいいかもしれませんが。
手抜きといってる部分がそれ以外だったら、すいません。
手抜きといわれないように改良していきたいと思いますのでどうぞよろしくお願いします。