プログラミングを頑張る土木系専攻大学院生のブログ

主にプログラミングについて開発備忘録的な形で投稿しています。

異なるPCで開発環境を再現する方法【Docker × VSCode × Anaconda（Python３）】

ツール、設定など

 

こんにちは！今回は、前回構築した Docker × VS Code × Anacondaの開発環境を、

別のPCでも同じように使う方法をご紹介します！

以下の記事では、後半の部分が分かりづらいと思いましたので

、今回はそれを補足する形式で記事を作成しました。

なので開発環境の構築は以下の記事を参考にしてください。

siip.hateblo.jp

また、事前準備編のリンクになります

 

siip.hateblo.jp

 

✔️ この記事と上二つの記事を読むと、どこでも同じPython開発環境を再現できるようになります！

 

 

👣 全体の流れ

本記事は開発環境を元のＰＣで構築した状態からのスタートです。

まずはざっくりとしたステップをご紹介します。

手順 作業する場所 内容
1 元のPC 開発コンテナの構成ファイルを確認
2 元のPC プロジェクトフォルダをコピー or GitHubにアップ
3 別のPC DockerとVSCode拡張をインストール
4 別のPC GitHubからプロジェクトをクローン
5 別のPC VS Codeでプロジェクトを開いて再構築

それでは、詳しく見ていきましょう！

🛠️ Step 1：構成ファイルを確認する（元のPC）

まずは、以下のファイルがプロジェクトに含まれているか確認しましょう。

.devcontainer/
├── devcontainer.json
├── Dockerfile

これらが 開発環境の設計図 になります！このフォルダがあれば、どこでも同じ環境が再現可能です。

📦 Step 2：プロジェクトフォルダを別のPCに移す（元のPC）

方法は2つあります：

✅ 方法①：GitHubで共有する（おすすめ）

GitHubにアップロードすれば、複数PCで簡単に共有できます。

【手順】VS Codeで「Publish to GitHub」を使う

  1. ソース管理タブを開く
    　左側の「ソース管理」（🪄）アイコンをクリック

  2. 「Publish to GitHub」をクリック

  3. GitHubアカウントにサインイン（初回のみ）

  4. リポジトリ名を入力して「Publish」

  5. 完了！GitHubにリポジトリが作成されます

 

💡 補足ポイント

  • .gitignore を使って不要なファイルを除外しておくと便利です（例：__pycache__、.vscodeなど）。

  • VS Codeが自動で .gitignore を提案してくれることもあります。

✅ 方法②：物理的にコピー（USB/クラウド）

GitHubが使えない場合は、プロジェクトフォルダをUSBやGoogle Driveなどでコピーしましょう。.devcontainerフォルダが含まれていればOKです！

🧩 Step 3：必要なツールをインストール（別のPC）

次に、別のPC側で以下のツールをインストールしましょう。

💻 必要なもの

ツール名 備考
Docker 公式サイトからインストール
VS Code エディタ本体
Dev Containers拡張機能 VS Codeの拡張機能から追加

拡張機能は、VS Codeの「拡張機能（🧩）」タブから「Dev Containers」で検索すればすぐに出てきます！

🔃 Step 4：GitHubからプロジェクトをクローン（別のPC）

プロジェクトをGitHubにアップロードした場合、別のPCでは次の手順でプロジェクトを取得できます。

【手順】

  1. GitHub上のリポジトリページにアクセス

  2. 緑色の「Code」ボタンをクリック → 「HTTPS」リンクをコピー

  3. VS Codeを開いて Ctrl + Shift + P → Git: Clone を選択

  4. コピーしたURLを貼り付けてクローン実行

  5. プロジェクトを任意のフォルダに保存し、「Open」ボタンで開く

📁 プロジェクトフォルダには .devcontainer/ が含まれている必要があります！

🚀 Step 5：プロジェクトを開いて再構築（別のPC）

準備ができたら、いよいよ開発環境を立ち上げます！

【手順】

  1. VS Codeでプロジェクトフォルダを開く

  2. Ctrl + Shift + P を押してコマンドパレットを開く

  3. Dev Containers: Reopen in Container を実行

これで、.devcontainer の構成に基づいてコンテナが再構築され、前のPCと 全く同じ開発環境 が使えるようになります！

🔄 まとめ

別のPCでも開発環境をすぐに再現できるようにするためのポイントは以下の通りです👇

  • .devcontainer の構成ファイルを残しておく

  • GitHubなどでプロジェクトを共有しておく

  • 別のPCに必要なツールをインストールする

  • GitHubからクローン → 「Reopen in Container」で環境復元！

📝 おまけ：環境を複数人で使いたいときは？

チーム開発でもこの方法は大活躍します！
.devcontainerの設定を共有しておけば、誰でも同じ環境でスタートできます。

git clone https://github.com/yourname/yourproject.git
code yourproject/
# → Reopen in Container を実行！

🔜 次回予告：「VS Code内での快適な開発Tips」

次回は、DevContainer内での開発をより快適にするためのテクニックをご紹介します！

  • conda/pipでのライブラリ管理

  • 開発ツールのインストール

  • VS Code拡張機能の活用法

など、実際の運用に役立つ内容を予定しています✨

 

siip.hateblo.jp