完成品
出来上がったものがこちら!!
概要
アドベントカレンダーで色々tipsを書いていたのですが、最終成果物として1つwebアプリケーションを作ってみたのでそれの紹介
なぜ?
アプリケーションを作ろうと思ったきっかけは以下の2つ
- アドベントカレンダーを埋めるにあたって最終的に何かを目指して開発をしていったほうがネタが集まりやすそう
- 最近新しいサービスを作れてなかったから作りたかった
「おうだん君」とは?
おうだん君とは、タイトルに有るように飲食店横断検索サービスです。
皆さんお店を探す際にGoogleMapだったり食べログだったりRettyだったりいろんなサイトを見て判断の材料にしていると思います。
ただ、こっちのサイトではこう書かれてるけど他のサイトだとどうなんだろう?って思うことありませんか?
それを解決してくれるのがこのおうだん君です。
使い方
使い方はいたってシンプルで
ページにアクセスして、エリアとキーワードを入力すると
こんな感じで検索結果が下の方に表示されます。
食べログ | GoogleMap | Retty |
---|---|---|
タブを切り替えることで簡単に比較ができます。
それぞれのサイトのレビュー数や評価、ストック(お気に入り)数など出しているので色々検討の材料にはなるかと。
システム設計
ここからは裏側の話、他の記事でも触れたりしているのですが一応
フロントエンドはvueで開発していて、AWS Amplifyを用いてホスティングしています。
バックエンドはサーバーレス構成になっていて、API Gatewayを経由してLambda(ruby)で各サイトに情報を取りにいっています。
どうやってサイトの情報を取得してるの?
このあたりの記事で軽く触れているので興味あるようでしたら見てみてください
各種インフラ構築について
自分も今までちゃんとawsに触れたことはなかったので手探りでやってましたが、下記の記事を見てもらえればもがいた様子がわかるかと...
最後に
使ってみてくれた方がいたら感想とかコメントにくれると嬉しいっす!
以上アドベントカレンダ最終日の記事でした!!!!