学習ハブ

BAUHAUS のチュートリアル・シリーズ記事を、読む順序が分かるようにまとめた学習ハブです。旗艦シリーズから順に読み進められます。Zenn 書籍は下の「Zenn 書籍（いま読むなら）」からどうぞ。単発のチュートリアルは末尾の「その他」またはカテゴリ「ノウハウ」から探せます。

Zenn 書籍（いま読むなら）

サイト内の連載とは別に、Zenn で公開している書籍への入口です。まずは無料で読める章・巻からご覧ください。

新刊: Cursor で回す AI 駆動開発

コードをコピーする本ではなく、正本・契約・検証・UI防衛の型を一冊にまとめた本です。はじめに・第1章は無料で読めます（本編 ¥500）。

裏側は メイキング です。

シリーズ: MarkdownBook 全7巻

アプリを積み上げるハンズオン全7巻です。第1・2巻は無料で読めます。

シリーズの裏側は MarkdownBook メイキング にまとめています。

過去の Zenn 書籍（無料）

サイト内連載に対応した Zenn 書籍です。無料で全チャプターを読めます。

学習記録アプリ完全ガイド

学習内容を記録するアプリを、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. チュートリアル 学習記録アプリ 1
2. チュートリアル 学習記録アプリ 2 Supabase 編
3. ユーザー認証実装（前編）
4. ユーザー認証実装（後編）
5. Firebase で認証・DB 実装（前編）
6. Firebase で認証・DB 実装（後編）
7. Zenn で書籍化してみた（React）

Next.js 版（読む順）

1. Firebase 認証・DB 実装（前編）
2. Firebase 認証・DB 実装（後編）
3. Firebase 認証・DB 実装（Admin SDK 編）
4. Zenn で書籍化してみた（Next.js）

名刺アプリチュートリアル（React + Supabase）

名刺情報を管理するアプリを React と Supabase で構築するシリーズです。

1. Supabase 連携（前編）
2. Supabase 連携（後編）
3. Supabase 連携（拡張編）

カレンダーメモアプリ（Next.js + Supabase）

カレンダー UI とメモを組み合わせたアプリを Next.js と Supabase で作る前後編です。

1. チュートリアル（前編）
2. チュートリアル（後編）

AI 駆動開発入門

仕様駆動開発・Cursor / Kiro の活用、Colorism v2 の再構築など、AI 時代の開発フローを扱う記事です。

• Kiro と Cursor を活用した仕様駆動開発（進め方・ツール）
• Colorism v2: 色彩学習アプリを作り直した話（開発記）
• 仕様駆動をやってみて分かったこと（判断・正本ドキュメントの観察記）
• Cursor 3.11 — Side Chats と会話検索（本線を止めずに別質問）
• WANのプロンプト履歴が探しにくくて、自分用カタログを作った話（個人用途ツール・探すより足す）
• Name That UI（NameThatUI）— UI部品の呼び名とエージェント向けプロンプト（デザイン実装短報）

その他のチュートリアル（単発・入門）

上記シリーズ以外の入門記事・Tips です。古いレガシー記事も含めた一覧はカテゴリ「ノウハウ」を参照してください。

• [React] Todo リストの作成（初学者向け 1）
• [React] Todo リストの作成（初学者向け 2）
• [CSS] レスポンシブな font-size 指定
• VSCodeの補完・予測変換（サジェスト）が出ないときの対処法
• Google Cloud Shell が素晴らしすぎる

運営者ページはAbout、サイト全体の方針はトップページからどうぞ。