開発基礎

PCセットアップから、チーム開発の土台 Git・GitHub とブランチ戦略、フルスタックWebアプリの組み立て、インフラをコードで宣言する IaC、Google Cloud の準備、Claude Code の導入までを図解で整理します。

PCセットアップ実践約 7 分
開発を始める前に PC へ入れておくもの一式。デスクトップアプリ・実行環境・CLI・エディタの順に、Mac / Windows 別の手順でまとめます
Git / GitHub実践約 5 分
変更履歴を刻む Git と、クラウドで共有する GitHub。基本の言葉と自動リリースまで
ブランチ戦略実践約 4 分
Git のブランチと Neon の DB ブランチを1対1で対応させる。永続の幹は残し、PR ごとの使い捨ては GitHub 連携で自動生成・自動削除
Claude Code実践約 4 分
生成AIと組んで開発する。Claude Desktop ではじめる、画面の見方と最初の一歩
フルスタックWebアプリ実践約 3 分
フロント・サーバー・DB を1つのフォルダで。生成AIと一緒に、非エンジニアでも通しで作れる構成
SSR と SPA実践約 3 分
サーバ側 Cookie セッション（SSR）か、Bearer トークン（SPA＋API）か。CORS・脆弱性の向き・失効・デプロイ形まで、違いはログイン情報の置き場から派生する
IaC（インフラのコード化）実践約 5 分
サーバーやデータベースを手作業ではなく『コードで宣言』して自動で構築する考え方。主要ツールを世界地図と早見表で中立に見くらべます
Google Cloud セットアップ実践約 6 分
Google Cloud をコードで扱う前に押さえる、組織・プロジェクトの考え方と Terraform を動かすまでの段取り。“卵が先か鶏が先か”の state 問題まで