概要

検索半径とオプションを指定して、現在地からレストランを検索することができます。オプションは、キーワード検索(「店名かな、店名、住所、駅名、お店ジャンルキャッチ、キャッチのフリーワード」)、「おすすめ順」と「距離順」で検索結果の並び順を指定することができます。 ブラウザの位置情報をオンにしましょう。

工夫

使っていて楽しいと思える UI や仕掛け を用意しました。またボタンなどを極力排除して、直感的でシンプルなデザインに仕上げました。現在地が取得できない場合は操作できないように視覚的に分かるようにしました。リンクで共有できるようにしたいため、 検索クエリを暗号化することでセキュリティ面に配慮しました。

アプリ機能

1. レストラン検索 検索半径とオプションを指定して，現在地からレストランを検索することができます． オプションは，キーワード検索(「店名かな，店名，住所，駅名，お店ジャンルキャッチ，キャッチのフリーワード」)，「おすすめ順」と「距離順」で検索結果の並び順を指定することができます． ブラウザの位置情報をオンにしましょう．

2. レストラン一覧表示 検索条件をもとに得られたレストランを一覧で表示します．レストランが見つからなかった場合は NoData ページが表示されるので，検索画面まで戻りましょう．

3. レストラン詳細表示 一覧ページからレストランを選択すると，詳細な情報を閲覧することができます．予約リンクもありますので，簡単に予約を行うことも可能です．

4. 例外処理 レストラン一覧のデータがなかったり，クエリに存在しないレストランの id が指定された場合，特定のページを返すようになっています．