STEP 2

VSCode Python 開発環境セットアップ

Visual Studio Code を使った快適なPython開発環境の構築方法を完全解説。必須拡張機能、デバッガー設定、コードフォーマッターまですべて網羅します。

⏱️ 所要時間: 約20分 🎯 難易度: 初心者 🆓 VSCode: 完全無料

1. VSCode のインストール

VSCode(Visual Studio Code)はMicrosoftが開発した無料のコードエディターです。軽量で高機能、豊富な拡張機能により世界中の開発者に愛用されています。

  1. 1
    公式サイトからダウンロード

    https://code.visualstudio.com/ にアクセスし、お使いのOSに合ったインストーラーをダウンロードします。

  2. 2
    インストールオプション(Windows)

    Windowsの場合、インストール時に以下のオプションにチェックを入れると便利です:

    • 「エクスプローラーのファイルコンテキストメニューに[Codeで開く]アクションを追加する」
    • 「エクスプローラーのディレクトリコンテキストメニューに[Codeで開く]アクションを追加する」
    • 「PATHへの追加」
  3. 3
    起動確認

    インストール完了後、VSCodeを起動します。日本語UIにするには次のセクションの拡張機能をインストールします。

2. Python 必須拡張機能

VSCodeの左側の拡張機能アイコン(四角が4つのアイコン)をクリックし、検索ボックスに名前を入力してインストールします。

必須拡張機能

🐍 Python(Microsoft)

Python開発の基本拡張機能。インタープリター選択、実行、テスト実行などの中核機能を提供します。

ms-python.python

🔍 Pylance(Microsoft)

高性能な言語サーバー。コード補完、型チェック、定義へのジャンプなどが劇的に向上します。Python拡張機能と一緒に自動インストールされます。

ms-python.vscode-pylance

🐛 Python Debugger

ブレークポイントを使ったデバッグ機能。変数の値確認やステップ実行ができます。

ms-python.debugpy

🇯🇵 Japanese Language Pack

VSCodeを日本語UIにするための言語パック。メニューやメッセージが日本語になります。

MS-CEINTL.vscode-language-pack-ja

推奨拡張機能

✨ Black Formatter

Pythonコードを自動整形するフォーマッター。保存時に自動でコードを美しく整えます。

ms-python.black-formatter

🔎 Flake8

Pythonのコードスタイルチェッカー。バグになりそうな箇所や書き方の問題を指摘します。

ms-python.flake8

📁 indent-rainbow

インデントをカラフルに色付けします。Pythonはインデントが重要なので、視覚的に確認できて便利。

oderwat.indent-rainbow

🖼️ Material Icon Theme

ファイルアイコンをわかりやすいアイコンに変更します。.pyファイルにPythonのアイコンが表示されます。

PKief.material-icon-theme

🤖 GitHub Copilot

AIによるコード補完。コメントを書くとコードを自動生成してくれます(有料プランあり)。

GitHub.copilot

🔗 GitLens

Gitの履歴や変更者をコード上に表示します。チーム開発や自分のコード管理に便利。

eamodio.gitlens

3. Python インタープリターの設定

VSCodeに使用するPythonのバージョンを教える設定です。仮想環境を使っている場合は仮想環境のインタープリターを選択します。

  1. 1
    コマンドパレットを開く

    Ctrl + Shift + P(Mac: Cmd + Shift + P)でコマンドパレットを開きます。

  2. 2
    「Python: インタープリターを選択」を実行

    コマンドパレットに「Python: Select Interpreter」または「Python: インタープリターを選択」と入力して選択します。

  3. 3
    使用するPythonを選択

    表示されるリストから使用したいPythonを選択します。仮想環境(venv)を使っている場合は ./venv/bin/python または ./venv/Scripts/python.exe を選択してください。

💡
ステータスバーで確認

現在選択されているインタープリターはVSCodeの左下のステータスバーに表示されます。クリックすることでいつでも変更できます。

4. コードの実行方法

方法1: 再生ボタンで実行

右上の ▶ ボタン(実行ボタン)をクリックするか、Shift + F5 でファイルを実行します。

方法2: ターミナルで実行

