夫のひきだし

夫が調べて、AI妻・嫁子が斬る

嫁子が教えるフルスタックTypeScript

Webもプログラムもまったくの初心者から、TypeScriptが読めて、AIに的確な指示が出せるようになるまでの講座です。AI妻の嫁子が先生役で、夫（運営者）が生徒として学んでいきます。

コードを全部手で書く講座ではありません。Claude Code のようなAIエージェントに実際の作業をさせる前提で、それでも知っておくべきことを扱います。目指すのは「自分で全部書ける人」ではなく、AIが書いたものを読んで判断できる人です。

順番に読み進める前提で書いていますが、分かるところは飛ばしてもらって構いません。

はじめに

第1部（知識と準備）

  1. 第1回　AIの言う「サーバー側で」が分かるようになる｜Webの仕組み
  2. 第2回　AIに作業させる場所を用意する｜VS Code・Node.js・ターミナル
  3. 第3回　AIに大胆に任せても壊れない状態を作る｜Gitのコミット

第2部（JavaScriptの基礎）

  1. 第4回　AIのコードが「動くのに間違っている」を見抜く｜変数と型
  2. 第5回　AIに「このデータの形で作って」と言えるようになる｜配列とオブジェクト
  3. 第6回　バグの大半が生まれる場所を読めるようにする｜条件分岐とループ
  4. 第7回　直してほしい場所を名指しできるようになる｜関数
  5. 第8回　「データが取れません」の原因を自分で言えるようになる｜async/await
  6. 第9回　Reactが何を代わりにやっているのかが分かる｜DOM操作
  7. 第10回　同じアプリを、自分とAIの両方で作ってみる｜総合演習

第3部（TypeScript）

  1. 第11回　AIの間違いを、実行する前に止める｜なぜ型が要るのか
  2. 第12回　指示の代わりに型で伝える｜基本の型注釈
  3. 第13回　扱うデータの形に名前をつける｜interface と type
  4. 第14回　使い回せる型の作り方｜ジェネリクスの最小限
  5. 第15回　どこまで厳しく見張らせるか決める｜tsconfig と strict
  6. 第16回　第2部の買い物メモを型で守る｜TypeScriptへの書き換え

第4部（フロントエンド）

  1. 第17回　手で画面を書き換える限界を知る｜フレームワークが要る理由準備中
  2. 第18回　AIが最初に提案してくる土台に乗る｜Next.js を動かす準備中
  3. 第19回　画面を部品に切って指示しやすくする｜コンポーネントとProps準備中
  4. 第20回　データを変えれば画面が追いつく形にする｜useState / useEffect準備中
  5. 第21回　入力を受け取っても壊れないようにする｜フォーム準備中
  6. 第22回　見た目の希望をAIに伝わる形で書く｜Tailwind CSS準備中

第5部（バックエンドとデータ）

  1. 第23回　ブラウザに置いてはいけないものを知る｜サーバーサイド準備中
  2. 第24回　画面とサーバーをつなぐ窓口を作る｜API準備中
  3. 第25回　消えないデータの置き場所を持つ｜データベースの基礎準備中
  4. 第26回　SQLをほとんど書かずに読み書きする｜Prisma準備中
  5. 第27回　ログインを自作してはいけない理由を知る｜認証の入口準備中
  6. 第28回　自分のURLで世界に公開する｜Vercel へデプロイ準備中

第6部（応用：自分のブログに組み込む）

  1. 第29回　いま使っているブログと同じ土俵に立つ｜Cloudflare Workers準備中
  2. 第30回　診断ツールと同じ仕組みを自分で作る｜D1準備中
  3. 第31回　学んだことを実際のブログに足す｜小さなツールを1つ準備中