LoginSignup
19
8

More than 1 year has passed since last update.

【Rails】ポートフォリオ(スイーツ専門の検索・口コミ・交流サイト)

Last updated at Posted at 2021-02-16

はじめに

今回、約1ヶ月をかけて初めて自分自身一人でポートフォリオを作成しましたので、記録として残しておきたいと思います。
私の簡単な経歴と致しましては、前職まで6年ほど菓子屋に勤めておりましたが退職。独学期間1ヶ月、現在プログラミングスクールを利用し現在3ヶ月目を終了というところで、4ヶ月間の集大成になります。
今後も機能などにつきましては追加をしていく予定ですので、その都度更新していきたいと思います。

アプリのトップページ

動画として掲載したかったのですが、エラーになってしまい反映されなかった為画像を掲載させていただいております。
PC版(出来れば13インチサイズ位で見ていただきたいです...)
スクリーンショット 2021-02-15 23.42.25.png

アプリ概要

スイーツに特化した検索、口コミ、交流サイトです。
● スイーツの店舗を検索し、店舗情報の確認や口コミの投稿が可能。
検索対象: フリーワード、ジャンル、ランキング

● ユーザーは自分が食べた物を写真付きで投稿可能。
コメントで他ユーザーとやりとりすることができる。

● 気に入った店舗や他ユーザーのお気に入りに追加が可能。

テーマの選定理由・まとめ

冒頭でもお伝えした通り前職までの経験を元にしております。
簡潔にまとめて以下の3点になります。

● 特定の種類の物(ケーキのみ、パフェのみ等)を求めるコアなお客様が多く、スイーツと一言で括るには枠が大きすぎる。

● スイーツに関わる店舗を探したいときに、スイーツに特化したサイトがあまりなく、細分化したサイトが必要と感じていたこと。

● お客様同士がスイーツを通じて親しくなっていく様を見て、そうした交流の場も含めたサイトにしたい。

実装機能一覧

機能やそれに伴い使用したgem、外部コンテンツなどは下記の表にまとめております。
※機能などに漏れがありましたら、申し訳ありません。

機能 gem / 備考欄
1 ユーザー/管理者(ログイン機能) devise
2 マイページ機能 refile / refile-mini_magick
3 つぶやき投稿 refile / refile-mini_magick
4 フリーワード検索   ransack
5 ジャンル検索    ×
6 通知機能      ×
地図表示(google map API) geocoder / gmaps4rails
8 レビュー機能(星による評価)  raty.js
9 ページネーション機能     kaminari
10 いいね、お気に入り機能    Ajax(非同期)
11 お問い合わせ機能      Action Mailer
12 画像解析(タグ付け)機能   Google Vision API(LABEL DETECTION)
13 レスポンシブ対応(不完全)  13インチサイズと、モバイル版の600px以下が一番綺麗にご覧いただけます。
14 コード解析          RuboCop
15 単体・結合テスト(一部)   RSpec
16 自動デプロイ AWS, GitHub Actions(CI/CDツール)
17 ドメイン指定         お名前.com / AWSRoute 53


追加実装予定

● フリーワード検索で複数ワードを有効にする(現在は単一ワードのみ)
● エリアごとの検索機能
● 通知機能(コメントへの通知も対応)
● SNS認証機能
● アニメーションなど動きをいれる

開発環境

OS:Linux(CentOS)
言語:HTML,CSS,JavaScript,Ruby,SQL
フレームワーク:Ruby on Rails
JSライブラリ:jQuery
IDE:Cloud9

ポートフォリオURL

興味のある方はこちらより、サイトをご覧いただけます。
ゲストユーザー機能がありますので、登録などの手間なくご利用いただけます。
何度も重複し申し訳ございませんが、レスポンシブ対応がまだまだ不完全な為、13インチサイズと、モバイル版の600px以下が一番綺麗にご覧いただけます。
少し動作が重いかもしれませんが、ご了承ください。
拙いポートフォリオではございますが、お気づきの点やアドバイス等ございましたら、コメントをいただけますと幸いです。どんなお言葉でも真摯に受け止め、また明日からの学習の励み・就活への励みにさせていただきたいと思います。

※ 現在は停止しております。
https://sweets-meguri.work/

終わり

今回ポートフォリオを公開させていただきましたが、私自身このアプリはまだまだ不完全な物だと自負しております。
ただ、未経験から学習を始め約4ヶ月。
せっかくデプロイしたことや良い区切りでもあるかと思い、今回思い切って自身のアプリケーションを公開させていただきました。
今後も機能面などで追加実装をした際には、その都度更新させていただきたいと思います。
長々と執筆してしまいましたが、もし最後までご覧いただいた方がおりましたら、ありがとうございます。
以上で、今回の記事は終了させていただきます。

19
8
2

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
19
8