- Bischierge -

Bistro + Concierge = Bischierge

近くの飲食店をランダムで検索出来ることができるアプリケーションです。
「今日、何食べる？」を、Simple, Smart and Smooth User Flowで解決する事がコンセプトです。

※夜間・土日は停止しています。

https://www.bischierge.work/

簡単ログインユーザー :
mail: test@gmail.com
pw: testPassword

テストログインユーザー（↑と相互フォローしてます） :
mail: test2@gmail.com
pw: testPassword

こういった記事も書いてます。
【前編】Rails+Nuxt+MySQL+Dockerで作ったWEBサービスをECS・ECR・CircleCIで自動テスト・デプロイしてterraform化する
【中編】Rails+Nuxt+MySQL+Dockerで作ったWEBサービスをECS・ECR・CircleCIで自動テスト・デプロイしてterraform化する

ハンズオンに使ったリポジトリ

Target users

• これから「何を食べようか」と悩む人
• これから恋人や友人と食事に行く際に、何処に行くか決められない人
• グルメサイトを見て、情報が多すぎて何処に行くべきか決められない人

Functions

• 飲食店検索機能

  • 飲食店をランダムで9件表示します。
  • 気分に合わせて洋食・和食・中華などの絞り込みが行えます。
  • 予算に合わせて絞り込みが行えます。
  • 現在の位置情報を利用しても絞り込みが行えます。
  • マップを指定しても絞り込みが行えます。（住所から検索・マップを動かして指定可）

• コメント機能

  • コメントが投稿・削除が出来ます。
  • コメントへのイイね・削除が出来ます。
  • コメントに画像を添付してアップロード出来ます。

• お気に入り機能

  • いつか行きたい、行ってよかったお店をお気に入りに登録・削除出来ます。
  • 過去にしたお気に入りを全て表示出来ます。

• 訪問機能

  • 行ったことがあるお店を登録・削除出来ます。
  • 過去に行ったことがあるお店を全て表示出来ます。

• プロフィール機能

  • ユーザーを登録、プロフィールを編集・削除出来ます。
  • ユーザー画像をアップロード出来ます。
  • プロフィール画面で、直近お気に入り・行ったことがある・コメントしたお店を表示出来ます。
  • プロフィール画面で、直近行ったことがあるお店のマップを表示出来ます。

• タグ機能

  • プロフィールで登録したユーザーにタグ情報を付与出来ます。
  • 飲食店に紐づけられたタグ情報を検索出来ます。
  • ログインユーザー以外が過去に入力したタグを入力時にレコメンド出来ます。
  • 選択飲食店以外の他のユーザーが過去に入力したタグを入力時にレコメンド出来ます。

• 検索機能

  • ユーザーに紐づけられたタグ情報を検索出来ます。
  • 飲食店に紐づけられたタグ情報を検索出来ます。
  • ユーザーネームからユーザーを検索出来ます。

• フォロー機能

  • ユーザー同士でフォロー・フォロー解除出来ます。
  • 相互フォローだった場合、アイコンがつきます。
  • フォローしている人が直近お気に入りしたお店りがレコメンドされます。
  • フォローしている人が直近訪れたお店がレコメンドされます。

• インビテーション機能

  • フォローしているユーザーに招待状を送れます。

• 通知機能

  • フォローされていると、プロフィールアイコンに新着バッジがつきます。
  • プロフィールページ閲覧時にリアルタイムで通知が消滅します。
  • インビテーションが来ていると、インビテーションアイコンに新着バッジがつきます。
  • インビテーションページ閲覧時にリアルタイムで通知が消滅します。

• 管理画面機能(active admin利用)

  • DBの閲覧・操作が可能です。各テーブルで可能な機能は下記記載。
  • Users: View/Edit/Destroy
  • UserTags: View/Edit/Destroy/Create
  • Notifications: View/Edit
  • Comments: View/Edit/Destroy
  • CommentFavorite: View
  • Favorites: View
  • VisitedShops: View
  • FollowRelationships: View
  • Invitations: View/Destroy
  • ShopTags: View/Edit/Destroy/Create
  • LoggedShops: View/Edit/Destroy
  

Selling points

• 開発環境での問題をnginx、Vagrant等を用いて柔軟に解決する問題解決能力。
• Frontend、Backendを切り分け、Dockerを利用して疎結合のシステムを実現。
• DockerComposeを用いて開発環境構築・自動テストをしている。
• ECS/ECRを用いて本番環境を設計・構築、常時SSL通信をしている。
• Frontendにて、Nuxt.jsを用いてSPAを実現。
• UIUX・デザインにこだわり、より少ない導線・心地よい使用感でのサービス提供の実現。
• レスポンシブデザインに対応している。
• 外部API（HotPepperAPI、GoogleAPI、firebase）を用いて機能を実現している。
• CircleCIを用いて自動テスト・自動デプロイをしている。
• terraformを用いてIaCを実現している。
• Rails 5->6へのアップデート

Architecture

ER diagram

Technology used

Development Environment

• Docker
• DockerCompose
• nginx
• openssl
  

位置情報取得の際に、ChromeだとSSL化しなければ取得出来ないため、nginxを追加・対処しました。

• Vagrant（ubuntu）
  

PCのCPU・メモリ・バッテリーに限界が来たため、仮想環境にて開発。
Docker hyperkitがCPU100%に張り付くバグがあったため、対処しました。

Infrastructure

• ECS/ECR
• EC2
• ALB
• RDS for MySQL
• Route53
• Certificate Manager
• VPC
• IAM
• Auto Scaling
• S3

Infrastructure As Code

• terraform
• terraforming
• terraformer

CI/CD

• CircleCI

Frontend

• node:12.5.0
• Vue.js:2.6.11
• Nuxt.js:2.12.2
• Vuetify
• firebase/auth
• axios
• dotenv
• nuxt/auth,axios,dotenv,proxy
• lodash
• loaders.css
• vee-validate
• vuex-persistendstate
• es-lint
• babel-eslint
• prettier
• vue-server-renderer
• material-design-icons-iconfont
• vue2-google-maps

Backend

• ruby:2.6.3
• Rails:5.2.4.3 => Rails 6.0.3.2　【途中アップデートしました。】
• MySQL:5.7.30
• puma
• rubocop
• dotenv-rails
• rspec-rails
• carrierwave
• fog-aws
• devise
• activeadmin

IDE

• ATOM