学習ハブ
BAUHAUS のチュートリアル・シリーズ記事を、読む順序が分かるようにまとめた学習ハブです。旗艦シリーズから順に読み進められます。単発のチュートリアルは末尾の「その他」またはカテゴリ「ノウハウ」から探せます。
目次
学習記録アプリ完全ガイド
学習内容を記録するアプリを、React（CRA）またはNext.js（App Router）で作る連載です。Supabase 入門から Firebase 認証・DB、Zenn 書籍化までをカバーします。
React 版と Next.js 版の選び方
| 観点 | React 版 | Next.js 版 |
|---|---|---|
| 向いている人 | CRA / Vite から React に入門したい | App Router 前提で学びたい |
| 主な BaaS | Supabase → Firebase | Firebase（Admin SDK 編あり） |
| 最初の記事 | チュートリアル 1 | Firebase 認証・DB（前編） |
| 冊子化のまとめ | Zenn 書籍化（React） | Zenn 書籍化（Next.js） |
React 版（読む順）
- チュートリアル 学習記録アプリ 1
- チュートリアル 学習記録アプリ 2 Supabase 編
- ユーザー認証実装（前編）
- ユーザー認証実装（後編）
- Firebase で認証・DB 実装（前編）
- Firebase で認証・DB 実装（後編）
- Zenn で書籍化してみた（React）
Next.js 版（読む順）
名刺アプリチュートリアル（React + Supabase）
名刺情報を管理するアプリを React と Supabase で構築するシリーズです。
カレンダーメモアプリ（Next.js + Supabase）
カレンダー UI とメモを組み合わせたアプリを Next.js と Supabase で作る前後編です。
AI 駆動開発入門
仕様駆動開発・Cursor / Kiro の活用、Colorism v2 の再構築など、AI 時代の開発フローを扱う記事です。
- Kiro と Cursor を活用した仕様駆動開発（進め方・ツール）
- Colorism v2: 色彩学習アプリを作り直した話（開発記）
- 仕様駆動をやってみて分かったこと（判断・正本ドキュメントの観察記）
その他のチュートリアル（単発・入門）
上記シリーズ以外の入門記事・Tips です。古いレガシー記事も含めた一覧はカテゴリ「ノウハウ」を参照してください。