VS Codeのセットアップ

なぜ学ぶか： AI駆動開発では、コードを「書く」より「読む」時間の方が長くなります。VS Codeは、コードを読むための高機能な道具 — 検索・定義へのジャンプ・エラーの赤線。道具を整えることが、AIの出力を素早く判断する力になります。

AIツールとの相性もよく、開発の定番です。

画面左端の四角いアイコンから検索して追加できます。まずは日本語化（Japanese Language Pack）だけでも十分です。

全体検索（Cmd/Ctrl+Shift+F）と、定義へジャンプ（Cmd/Ctrl+クリック）。「この関数どこ？」が数秒で解決します。

TypeScriptなどが「ここに問題あり」と教えてくれます。マウスを乗せると理由が読め、分からなければその文をそのままAIに質問できます。

「表示」メニューからターミナルを開けます。エディタとコマンドを行き来せず、AIツールもここで動かせます。

設定ファイルの例

// .vscode/settings.json — プロジェクトごとのエディタ設定
{
  // ファイル保存時に、コードを自動できれいに整える
  "editor.formatOnSave": true
}

AIが作ったプロジェクトにこのファイルが入っていることもあります。「保存したら勝手に整った」のはこの設定のおかげ。見覚えのない挙動には、たいてい設定ファイルという種明かしがあります。

ステップ 1 / 2

※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。