背景

開発環境をDockerコンテナで立ち上げ、VSCodeの拡張機能 (Dev Containers) でDockerコンテナに接続していた。
ソースコードはホストからDockerコンテナにマウントしていた。
この環境だとソースコードの読み込みやDockerコンテナにインストールした拡張機能の読み込みが極端に遅くなってしまう問題があった。
この問題を解消できたため記事に残す。

前提

ホストOS: Windows
Docker Desktop: WSL版
VSCodeのDev Containers拡張機能を使って開発環境を立ち上げている

原因

WindowsとLinuxのファイルシステム差異によるものだった。
ソースコードは背景に書いたとおりである。ホスト（Windowsのファイルシステム）からDockerコンテナ（Linuxのファイルシステム）にマウントしていた。
Dockerコンテナにインストールした拡張機能についても同様である（多分）。Dockerコンテナにインストールした拡張機能は、ホストのマウント元に保存されてるみたい（Dev Containersのdocs見たけど情報を見つけられなかった）。

解消法

ファイルシステムを統一してしまえば解決する。
MicrosoftとDockerがdocsで推奨している。

構成図

パフォーマンス改善後の開発環境の構成図を以下に示す。

手順

VSCodeにRemote Development拡張機能を導入する
WSLにUbuntuディストリビューションをインストールする
1. https://learn.microsoft.com/ja-jp/windows/wsl/install#change-the-default-linux-distribution-installed
Docker DesktopがUbuntuで動くように設定する
1. https://docs.docker.com/desktop/wsl/
Ubuntuのコマンドラインを開く
必要に応じてGitやSSHの設定をする
VSCodeで開きたいディレクトリ (.devcontainerがあるディレクトリ）に移動する
code .を実行する（VSCodeのWSL拡張機能でカレントディレクトリが開かれる）
開かれたVSCodeのコマンドパレットでRebuild and Reopen in Containerを選択する