【初級編(開発できるレベルの初級者向け)】
目標:基礎的なCRUDやログイン処理を理解する。
React(Viteベース)
- 1. 簡単なカウンターアプリを作成してください。
- 数字を+1、−1できるボタンを設置。
- 2. フォームから名前を入力して表示するアプリを作成してください。
- 入力 → ボタン押下 → 入力した名前が下に表示される。
- 3. APIからデータを取得してリスト表示するコンポーネントを作ってください。
- JSONPlaceholder(https://jsonplaceholder.typicode.com/posts)などから取得。
- 4. コンポーネント分割を練習してください。
- リスト部分、入力フォーム部分を別ファイルに分ける。
- 1. Userモデルを作成して、email, password_digestを持たせてください。
- bcryptを使ってパスワード暗号化。
- 2. SessionControllerを作成して、emailとpasswordでログインできるAPIを実装してください。
- 正しくログインできたらsession[:user_id]を設定。
- 3. Postモデルを作成して、タイトルと本文を保存できるAPIを作成してください。
- posts#create, posts#index APIを作る。
- 4. 簡単なバリデーションを設定してください。
- タイトルは必須、本文は必須ではない、など。