マイクロソフトが開発・販売しているGUIを採用したオペレーティングシステムの製品群

Windows

Amazon.comにより提供されているクラウドコンピューティングサービス

コンピュータプログラムで問題を解決するための手順や計算方法のこと

Algorithm

継続的インテグレーション＆継続的デリバリーの略で、アプリケーションの構築、テスト、および展開の自動化を指す

CI/CD

コンテナ仮想化を用いてアプリケーションを開発・配置・実行するためのDocker​社製オープンソースソフトウェア

Docker

GitHub社によって運営されているソースコードの変更履歴を管理するホスティングサービス

GitHub

静的なHTMLをベースに、JavaScriptを用いたAPIを通じて動的なコンテンツを扱うWebサービスのアーキテクチャ

Jamstack

Facebook社がOSSとして開発を進めているJavaScript用テスティングフレームワーク

Jest

MVCモデルでWebアプリケーションを開発できるオープンソースWebアプリケーションフレームワーク

Laravel

GoogleのMaterialデザインをベースに開発された、ウェブ開発をより高速かつ簡単にするReactコンポーネント

Material-UI

Oracle社が中心となって開発しているオープンソースのリレーショナルデータベース管理システム

MySQL

Vercel社がOSSとして開発を進めているReactベースのフロントエンドフレームワーク

Next.js

The PHP Groupによってコミュニティベースで開発されているオープンソースの汎用プログラミング言語。

Facebook社とコミュニティによって開発されているUI構築のためのJavaScriptライブラリ

React

Windows - Breathnote

定期的に最適化するので、自分用にまとめておきます。

