学習ハブ

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

Zenn 書籍(いま読むなら)

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

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

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

シリーズ: MarkdownBook 全7巻

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

  1. 第1巻(無料)
  2. 第2巻(無料)
  3. 第3巻
  4. 第4巻
  5. 第5巻
  6. 第6巻
  7. 第7巻

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

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

学習記録アプリの実装イメージ(React/Next.js)

学習内容を記録するアプリを、React(CRA)またはNext.js(App Router)で作る連載です。Supabase 入門から Firebase 認証・DB、Zenn 書籍化までをカバーします。

React 版と Next.js 版の選び方

観点React 版Next.js 版
向いている人CRA / Vite から React に入門したいApp Router 前提で学びたい
主な BaaSSupabase → FirebaseFirebase(Admin SDK 編あり)
最初の記事チュートリアル 1Firebase 認証・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)

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

  1. Supabase 連携(前編)
  2. Supabase 連携(後編)
  3. Supabase 連携(拡張編)

カレンダーメモアプリ(Next.js + Supabase)

カレンダーメモアプリの画面イメージ(Next.js + Supabase)

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

  1. チュートリアル(前編)
  2. チュートリアル(後編)

AI 駆動開発入門

AI駆動開発の事例イメージ(Colorism v2)

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

その他のチュートリアル(単発・入門)

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

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