LoginSignup
6
2

More than 1 year has passed since last update.

飲食店横断検索サービス「おうだん君」を作って公開してみた🎉

Last updated at Posted at 2022-12-24

完成品

出来上がったものがこちら!!

概要

アドベントカレンダーで色々tipsを書いていたのですが、最終成果物として1つwebアプリケーションを作ってみたのでそれの紹介

なぜ?

アプリケーションを作ろうと思ったきっかけは以下の2つ

  • アドベントカレンダーを埋めるにあたって最終的に何かを目指して開発をしていったほうがネタが集まりやすそう
  • 最近新しいサービスを作れてなかったから作りたかった

「おうだん君」とは?

スクリーンショット 2022-12-24 23.07.17.png
おうだん君とは、タイトルに有るように飲食店横断検索サービスです。
皆さんお店を探す際にGoogleMapだったり食べログだったりRettyだったりいろんなサイトを見て判断の材料にしていると思います。
ただ、こっちのサイトではこう書かれてるけど他のサイトだとどうなんだろう?って思うことありませんか?
それを解決してくれるのがこのおうだん君です。

使い方

使い方はいたってシンプルで
スクリーンショット 2022-12-24 23.12.41.png
ページにアクセスして、エリアとキーワードを入力すると
スクリーンショット 2022-12-24 23.12.52.png
こんな感じで検索結果が下の方に表示されます。

食べログ GoogleMap Retty
スクリーンショット 2022-12-24 23.13.08.png スクリーンショット 2022-12-24 23.13.14.png スクリーンショット 2022-12-24 23.13.21.png

タブを切り替えることで簡単に比較ができます。
それぞれのサイトのレビュー数や評価、ストック(お気に入り)数など出しているので色々検討の材料にはなるかと。

システム設計

ここからは裏側の話、他の記事でも触れたりしているのですが一応
スクリーンショット 2022-12-24 23.09.19.png
フロントエンドはvueで開発していて、AWS Amplifyを用いてホスティングしています。
バックエンドはサーバーレス構成になっていて、API Gatewayを経由してLambda(ruby)で各サイトに情報を取りにいっています。

どうやってサイトの情報を取得してるの?

このあたりの記事で軽く触れているので興味あるようでしたら見てみてください

各種インフラ構築について

自分も今までちゃんとawsに触れたことはなかったので手探りでやってましたが、下記の記事を見てもらえればもがいた様子がわかるかと...

最後に

使ってみてくれた方がいたら感想とかコメントにくれると嬉しいっす!
以上アドベントカレンダ最終日の記事でした!!!!

6
2
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
6
2