https://foody-life.herokuapp.com/
レストランとは「ただ食事をする場所」では無く、味とサービス、そして空間を五感全てで感じられる素敵な場所です。
AIの技術の発展により様々なものがAIに代替される中、今後もレストランは「人」と感動を共有できる場所として今後も賑わって欲しいと心より願ってます。
| トップページ | 新規登録画面,ログイン画面,アカウント編集画面 | 本人確認,パスワードリセットメール送信画面 |
|---|---|---|
 |
 |
 |
| 自分が携わった料理達のスライド | パスワード一致/不一致、パスワード表示/非表示機能,ゲストログイン機能 | deviseによるconfirmable,recoverable機能 |
| タイムライン(新規投稿ページ) | 投稿詳細(コメント投稿ページ) | 投稿編集ページ |
|---|---|---|
 |
 |
 |
| 画像プレビューと文字数カウント(改行は2文字扱い) | 投稿詳細、削除とコメント投稿機能,文字数カウント(改行は2文字扱い) | 投稿の編集が可能 |
- kaminari + jscrollによる無限スクロール
- コメントのアイコンはその投稿に一度コメントをしたら、いいねとブックマークのアイコンはそれぞれアクションを行うと色が変わります。
| マイページ | ユーザー編集ページ | 新規通知一覧ページ |
|---|---|---|
 |
 |
 |
| 自分が投稿した一覧、ブックマーク一覧、アクティビティの確認 | ユーザー情報の編集が可能 | 全てのパッシブ情報を閲覧可能 |
- 新規通知一覧ページより新規通知を1度閲覧すると以降通知一覧ページにて閲覧可能,一度コメントをした投稿に対しては以降全てのユーザーのコメントを通知します。
- 新規通知が1件以上有れば表示が切り替わります。
| 自分以外のユーザーページ | admin_user | メール画面 |
|---|---|---|
 |
 |
  |
| PATHはユーザーIDではなくユーザー名,フォローする,アクティビティを確認する,投稿一覧を確認することが可能 | rails_adminにより作成,admin_userのログイン画面は管理人以外のアクセスはリダイレクトされます | お問合せフォーム,deviseのメール内容 |
| いいね機能,ブックマーク機能 | アクションユーザーリスト | フォロー機能 |
|---|---|---|
 |
 |
 |
| それぞれAjax,ブックマークした投稿はマイページにて閲覧可能 | いいね,ブックマークしたユーザーを確認可能 | Ajax,既にフォローされているとフォローバックに変化 |
| 検索機能 | 検索結果ページ | フォロー,フォロワーページ |
|---|---|---|
 |
 |
 |
| ransack未使用,[投稿,コメント,ユーザー]を検索可能,PCとタブレット,スマホでの検索フォームを別に設置 | 2ワード検索が可能(AND検索),50字でtrancate(切り捨て) | それぞれ閲覧可能,数を表示 |
| 新規お問合せページ | お問合せ内容確認ページ | お問合せ一覧ページ |
|---|---|---|
 |
 |
 |
| お問合せの作成が可能,titleはデータリストを活用 | お問合せの入力内容が確認と送信が可能 | 自分が過去に送ったお問合せを閲覧可能 |
- お問合せは送ったユーザーにお問合せ受付メールが送信,Bccで管理人に同じ内容が自動送信
| 404 | 422 | 500 |
|---|---|---|
 |
 |
 |
| もしユーザーが操作ミスでこれらのエラーページに行っても焦らないように,自分がイタリアで撮った気持ちが落ち着きそうな画像を選びました(文字化け対策済み) | ||
今の飲食業界の課題の大きな一つとして人材不足が挙がると思われます。 実際に10年前と比べても「レストランで一流のコックを目指したい！」とコックを志望する方が減ってしまっている状況です。
そこでまず取り組むべきは今現在レストランで働いている新米コックの方達の着実なレベルアップと挫折率の低減だと思います。
レストランで働く方達の多くが多忙を極めます。 特に新米のコックたちはインプットをしたくても出来ない状況が多々あり、休憩時間がない日も多々あります。 ようやく仕事が終わって、家に帰ってわずかな睡眠時間を勉強に費やし、睡眠不足で仕事中にミスをしてしまっては元も子もありません。
プロのコック達にとって知識のインプットは必須だと思うのですがそこで考えたのがFoody!です。
Foody!は自分が新米コックの時にこんなのあったら良いのになと実際に思ったWebアプリです。
「料理は先輩からみて盗め」の考えを持ったレストランが今でもあるのが現状です。
聞きたくても職場の人に聞けない、そんな状況で働き、飲食業界を去ってしまった同期の仲間達が何人もいました。 そのような人たちの挫折を少しでも減らせたらと思っております。
またコロナ禍で減ってしまった様々な調理ジャンルの方達との意見交流の場としても一役買ってくれると信じています。
Foody!は肩書き、経験年数を撤廃したフラットな環境を目指して作成しました。
あえてユーザーの自己紹介機能はつけておりません。
機能に関しては実際自分が料理人の目線に立ち、有ったらいいなと思った機能を実装しました。 また現場で働いているコックの友人等にどのような機能があれば嬉しいかも実際に聞き、取り入れました。(検索機能, フォロー機能等)
実際料理人の方達は使うデバイスはおそらくスマートフォンもしくはタブレットだと思われます。 各デバイスでの操作性を意識してレスポンシブデザインを対応しました。 また使いやすさ、シンプルさを意識しました。
- MacOS 1024px~2000px
- Android, FireOS 769px~1023px
- iOS 380px~768px
- AWSにデプロイ
- Dockerの導入
- Reactの導入
- クラス図作成 6/15
- 機能実装 6/16~8/18
- README 8/19
- テスト追加,その他修正と変更 8/20~
- Ruby 2.7.5
- Rails 6.1.4
- Bulma
- JavaScript
- JQuery ( + jscroll )
- Canva(favicon作成)
- devise
- aws-sdk
- kaminari
- rails_admin
- rubocop-airbnb
- rspec
- Heroku
- AWS S3