初級編を修了した方向け

AI×Web開発 中級編

Docker・MySQL・認証を使った本格的なアプリ開発

Docker MySQL JWT認証 テスト デプロイ
学習を始める

前提知識

この中級編は、以下を理解している方を対象としています：

  • HTML/CSS/JavaScriptの基礎
  • React/Next.jsの基本（useState, useEffect）
  • Python/FastAPIの基本
  • 簡単なCRUD APIの作成
  • Claude Code/Cursorの基本操作
  • ターミナルの基本コマンド

まだの方は 初級編 から始めてください。

この編で学べること

🐳

Docker

開発環境をコンテナ化し、チームで同じ環境を共有

🗃

MySQL

本格的なデータベースでデータを永続化

🔐

認証

JWT/NextAuth.jsでログイン機能を実装

🚀

デプロイ

作ったアプリを本番環境に公開

学習ロードマップ

第1部：アプリケーション設計

Step 1
要件定義の方法
Step 2
コンポーネント設計
Step 3
API設計
Step 4
データベース設計

第2部：Docker入門

Step 5
Dockerとは
Step 6
Docker基本操作
Step 7
Docker Compose

第3部：MySQL連携

Step 8
MySQL入門
Step 9
FastAPI + MySQL
Step 10
マイグレーション

第4部：認証機能

Step 11
認証の基礎
Step 12
FastAPIで認証
Step 13
Next.jsで認証

第5部：高度なフロントエンド

Step 14
状態管理
Step 15
フォーム処理
Step 16
データフェッチ

第6部：品質と効率化

Step 17
エラーハンドリング
Step 18
テスト入門
Step 19
AIコードレビュー

第7部：デプロイと運用

Step 20
環境変数と設定
Step 21
デプロイ実践

第8部：実践プロジェクト - ブログアプリ

Step 22
設計編
Step 23
実装編
Step 24
仕上げ編

最終成果物

認証付きブログアプリ

機能

  • ✓ ユーザー登録・ログイン
  • ✓ 記事の作成・編集・削除
  • ✓ 記事一覧・詳細表示
  • ✓ 自分の記事のみ編集可能

技術スタック

  • ✓ Docker + Docker Compose
  • ✓ MySQL + SQLAlchemy
  • ✓ FastAPI + JWT認証
  • ✓ Next.js + NextAuth.js

本格的なアプリ開発を始めよう

AIと一緒に、プロレベルの開発スキルを身につけましょう

Step 1: 要件定義を学ぶ