Ctrl + `(バッククォート)でターミナルを開き、python ファイル名.py を実行します。

python hello.py

方法3: インタラクティブウィンドウ

コードを選択して右クリック → 「選択範囲をPython インタラクティブで実行」を選ぶと、Jupyter のようなインタラクティブウィンドウで実行できます。

ℹ️
ターミナルを常に下部に表示する

メニューの「ターミナル」→「新しいターミナル」でターミナルパネルを開いておくと作業しやすいです。

5. デバッグの使い方

デバッグを使うとプログラムを途中で止めて変数の値を確認できます。バグ修正に非常に役立ちます。

ブレークポイントの設定

  1. 1
    ブレークポイントを設定

    止めたい行番号の左側をクリックすると赤い丸●が表示されます(ブレークポイント)。

  2. 2
    デバッグモードで実行

    F5 を押すか「実行とデバッグ」パネルから「Python ファイル」を選んで実行します。

  3. 3
    変数を確認

    ブレークポイントで停止したら、左のパネルで変数の値を確認できます。F10(次の行へ)、F11(関数の中に入る)で一行ずつ実行できます。

デバッグのショートカット

ショートカット動作
F5デバッグ開始 / 続行
Shift+F5デバッグ停止
F10ステップオーバー(次の行へ)
F11ステップイン(関数の中に入る)
Shift+F11ステップアウト(関数から出る)

6. コードフォーマッターの設定

コードフォーマッターを使うと、保存するだけでコードのインデントやスペースを自動的に整えてくれます。チーム開発でコードスタイルを統一するのにも役立ちます。

Black のインストールと設定

# Blackをインストール
pip install black

VSCodeの設定(Ctrl+,)で以下を設定するか、settings.json に追加します:

{
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.formatOnSave": true
  }
}

これで Ctrl+S で保存するたびにコードが自動整形されます。

7. おすすめ settings.json 設定

Ctrl+Shift+P → 「基本設定: ユーザー設定を開く (JSON)」で設定ファイルを開きます。

settings.json
{
  // エディター基本設定
  "editor.fontSize": 14,
  "editor.tabSize": 4,
  "editor.insertSpaces": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.rulers": [79, 119],
  "editor.renderWhitespace": "boundary",

  // Python設定
  "python.languageServer": "Pylance",
  "python.analysis.typeCheckingMode": "basic",
  "python.analysis.autoImportCompletions": true,

  // フォーマッター設定
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
      "source.organizeImports": "explicit"
    }
  },

  // ターミナル設定
  "terminal.integrated.fontSize": 13,

  // ファイル設定
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,

  // テーマ(お好みで)
  "workbench.colorTheme": "Default Dark Modern",
  "workbench.iconTheme": "material-icon-theme"
}

8. 覚えておきたいショートカット

ショートカット (Win)Mac動作
Ctrl+SCmd+S保存
Ctrl+ZCmd+Z元に戻す
Ctrl+Shift+PCmd+Shift+Pコマンドパレット
Ctrl+PCmd+Pファイルを素早く開く
Ctrl+`Ctrl+`ターミナルを開く/閉じる
Ctrl+/Cmd+/行コメントのオン/オフ
Alt+↑/↓Option+↑/↓行を上下に移動
Shift+Alt+↑/↓Shift+Option+↑/↓行をコピーして上下に追加
Ctrl+DCmd+D同じ単語を次々と複数選択
F2F2変数名を一括リネーム
F12F12定義へジャンプ
Ctrl+SpaceCtrl+Spaceコード補完を手動で表示
Ctrl+Shift+FCmd+Shift+F全ファイル検索
Ctrl+HCmd+H置換

9. 効率的な開発ワークフロー

VSCode はカスタマイズ自由度が高いため、人によって生産性が大きく変わります。ここでは Python 開発を始めたばかりの方向けに、最初に押さえておくと差がつく実践テクニックを紹介します。

9.1 仮想環境を VSCode に認識させる

プロジェクトごとに venv 仮想環境を作っている場合、VSCode の Python インタープリター選択を「プロジェクト内 venv」に切り替えることで、デバッガ・補完・インストール済パッケージ表示が全て連動します。

# プロジェクトディレクトリで仮想環境作成
python -m venv .venv

# Windows
.venv\Scripts\activate

# macOS / Linux
source .venv/bin/activate

# 仮想環境内でパッケージインストール
pip install requests pandas

その後 VSCode で Ctrl+Shift+P(Mac: Cmd+Shift+P) → 「Python: Select Interpreter」を実行し、.venv\Scripts\python.exe(または .venv/bin/python)を選択すれば連動完了です。ワークスペース設定として .vscode/settings.json に保存されるため、次回からは自動でこの環境が選ばれます。

9.2 launch.json でデバッグ設定を保存する

デバッグ実行のたびに F5 で都度設定するのではなく、.vscode/launch.json に保存しておけば、同じプロジェクトで複数の実行構成(例:本番用 / テスト用 / 引数違い)をワンクリックで切り替えられます。

// .vscode/launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "現在のファイルを実行",
      "type": "debugpy",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal",
      "justMyCode": true
    },
    {
      "name": "main.py を引数つきで実行",
      "type": "debugpy",
      "request": "launch",
      "program": "${workspaceFolder}/main.py",
      "args": ["--input", "data.csv", "--verbose"],
      "console": "integratedTerminal"
    }
  ]
}

9.3 .gitignore は最初に作る

Python プロジェクトでは、コミットしてはいけないファイルが決まっています。仮想環境フォルダ・キャッシュ・秘密情報を Git 管理から外すために、プロジェクト作成時に .gitignore を作っておく習慣が重要です。

# .gitignore(Python プロジェクト推奨テンプレート)
__pycache__/
*.py[cod]
*.egg-info/

# 仮想環境
.venv/
venv/
env/

# IDE
.vscode/settings.json   # ローカル設定は共有しない場合
.idea/

# 環境変数・秘密情報
.env
.env.local
*.key
secrets/

# OS が自動生成するファイル
.DS_Store
Thumbs.db

9.4 ターミナル統合と pip コマンドを使い分ける

VSCode の統合ターミナル(Ctrl+`)は、開いているプロジェクトの仮想環境を自動でアクティベートします。OS のコマンドプロンプトでなく VSCode 内のターミナルから pip install することで、誤ってシステム全体に余計なパッケージを入れる事故を防げます。

