概要

このガイドは、Windowsのパソコンに WSL・Git・VS Code・Claude Code をそろえて、開発を始められる状態にするまでの手順書です。環境が整ったあとの開発の進め方(プロジェクトの作り方、Claude Codeの使い方、Gitでの管理、公開)も続けてまとめています。

作る環境

次の4つを組み合わせます。

道具	役割	入れる場所
WSL(Ubuntu)	Windowsの中で動くLinux。開発の作業場になります	Windows
Git	ファイルの変更履歴を記録し、GitHubとやり取りします	WSL(Ubuntu)の中
VS Code	コードを書く画面(エディタ)です	Windows(WSLにつないで使う)
Claude Code	コードを読み、書き、コマンドを実行してくれるAI開発アシスタントです	WSL(Ubuntu)の中

読み進め方

1. はじめに: 事前に確認することと、各ツールの関係を知る(10分ほど)
2. 環境構築: 上から順にインストールと設定を進める(1〜2時間ほど)
3. 開発の流れ: 実際にプロジェクトを作り、Claude Codeで開発して公開する
4. リファレンス: コマンド一覧や、困ったときの対処を調べる

各ページの最後には、動作を確認するコマンドがあります。確認が取れてから次へ進むと、あとでつまずいたときに原因を絞りやすくなります。

このガイドの前提

• Windows 10(バージョン2004以降)または Windows 11 を使っている
• パソコンの管理者権限がある(WSLのインストールに必要です)
• Claude Code を使えるアカウントがある(詳しくは「事前に確認すること」)
• コマンドを貼り付けて実行する程度の操作は、最初に練習すれば大丈夫です

表記のルール

コマンドは、どこで実行するかをコードブロックの左上に表示します。

wsl --version

上は Windows側のPowerShell で実行するコマンドです。次のように「Bash」と表示されたものは、WSL(Ubuntu)の中で実行します。

git --version

コードブロックの右上の「コピー」を押すと、そのままコピーできます。

公式情報について

インストールのコマンドや画面の名前は、更新で変わることがあります。うまくいかないときは、各ページの末尾にある公式ドキュメントも確認してください。

• Claude Code 公式ドキュメント
• WSLのインストール(Microsoft)
• VS CodeでのWSL利用