プログラミングをまなぶ
ゼロから Claude Code と開発を学ぶ全33回コース。上から順に進めよう
だい1かい コンピューターとプログラムって？
コードを書くまえに「コンピューターはどう動くか」を知ろう。入力→しょり→出力のしくみ。
だい2かい アカウントを作ろう
開発につかうアカウント（GitHubなど）をおうちの人と作る。パスワードと2段階認証の約束ごと。
だい3かい repo を動かす
このサイトのコードを自分のパソコンに持ってきて動かす。ターミナル・git clone・npm の最初の一歩。
だい4かい はじめてのコード「Hello」を出す
ブラウザのコンソールで console.log を使い、はじめて自分のコードを動かす。出力・文字・計算。
だい5かい へんすう（数や文字を入れる箱）
値を箱（へんすう）に入れて使い回す。const と let、中身を変えると出力が変わる。
だい6かい if でわける
もし〜なら、で動きを分ける。if/else と、大きい・等しいをくらべる書き方。
だい7かい くり返し（おみくじを作ろう）
for で同じことをくり返す。配列（ならんだデータ）から1つ選んで、おみくじを完成させる。
だい8かい タグって何（HTMLのきほん）
Webページは入れ子の箱（タグ）でできている。見出し・文・画像・リンクの基本タグ。
だい9かい head とメタ（カードの仕組み）
画面に出ない情報＝head。このサイトは head のメタを読んで一覧カードを作っている。
だい10かい CSSで見た目をかえる
色・大きさ・余白をつける CSS。style属性から style タグ、セレクタへ。
だい11かい 自分の学習HTMLを1枚つくる
ここまでの HTML/CSS で本物のドキュメントを1つ完成させ、このサイトの一覧に自分のカードを出す。
だい12かい ボタンを押すと変わる
イベント＝『押されたら○○する』。ボタンと関数で、ページに動きをつける。
だい13かい DOMと状態（カウンターを作ろう）
JSがHTMLを書きかえる仕組み（DOM）。変数で『いまの数』を持って、+1で増えるカウンター。
だい14かい 小さなクイズを作る
ここまでの全部を合体。4択クイズを作って正誤を判定し、○×を出す。九九アプリの縮小版。
だい15かい なぜ履歴を残す（commit）
コードのセーブポイント＝commit。add・commit・log・diff で変更を記録し、見返す。
だい16かい branch と Pull Request
別の作業線（ブランチ）で進め、提案→レビュー→合流する流れ。おうちの人にレビューしてもらう。
だい17かい main→Vercelで世界に出る
PRをマージすると Vercel が自動で公開してくれる。自分の変更が本物のURLに出る瞬間。
だい18かい なぜ素のHTMLじゃ足りない（フレームワーク）
ページが増えると同じ部品の使い回しや管理が大変。それを助けるのがフレームワーク（Next.js）。
だい19かい ページを1枚足す
Next.js でURLを増やす。app の中にフォルダと page を作って、自分のページ /mypage を表示する。
だい20かい /kuku を読む（流れを追う）
本物の九九アプリのデータの流れを読む。出題→保存→集計が、どのファイルのどこか印をつける。
だい21かい なぜ保存が要る（データベース）
メモリは消える、データベースは残る。表（テーブル）＝行と列。九九アプリの attempts を見る。
だい22かい テーブルと かんたんSQL
データベースに話しかける言葉 SQL。SELECT でしぼり込み、COUNT で数える。
だい23かい 1件保存して読む
アプリ↔データベースの往復。練習用テーブルに1件 INSERT して、SELECT で読み出す。
だい24かい ログインって何
ログイン＝アプリが『あなたが誰か』を知ること。user_id で自分の記録だけが見える仕組み。
だい25かい ログインした人だけのページ
ログイン必須のページを作る考え方。そして『サーバーはクライアントを信用しない』という大事な約束。
だい26かい 何を作る？（企画）
いよいよ自分の学習アプリ作り。あったらいいアプリを決めて、機能を言葉にする企画メモを書く。
だい27かい 設計：画面とデータ
作る前に地図を描く。どんな画面が要る？どんなデータ（テーブルの列）を保存する？を決める。
だい28かい 見た目を作る
まずデータなしで画面の枠だけ作る。だい8〜10のHTML/CSSと、だい19のページ追加を使う。
だい29かい 動き・ロジック
アプリの中心の機能をJSで作る。出題や正誤判定を、画面と切り離した『純関数』にまとめる。
だい30かい 保存する（データベースにつなぐ）
自分のアプリをデータベースにつなぐ。テーブルを作り、保存して、記録を表示する。
だい31かい ログインをつける
自分のアプリに認証を足して『自分専用の記録』にする。保存する行に user_id を入れる。
だい32かい 公開する
作った自分のアプリを、PR→マージ→デプロイで世界に公開する。Phase 4の総しあげ。
だい33かい ふりかえりと次の一歩
学んだ枠組み全体をふりかえり、言葉にする。自分のアプリ紹介を書いて、次に進む道を知る。