使用技術

Gourtto (グルっと)

ホットペッパーグルメWEBサービスを利用した、グルメ検索アプリ。
現在位置、あるいは指定した地点を中心に、周囲のお店を検索する機能を持っている。
一番のポイントは、アプリ内でお店周辺のストリートビューを観れる点で、お店の料理だけでなく立地や外観も手軽に確認することができる。
これにより、外出先で近くのお店を素早く検索し、お店選びに必要な情報をこのアプリ一つで取得することができる。

こだわった点

外出先でも素早く検索を行えることをコンセプトにしており、それを実現するためにボトムシートを採用し、MAPとグルメ情報のスムーズな移動を実現した。
また、初めて入る居酒屋は外観で判断する 63.6% (なんでも酒や カクヤス調べ) のデータを参考に、お店の立地、外観を手軽に確認する目的で、ストリートビューを取り入れた。
UIUXの面では、ユーザーがストレスなく操作できるよう、アニメーションやプログレスバーを使用し、画面が固まって動かなくなる時間がなくなるよう設計を行った。
また、テーマカラーには暖色を使用した点や、お店の写真をGoogleAPIから追加で取得した点において、ユーザーの食欲を刺激するようなデザインを意識した。

参考:初めて入る居酒屋は外観で判断する(なんでも酒や カクヤス調べ) https://kakulabo.jp/serial/kl20230726.html

使用例

Record_2024-05-10-01-41-48.mp4

画面構成

検索画面 / 検索結果画面

お店詳細画面 / ストリートビュー画面

周囲にお店が見つからなかった際の画面

ネットワーク未接続の際はユーザーに通知を行う

GPSがオフの場合は、設定画面を開くボタンを通知する

使用方法

使用に際して、ホットペッパーグルメWEBサービスのAPIキーと、GoogleCloudサービスのAPIキーが必要です。
キーの入力場所は、rootディレクトリの'local.properties'です。
GoogleCloudAPIキーを制限して利用する際には、必ず下記のAPIに許可を与えてください。

• Places API
• Street View Static API
• Maps SDK for Android