0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ItayaAdvent Calendar 2022

Day 23

グルメ横断検索サービスのプロト版を作ってみた

Last updated at Posted at 2022-12-22

概要

グルメ横断検索サイトを作ってみたのでその紹介

システム構成

スクリーンショット 2022-12-23 3.12.40.png

今回はサーバーレスな形にしてみたかったのでバックエンドはLambda(Ruby)で記述しており、API GateWayを通じてAPI提供しています。
Lambdaの方から各種サイトに情報を取りに行き、その結果を返却するようにしています。
(どうやって情報とっているかなどは過去の記事を読んでください...)
またフロントエンドはAplifyを用いてホスティングしていて中身はVueで記述しています。

サービス紹介

画面のデザインはVuetifyに丸投げしていて、このようにエリアとキーワードを受け取れる様になっており、
スクリーンショット 2022-12-23 3.01.31.png

入力して検索を実行すると

食べログ ぐるなび Retty
スクリーンショット 2022-12-23 3.02.00.png スクリーンショット 2022-12-23 3.02.05.png スクリーンショット 2022-12-23 3.02.10.png

このような感じで各種サイトで検索した結果がタブ切り替えで簡単に見れるようになっています。

今後の展望

今後の展望としては、

  • GoogleMapAPIの情報も取得する
  • 地図上でどの場所にあるのか見れるようにする
  • 各サイトで取得する情報の拡張(レビュー数や星の数など)
  • 詳細ページに遷移できるようにする

など考えています...
アドベントカレンダーの最終日にはリリースしたいなと....思ってます...多分...

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?