10. よくあるトラブルと対処

VSCode で Python 開発を始めたばかりの方が遭遇しがちな問題と、その解決法をまとめます。エラーメッセージそのままで検索する前に、まずここをチェックしてみてください。

10.1 「Pylance が import を解決できない」と表示される

症状:自作モジュールや pip でインストールしたパッケージに対して、赤い波線で「unresolved import」と表示される。実行はできるのに補完が効かない状態です。

原因:VSCode が現在のワークスペースの Python インタープリターを正しく認識できていません。pip install したのにシステム Python が選ばれている、または仮想環境が切り替わっていないケースが多いです。

対処Ctrl+Shift+P → 「Python: Select Interpreter」で正しいインタープリター(プロジェクト内の .venv 等)を選び直します。それでも解決しない場合は VSCode を一度リロード(Ctrl+Shift+P → 「Developer: Reload Window」)してください。

10.2 デバッグの F5 で「Python ファイルとして実行できない」

症状:F5 を押すと選択画面が出るが、Python 用の選択肢が現れない、または実行が始まらない。

対処:拡張機能タブで Python(Microsoft 公式) がインストール・有効化されているか確認します。インストール直後は VSCode の再起動が必要な場合があります。それでも動かない場合は、.vscode/launch.json を §9.2 のテンプレートから手動で作成すると確実です。

10.3 「Linter / Formatter が動かない」

症状:保存時に Black や Ruff のフォーマットが実行されない。

対処:(1) 該当 Formatter が pip でインストール済か(pip install black または pip install ruff)、(2) settings.json"editor.formatOnSave": true と該当言語の "editor.defaultFormatter" が指定されているか、(3) ファイル末尾に表示される言語モードが「Python」になっているかを確認します。

10.4 「日本語入力が変・カーソル位置がずれる」

症状:日本語入力中に変換候補ウィンドウが変な位置に出る、確定後にカーソル位置がずれる。

対処:VSCode の 「Editor: Inline Suggest Enabled」 設定や GitHub Copilot の補完がインライン候補を出すことで IME と衝突するケースがあります。設定で「IME」検索し、関連オプションを切り替えて様子を見ましょう。改善しない場合は VSCode を最新版にアップデートすると解決することが多いです。

10.5 「ターミナルで pip install したのに使えない」

症状:VSCode のターミナルで pip install requests したのに、コード上では import エラー。

対処:ターミナルがアクティベートしている Python と、コード実行時の Python が一致していない典型例です。ターミナルで python -c "import sys; print(sys.executable)" を実行して使われている Python のパスを確認し、Ctrl+Shift+P → 「Python: Select Interpreter」で同じものを選ぶことで解決します。

💡
トラブル対処の鉄則

VSCode + Python のトラブルの約 8 割は 「インタープリターの選択」「拡張機能の有効化」「VSCode の再起動」 のいずれかで解決します。エラー検索の前にまずこの 3 点をチェックする習慣をつけると、解決時間が大幅に短縮されます。

🎉
開発環境の完成!次はPython文法を学ぼう

VSCodeの設定が完了しました。いよいよPythonの基本文法を学びましょう。

基本構文を学ぶ →

🎒
学習リソースの準備もおすすめ

エディタの次は、学習を支える環境づくりを。体系的に学べるおすすめ書籍【2026年版】と、長時間のコーディングを快適にするPC・4Kモニターの選び方をまとめています。