Skip to content

Laravelで実装したコーヒー診断つきコーヒー用メモアプリ

License

Notifications You must be signed in to change notification settings

koheihida/what-kind-of-coffee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

アプリケーション名

what-kind-of-coffee??

環境

PHP 7.3.29
Laravel 8.74.0

実装期間

PHP学習期間:約2週間
第1実装:約2週間(Lightsailにデプロイ)
第2実装:約3週間(AWS:EC2にデプロイ/追加実装:コメント機能・検索機能/Docker導入)
第3実装:1日(Twitter・Google経由のログイン実装)

なぜPHP/Laravelなのか

エンジニアとして働いていく中で1つの言語のみで仕事をしている方は少ないのではないかという仮説があったので独学で新しい言語にどこまで挑めるのか挑戦してみたかったからです。

最新版 URL(aws:EC2 RDS(MySQL)にデプロイ)22年9月11日〜停止

https://waht-kind-of-coffee.ml/

テスト用アカウント

mail:aaa@gmail
パスワード:aaaa1111

mail:mmm@gmail
パスワード:mmmm2222

2022/01/31 追加実装

・ソーシャルログイン実装(Twitter・Google) Image from Gyazo

最新版 変更点

1、メモの検索機能実装

・検索機能ページへの遷移
Image from Gyazo

・検索
Image from Gyazo

2、ハンバーガーメニューの導入
Image from Gyazo

3、コメント機能実装 ・コメント機能ページへ遷移
Image from Gyazo

・コメント投稿
Image from Gyazo

・コメント削除機能(投稿したアカウントでログイン時のみ削除用iconが表示されます)
Image from Gyazo

4、レスポンシブ対応 ・topページ
Image from Gyazo

・チェッカー
Image from Gyazo

・メモ/検索機能
Image from Gyazo

URL(aws:Lightsailにデプロイ)※現在停止中

https://what-kind-of-coffee.link/ テスト用アカウント mail:zzz@gmail パスワード:zzzz7777

課題修正

リリース後、このアプリケーションを開きたいと思うようなワクワク感がないとのコメントがあったため メモページに遷移前にコーヒーの豆知識をランダムに表示するローディング画面を経由し5秒後メモページに遷移する様に実装しました。 Image from Gyazo

TOPページ

Image from Gyazo

診断ページ

質問を答えていくとオススメのコーヒーをアテンドしてくれるその後メモページに遷移する Image from Gyazo

メモページ タグから絞り込み

Image from Gyazo

メモページ 編集機能

Image from Gyazo

目的

①コーヒーのネタ帳として記録を残すアプリケーション ②�様々なエンジニアの方からコーヒーについて聞かれることが多かったのでコーヒーに纏わるアプリケーションなら使ってもらえる可能性が高い ③エンジニアの方達が既にコーヒー豆のDBサイトを作ろうとしていたが皆多忙のため止まっていたのでそこに刺激を与えるようなアプリケーションを作りたかった ④複数人の方と話しているとエンジニアの技術はびっくりするぐらい整理されている方も飲んできているコーヒーの情報の整理をしている方は意外と少ない仮設ができた ⑤記録をつけて自分のコーヒーを記録するアプリを作成するとMVCの流れも復習できると考えました。

ペルソナ

・エンジニア 26歳 男性 ・元々コーヒーが好きでよく飲んでいる ・よく情報を探したりしている内容を整理したいと思っている ・普段いくコミュニティ内でコーヒーもLTをしたり積極的にコーヒーについて動きたいと思っている ・同僚にコーヒーの相談をしてもあまり話が盛り上がらない ・もっとコーヒーショップの店員さんと話をしてみたい ・家では土日はドリップを淹れたりする ・平日は20時に帰宅後はYouTubeを見るのが日課 ・趣味は多くなく一つのことに特化したいタイプ ・土日は午前中はウォーキングを必ずする

エンティティ

①TOPページがある コーヒーの印象が残るようなページにする

②コーヒーの診断ページがある JavaScriptを使用して最終診断後にメモページに遷移するようにする。 多くの人に見てもらえるようにこの診断は登録無しでもできるようにする 今回は既に存在(可視化できている)しているモノをアプリケーションに起こすことでリメイクしてみようと思います。 情報は多岐に渡るのですが、ライトアップコーヒーの川野氏が先日Twitterにアップしていた内容をリメイクしました。

ccb

③メモページがある シンプルに記載できるようにする 追加実装で画像も投稿できるようにする

④タグで整理できる ただ記録していくだけでは情報に埋もれてしまうので、振り返りやすいようにメモにタグ機能をつける

もくもく会で出会ったエンジニア達でコーヒー豆のDBサイトを作成するチームに参加させてもらったですが、デプロイなど基本の骨組みはできていたのですがそこから動きが止まっている状態でした。 もう少し具体的に提案できるようにミニアプリを作成しようと考えました。 前回のオリジナルアプリケーションでは本の内容という抽象的なモノをアプリケーションに起こすのがテーマでした。 今回は既に存在(可視化できている)しているモノをアプリケーションに起こすことでリメイクしてみようと思います。 情報は多岐に渡るのですが、ライトアップコーヒーの川野氏が先日Twitterにアップしていた内容をリメイクしました。

目指した解決

コーヒーが好きだけどどこから手をつけたら良いのかわからない人には診断機能 そして飲んだコーヒーを記録することによって今まで好きで飲んでいいただけのコーヒーの情報が整理できる。 コミュニティ内で使用すれば共通言語を作れる

テーブル

Image from Gyazo

users

column type
name string
email string unique
password string

memos

column type
id
content longText
updated_at timestamp
created_at timestamp
user_id foreign

tags

column type
id
name longText
user_id unsignedBigInteger
updated_at timestamp
created_at timestamp
user_id foreign

memo_tags

column type Center
memo_id unsignedBigInteger foreign
tag_id unsignedBigInteger foreign

comments

column type
id
comment longText
updated_at timestamp
created_at timestamp
user_id foreign
memo_id foreign

Qiitaにまとめました

https://qiita.com/kohei_04/items/8d54a19a308ce7d5a3de

About

Laravelで実装したコーヒー診断つきコーヒー用メモアプリ

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published