コードエディタ（VS Code）

コードエディタは、コード（プログラムの文字）を見たり直したりするための専用の道具です。高機能なメモ帳のようなもので、いちばんの定番が無料のVS Code（ブイエス・コード）。Claude Codeが書いたファイルの中身を、ここで見られます。

なぜ専用エディタ？（メモ帳じゃダメ？）

• ・色分け（ハイライト）でコードが格段に読みやすい。
• ・打ち間違いやエラーになりそうな所を、その場で指摘してくれる。
• ・ファイルとフォルダを一覧で扱える（左側に“地図”が出る）。
• ・ターミナルもエディタの中で開ける（Claude Codeもここから動かせる）。

作るものは“1つのフォルダ”にまとまっている

1つのアプリ＝1つのフォルダ（プロジェクト）に、たくさんのファイルが入った状態です。VS Codeでそのフォルダを開くと、全体を見渡せます。ファイル名のおしり（拡張子）で種類が分かります。

.html

ページの骨組み。

.css

見た目（色・配置）。

.js / .ts

動き・処理。

フォルダ

ファイルをテーマごとに整理する“箱”。