概要
グルメ横断検索サイトを作ってみたのでその紹介
システム構成
今回はサーバーレスな形にしてみたかったのでバックエンドはLambda(Ruby)で記述しており、API GateWayを通じてAPI提供しています。
Lambdaの方から各種サイトに情報を取りに行き、その結果を返却するようにしています。
(どうやって情報とっているかなどは過去の記事を読んでください...)
またフロントエンドはAplifyを用いてホスティングしていて中身はVueで記述しています。
サービス紹介
画面のデザインはVuetifyに丸投げしていて、このようにエリアとキーワードを受け取れる様になっており、
入力して検索を実行すると
| 食べログ | ぐるなび | Retty |
|---|---|---|
 |
 |
 |
このような感じで各種サイトで検索した結果がタブ切り替えで簡単に見れるようになっています。
今後の展望
今後の展望としては、
- GoogleMapAPIの情報も取得する
- 地図上でどの場所にあるのか見れるようにする
- 各サイトで取得する情報の拡張(レビュー数や星の数など)
- 詳細ページに遷移できるようにする
など考えています...
アドベントカレンダーの最終日にはリリースしたいなと....思ってます...多分...