アプリの概要
アプリ名: FASHION-ONE
都内エリアのアパレルショップを、様々な情報や口コミを参考にしながら検索できるアプリです。
- 都内にあるお店を様々な条件で検索できる
- 行ったお店の口コミ投稿ができる
- 気になるお店を保存済み機能で保存することができる
１つのアプリだけでお店を調べることができることをコンセプトに、名前をFASHION-ONEにしました。
下記URLにて公開中です。
GitHubのURLはこちら。
アプリの作成背景
ファッションが好きな私は、上京して初めて服を買おうとした時に土地勘が掴めておらず、どの地域にユニクロやH&Mなどがあるのか分からなかったので、最初のお店探しが大変でした。
もし複数のブランドやセレクトショップをひとつのサイトで検索でき、都内のある地域だけに絞って検索することができれば、服好きの人、都内に上京したばかりの人、観光で東京を訪れた人は便利に感じるのではないかと思い、この悩みを解決しようと思い、アプリ開発に至りました。
アパレル店舗といってもファストファッションからラグジュアリーブランドと、価格帯が大きいので、今回はユーザー人口が一番多い、ファストファッションやセレクトショップをジャンルメインのアプリにすることにしました。
アプリの使い方
お店の検索方法
キーワード検索でお店を探すことができます。
エリアからお店を探すことができます。
ジャンルからお店を探すことができます。
ブランドからお店を探すことができます。
検索したお店を保存済みにすることができます。
お店に対して口コミ投稿することができます。
保存済みしたお店、口コミ投稿したお店はマイページで確認できます。
工夫した点
- ransackで複数の検索機能を実装
- Bootstrapでレスポンシブデザインに対応
- Active Adminでお店を登録、編集、削除できる
- 星５段階評価を表すために、jQueryのプラグイン（Raty）を使用
- 共同開発を意識
① Git,Githubを用いたソース管理
② Projectsのカンバン方式でタスクを管理
③ 適度にcommitし、プルリクエストをし、マージする流れで開発
機能一覧
| 機能 | Gem | |
|---|---|---|
| 1 | ログイン・ログアウト機能 | Devise |
| 2 | アカウント登録、マイページ編集機能 | Devise |
| 3 | アカウント削除機能 | Devise |
| 4 | ゲストログイン機能 | Devise |
| 5 | 検索機能 | Ransack |
| 6 | 画像投稿機能 | carrierwave |
| 7 | ページネーション機能 | Kaminari |
| 8 | 管理者画面機能 | ActiveAdmin |
| 9 | レスポンシブデザイン機能 | Bootstrap |
| 10 | 口コミ投稿機能 | x |
| 11 | 保存済み機能(Ajax) | x |
| 12 | フラッシュメッセージ機能 | x |
ER図
使用技術
- 言語：Ruby(3.0.0)
- フレームワーク：Ruby on Rails(6.1.4.1)
- フロントエンド：HTML&CSS/Bootstrap/JavaScript/jQuery
- DB：PostgreSQL
- インフラ：Heroku(Heroku Postgres,Papertrail,PointDNS)+AWS(S3)
- ドメイン:お名前.com
- ソースコード管理：Github
- その他使用ツール:Visual Studio Code, draw.io, Font Awesome
今後追加したい機能
- AWS（VPC、EC2、RDS、S3、IAM、Route53、ACMを使用）へのデプロイ(現在実装中)
- テスト(Rspec)を記述
- GoogleMapsAPI連携