初中級開発
初中級開発ステージへようこそ！ここでは、フルスタック開発を深く掘り下げ、フロントエンドのコンポーネント化、データベース設計、バックエンドAPI開発、そしてデプロイメントまでをマスターします。
学べること
フロントエンド開発
モダンなフロントエンド開発をマスターし、コンポーネントライブラリとデザインツールの使い方を学びます。
バックエンド開発
API設計、データベース管理、アプリケーションのデプロイ戦略を学びます。
大規模課題
これまでの章では「パーツ」を学んできましたが、大規模課題では「パーツを組み立てて、動く・デモできる・公開できるプロダクトにする方法」を学びます。
大規模課題 1 → 大規模課題 2 の順序で進めることをお勧めします。
- 大規模課題 1 では、モダンSaaSで最も一般的なメインフローを一通り体験します：ログイン、生成、データベース、決済、管理画面。
- 大規模課題 2 では、より業務システムに近いシナリオに進みます：ロール権限、問題バンク、試験、提出記録、管理コンソール。
mermaid
flowchart LR
A["フロントエンドページとコンポーネント"] --> B["データベースとAPI"]
B --> C["大規模課題 1<br/>コピー生成 SaaS"]
C --> D["決済 / デプロイ / 管理画面"]
D --> E["大規模課題 2<br/>オンライン試験システム"]
E --> F["完全なフルスタックポートフォリオ"]どちらから始めるべきか迷った場合は、以下の比較表を参考にしてください。
| プロジェクト | 重点的に練習できる内容 | 最も適している人 | 最終成果物 |
|---|---|---|---|
| 大規模課題 1：コピー生成サイト | SaaSページ構造、ユーザーログイン、AI生成、Stripe決済、管理画面 | 初めて完全なビジネス向けサイトを作る人 | 登録・生成・決済・管理ができるSaaSのプロトタイプ |
| 大規模課題 2：オンライン試験・管理システム | ロール権限、問題バンクのモデリング、試験フロー、提出記録、採点と統計 | 「業務システム」を本当に完成させたい人 | 学生用と管理用の両方がある試験プラットフォーム |
どちらの課題を選ぶ場合でも、大規模課題では少なくとも以下の3つの成果物を用意することをお勧めします。
- 実行可能なプロジェクトリポジトリ
- アクセス可能なデモリンク
- READMEとデモ動画
上記2つのメインプロジェクトを完了した後、または自分の技術分野に合わせてポートフォリオを作りたい場合は、以下の拡張課題から1つを選んで深く取り組むことができます。
AI機能拡張
対象者
- プログラミングの基礎があり、体系的にフルスタック開発を学びたい開発者
- プロダクトマネージャーからフルスタックエンジニアへ転向したい学習者
- モダンな開発ツールとワークフローをマスターしたい初中級開発者
- 完全なプロダクトを独立して開発したい起業家
前提条件
- 「初心者とプロトタイプ」ステージを完了している、または同等の基礎知識を持っていること
- 基本的なHTML/CSS/JavaScriptの概念を理解していること
- AIプログラミングツールについて予備的な知識があること
フルスタック開発に深く掘り下げる準備はできましたか？左のナビゲーションをクリックして学習を始めましょう！