Syncerの開発が相変わらず滞り中で、phpとかjavascriptとか勉強しながら他のことばっかりやってます。今回は全国の水族館の一覧と、その写真や口コミを見ることができる「水族館エクスプローラ」を作成してみました。foursquareのAPIを利用しています。
水族館をだら見しよう
都道府県別の水族館一覧、そして、水族館ごとに、foursquareに投稿・公開されている口コミと写真を閲覧することができます。水族館専用のfoursquareブラウザみたいなものかもしれません。情報は利用規約に従って、1日だけサーバに保存しています。
ajax使って、余計なページ遷移がないようにしました。が、ページ移動扱いのページスクロールに慣れない人がいるかもしれません。ちょっと不安だ…。迷子にならないように設計するのって大変ですねー。ウェブデザイナーって本当にすごい。
地図とかもGoogle Mapに飛ばしても良かったんですが、ちょっとだけ確認したい時には面倒になるので、先に小さい地図を表示するようにしてみました。[地図]を押すとぬらっと地図が出てきて、もう1回地図を押すと消えます。
foursquareのAPIで一気に情報収集して…とかじゃなく、1件1件foursquareに手作業で紐付けしました。デザインが地味すぎるのでそこはおいおい…。気に入ったら是非シェアして下さい。
スマホで見るとけっこう面白いと思います。よかったら試してみて下さい！