Dockerに限らず、Linuxディストリビューション等の最適化も可能ですが、まとめて最適化したいときは、[WSL2 Compacter](https://github.com/mikemaccana/compact-wsl2-disk)というスクリプトを利用したほうが良いでしょう。

## Windows 10 Pro

<div className="codeblock-filename">PowerShell</div>

```powershell
# WSLを停止
wsl --shutdown

# 仮想ディスクイメージファイルが存在するディレクトリに移動
cd C:\Users\admin\AppData\Local\Docker\wsl\data

# 最適化
Optimize-VHD -Path .\ext4.vhdx
```

## Windows 10 Home

<div className="codeblock-filename">PowerShell</div>

```powershell
# WSLを停止
wsl --shutdown

# diskpartを起動
diskpart

# 仮想ディスクイメージファイルを指定
DISKPART> Select vdisk file="C:\Users\admin\AppData\Local\Docker\wsl\data\ext4.vhdx"

# 読み取り限定でアタッチしないと最適化できない
DISKPART> attach vdisk readonly

# 最適化
DISKPART> compact vdisk

# 終了
DISKPART> detach vdisk
DISKPART> exit
```

Dockerファイルの増加に伴って肥大化する仮想ディスクですが、コンテナやイメージのキャッシュを削除しても、ディスクは自動で解放されません。本記事では、そんな仮想ディスクを手動で最適化する方法を記載しています。

WSL2に載せたDockerが、仮想ディスクを自動で解放してくれないので、手動で最適化する

[こちらの記事](https://zenn.dev/datsukan/articles/a479f3e98a70c4)で紹介されている方法で解決しなかったので調べました。

- [xDebug not working using docker, vscode and WSL 2](https://stackoverflow.com/questions/62026240/xdebug-not-working-using-docker-vscode-and-wsl-2)

## 解決策

VSCodeのデバッグ構成ファイルに以下の設定を追加。

<div className="codeblock-filename">launch.json</div>

```json
{
    "configurations": [
        {
            "hostname": "0.0.0.0",
        }
    ]
}
```

Docker + VSCode + WSL2を用いた開発環境で、Xdebugがブレークポイントで止まらず、デバッグできませんでした。Xdebug用の設定ファイルを修正することで解決したので共有します。

Docker + VSCode + WSL2：Xdebugがブレークポイントで止まらない

以下の記事が参考になりました。

- ['docker build' error: "failed to solve with frontend dockerfile.v0"](https://github.com/docker/buildx/issues/415#issuecomment-806953587)

## エラー内容

<div className="codeblock-filename">PowerShell</div>

```
>> docker compose up -d --build

[+] Building 1.1s (6/10)
[+] Building 1.2s (10/10) FINISHED
 => [project_db internal] load build definition from Dockerfile 0.0s
 => => transferring dockerfile: 170B 0.0s
 => [project_web internal] load build definition from Dockerfile 0.0s
 => => transferring dockerfile: 542B 0.0s
 => [project_app internal] load build definition from Dockerfile 0.1s
 => => transferring dockerfile: 32B 0.0s
 => [project_db internal] load .dockerignore 0.1s
 => => transferring context: 2B 0.0s
 => [project_web internal] load .dockerignore 0.1s
 => => transferring context: 2B 0.0s
 => [project_app internal] load .dockerignore 0.1s
 => => transferring context: 2B 0.0s
 => CANCELED [project_db internal] load metadata for docker.io/mysql/mysql-server:8.0      0.9s
 => ERROR [project_web internal] load metadata for docker.io/library/nginx:1.20-alpine     0.9s
 => CANCELED [project_web internal] load metadata for docker.io/library/node:16-alpine     0.9s
 => CANCELED [project_app internal] load metadata for docker.io/library/php:7.3-fpm-buster 0.9s
------
 > [project_web internal] load metadata for docker.io/library/nginx:1.20-alpine:
------
failed to solve: rpc error: code = Unknown desc = failed to solve with frontend dockerfile.v0: failed to create LLB definition: rpc error: code = Unknown desc = error getting credentials - err: exit status 1, out: ``
```

## 解決策

コマンドをスーパーユーザ権限で実行することで、問題なくビルドできました。

<div className="codeblock-filename">PowerShell</div>

```
sudo docker compose up -d --build
```

WSL2のUbuntuでDockerコンテナをビルドしたところ、「failed to solve with frontend dockerfile.v0 ...」というエラーが発生したため、これを解消します。

Dockerコンテナのビルド中にエラー（failed to solve with frontend dockerfile.v0）

## ※ 追記（2022年3月30日）

直近のWindows Insider Programで落ちてきたバージョン「Build 22581」で修正されていました。私の環境だけでしょうか？

## 症状

ある日の朝、いつものようにWindows TerminalからUbuntuを起動すると、以下のエラーメッセージが表示されました。

<div className="codeblock-filename">shell</div>

```
['wsl.exe -d Ubuntu-20.04' の起動時にエラー 0x8007010b が発生しました]
先頭のディレクトリ "Z:\home\shinki" にアクセスできませんでした
```

Ubuntuを動かしているWSL2自体が起動していないようなので、PowerShellから直接起動してみたのですが、ここでまたエラー。

<div className="codeblock-filename">PowerShell</div>

```
C:\Users\admin> wsl
ファイル システムの 1 つをマウント中にエラーが発生しました。詳細については、「dmesg」を実行してください。
```

エラーを特定するためにも`dmesg`を叩きたいのですが、そもそもUbuntuが動いてないので叩けません。

どうしたものかと色々試したんですが、エクスプローラからUbuntu用仮想ドライブ`Z:`にアクセスすることで、WSL2を起動できることがわかりました。

ということで、さっそくUbuntuのターミナルで`dmesg`を実行。どうやら`/mnt/c/`以下が読み込めずエラーを吐いている様子。`/mnt/c/`といえば、Windows側のドライブをマウントしているディレクトリ。

最近コアファイルに変更を加えたことといえばWindowsのバージョンを11にしたことぐらい…。

上記のヒントを軸にネットを漁ると、[こんな記事](https://log.mkuriki.com/windows11-wsl2-system-mount/)を見つけました。

WSL2自体を更新したら治ったとのことなので、私も倣ってアップデート。

<div className="codeblock-filename">PowerShell</div>

```
C:\Users\admin> wsl.exe --update
更新をチェック中...
利用できる更新はありません。
カーネル バージョン: 5.10.
```

既に最新版でした。

## 現状

もう打つ手がないので、PCを起動するたびにエクスプローラのUbuntu用仮想ドライブをダブルクリックしてWSL2を起動しています。

Windows 11の正式リリース日が10月5日に決まったので、リリースバージョンで修正されることを祈りつつ、日々を過ごすことにします。

Windows OSのバージョンを11にアップデートしたところ、PC起動時にWSL2が起動しなくなってしまいました。色々と試したことを記録しています。

Windows

WSL2に載せたDockerが、仮想ディスクを自動で解放してくれないので、手動で最適化する

Docker + VSCode + WSL2：Xdebugがブレークポイントで止まらない

Dockerコンテナのビルド中にエラー（failed to solve with frontend dockerfile.v0）

Windowsを11にアップデートしたらWSL2が自動起動しなくなった