初回のみやること

このリポジトリ(徳永のアカウントにあるリポジトリ)を自身のアカウントにフォークして課題を進めること。

フォーク手順

1. https://github.com/daichi-tokunaga/kadai-app/fork にアクセス

2. Ownerが自分のアカウント、Repository nameがkadai-appになっていることを確認

3. 画面下のCreate fork(緑のボタン)を押下

4. 自身のアカウントにコピーされるので以降、そこに作ったものをpushしていく

環境構築

1. 準備

1. 自身のgithubアカウントからリポジトリをcloneしVSCodeで開く

2. VSCode上で[ctrl + @]でターミナルを開く(以降コマンドはここで入力する)(コマンドプロンプトでも可)

2. プロジェクトのアップデート

コマンドを実行

composer install

3. データベースの構築

1. xammpのコントロールパネルからapacheとMySQLを起動

2. xammpのコントロールパネル -> MySQLのAdminを押下しPHPMyAdminを起動

3. データベースのマイグレートコマンドを実行

php artisan migrate

実行すると下記のようにデータベースを作るか確認されるので yes と入力

  WARN  The database 'kadai-app' does not exist on the 'mysql' connection.

Would you like to create it? (yes/no) [no]

> yes <=入力

1. データベースに初期データを挿入

php artisan db:seed

4. アプリケーションの起動

起動

php artisan serve

アクセスURL

localhost:8000

ログイン

e-mail: oca@email.com
password: oca

---

課題

---

問題1

以下の５つのバグを修正しなさい。

---

Bug1

内容: ユーザーを押下してユーザー画面に遷移しても別のユーザーの画面に遷移してしまう。
修正: 正しいユーザーの情報が表示されること。

---

Bug2

内容: 投稿詳細画面( /post/detail/{id} )での右下の削除ボタンを押下しても投稿が削除されずに残っている。
修正: 削除した投稿がタイムライン等に表示されないようにすること。

---

Bug3

内容: 画面右上のログアウトボタンを押下しログアウトしてもログイン情報が残ってしまっている。
修正: ログアウトするとログイン情報がブラウザから削除されること。

---

Bug4

内容: 投稿画面( /post )で投稿する際、内容が0文字または140字より多い場合エラーが発生する。
修正: 文字数が1～140文字の場合のみ投稿処理を行うようバリデーションを追加すること

備考1: バリデーションでは投稿ボタン下部にエラーメッセージを表示すること

---

Bug5

内容: 投稿詳細画面( /post/detail/{id} )でログインしているユーザー以外の投稿(他人の投稿)も編集できてしまう。
修正: 他人の投稿詳細画面では「編集」「削除」のボタンは表示しないこと

---

---

問題2

新規登録画面を実装すること

---

ログインしていない状態ではヘッダーに新規登録ボタンが表示されている。 ボタンを押下すると新規登録画面に遷移するのでそこに新たに新規登録機能を実装すること。

---

新規登録画面要件

画面には以下のパーツが存在する。

• メールアドレス入力フォーム
• アカウント名入力フォーム
• パスワード入力フォーム
• 新規登録ボタン

※実装や画面レイアウトはログイン画面を参考にするとよい。

---

機能概要

メールアドレス、パスワードを入力した状態で「新規登録」ボタンを押下すると登録処理が開始する。
登録処理が成功した場合は、そのアカウントにログインしたうえでホーム画面にリダイレクトする。

【注意】 メールアドレスはほかのユーザーとかぶってはならないため、データベースに登録する前にすでに存在していないかチェックすること。すでに登録されているアドレスの場合は「新規登録」ボタン上部に「このメールアドレスはすでに使用されています」と表示すること。

---

バリデーション

下記ルールにしたがってバリデーションを実装すること

メールアドレス

• ●●●@×××の形式になっていること
• 半角英数、記号のみを許容すること

パスワード

• 半角英数、記号のみを許容すること
• 8文字以上であること

---