Web開発
FastAPI + React でフルスタックモダンWeb開発
FastAPIとReactを組み合わせ、API設計からフロント実装まで一気通貫で学ぶ5日間の研修
期間
5日
総時間
約35時間
形式
ハンズオン研修
オンライン / オフライン
エンジニア向け5日FastAPIReactフルスタック
DETAIL
詳細
概要
FastAPIでAPIを設計・実装し、Reactで画面から呼び出す。バックエンドとフロントエンドの役割分担を体験しながら、モダンなフルスタックWeb開発の流れを5日間で学びます。
目的
APIと画面が連携するWebアプリを、設計から実装・動作確認まで一気通貫で進められる状態をつくること。
到達ゴール
FastAPIのCRUD APIとReact画面を連携させ、一覧・作成・更新・削除まで動くアプリを完成できる。
研修の流れ
01
Day1：全体設計とFastAPIの基礎
1日- フルスタック構成の理解と環境構築
- エンドポイント設計とOpenAPIの確認
02
Day2：API実装（CRUD）
1日- モデル・スキーマ・ルーティングの実装
- バリデーションとエラーハンドリング
03
Day3：Reactフロントの基礎
1日- コンポーネント設計と状態管理の基本
- 一覧画面・フォーム画面の実装
04
Day4：API連携とUX改善
1日- fetch／クライアントからのAPI呼び出し
- ローディング・エラー表示・CORS対応
05
Day5：総合演習とレビュー
1日- 機能追加・リファクタリング
- 設計メモの整理と振り返り
補足事項
- —受講にはPCが必要です。事前にPython／Node.js環境の準備手順をご案内します。
- —オンライン学習の Python バックエンド／React 講座と組み合わせると、事前学習として効果的です。
- —題材や日数はカスタマイズ可能です。
形式・対象者・期間
- 形式
- ハンズオン研修オンライン / オフライン
- 対象者
- 新卒・若手エンジニア、フルスタック開発を経験したい方前提知識: Python基礎および HTML/CSS/JavaScript の基礎
- 期間
- 5日
- 総時間
- 約35時間