実践② タスク管理アプリ

Node.js / Prisma / React で、JWT 認証つきの業務 SaaS を組み上げます。

19,800円税込・買い切り
17章
本文
約46万字
コード例
394本
目安の学習時間
約67時間
実践② タスク管理|タスク一覧
実践② タスク管理|タスク一覧
実践② タスク管理|ログイン
実践② タスク管理|ログイン
実践② タスク管理|タスク一覧
実践② タスク管理|ログイン

画像はすべて、教材どおりに作り切った状態の実画面です

こんな方に向いています

エンジニア志望の方(教材のみ・人のレビューはありません)

中身

  1. 01
    はじめにこのプロジェクトでは、タスク管理アプリをフルスタック + 認証つき CRUDで制作します。目安 約1.5 時間
  2. 02
    ヒアリング実務では、開発に入る前にクライアントから要望をヒアリングします。目安 約1 時間
  3. 03
    企画書を読み解く実務では、ヒアリング結果を整理し「何を作るか・作らないか」をクライアントと合意するために企画書を作成します。目安 約 6 時間
  4. 04
    要件定義書を読み解く要件定義書は、企画書の「何を実現したいか」を エンジニアが扱える具体的な要件 に翻訳したドキュメントです。目安 約 1.5 時間
  5. 05
    基本設計書を読み解く基本設計書は「外部仕様」を決めるドキュメントです。目安 約 2 時間
  6. 06
    詳細設計書を読み解く詳細設計書は、基本設計の各要素を 実装可能な粒度 まで分解するドキュメントです。目安 約2.5 時間
  7. 07
    実装の進め方ここまでの Chapter 3 〜 6 で、企画書・要件定義・基本設計・詳細設計と上流の成果物を読み解いてきました。目安 約1時間
  8. 08
    環境構築 (ローカル + Neon + 雛形起動)PJ#1 (Java + Tomcat) と違って、本 PJ はフロントとバックエンドの 2 プロセス構成です。目安 約3 時間
  9. 09
    Prisma スキーマ定義と migration / seed 投入PJ#1 (Java + JDBC) ではテーブルを schema.sql という生 DDL で書きました。目安 約 4 時間
  10. 10
    認証 API (signup / login / JWT 発行)POST /api/auth/signup で新規登録、POST /api/auth/login でログインし、レスポンスとして JWT を返します。目安 約8時間
  11. 11
    タスク CRUD API (一覧 / 作成 / 更新 / 削除 + 楽観ロック)目安 約9 時間
  12. 12
    Frontend ログイン / 登録画面と JWT 保存React + React Router で /login /signup / (タスク一覧) の 3 画面を行き来できるようにします。目安 約 6 時間
  13. 13
    タスク一覧画面 (Tailwind リスト UI + ステータスフィルタ)/tasks でログイン済みユーザーのタスクをカード状に並べた画面を作ります。目安 約7 時間
  14. 14
    タスクの作成・編集・削除モーダルこの章をやり切ると、次の 5 つができるようになります。目安 約 6 時間
  15. 15
    仕上げ(CSS・エラー・セキュリティ・デプロイ)機能が動くだけでは「実装完了」とは言えません。目安 約 8 時間
  16. 16
    実装FAQ実装中によく出る症状・対処法のリファレンス。
  17. 17
    用語ミニ辞書この章は 辞書として使う章 です。目安 通読不要

手に入るもの

  • 教材の本文と、章ごとの進め方
  • 書き上げた成果物1本

サポートと条件

サポート
Tapのみ・30日
受講料充当
充当の対象外です
閲覧期間
教材の閲覧は無期限です
  • 人によるレビュー・提出物の添削・ライブ講義・1on1 はありません
  • 単品はゆめさくエンジニアの受講料への充当の対象外です。充当をご希望の場合はコースをお選びください
まとめるならWEBエンジニアコース

この単品を含む4本がセットで 49,800円 です。単品合計 79,200円 から約37%お得になります。サポートは Tap に加えて人が90日、ゆめさくエンジニアの受講料にも全額充当されます。

WEBエンジニアコースを見る
実践② タスク管理アプリ19,800円お支払いは Stripe の1回払いのみです