Windows 11 + Docker / Laravel + Vue.js 環境構築ガイド #5

ホーム
アプリ関連ニュース
Windows
Windows 11 + Docker / Laravel + Vue.js 環境構築ガイド #5

2026年3月12日
Windows, Linux

本記事は Windows 11 + Docker / Laravel + Vue.js 環境構築ガイド #4 の続きです。

開発環境の設定

5-1. Git設定

Windows の Zone.Identifier 削除:

sudo find . -type f -name '*:Zone.Identifier' -exec rm {} \;

.gitignore に不要なファイルを追加します。

以下を .gitignore に追記:

/docker/db/data

※WSL 上のファイル編集のため、Ubuntuターミナルでプロジェクトへ移動し、VS Code を起動します。

cd ~/projects/laravel_project
code .

左下に [WSL: Ubuntu] と表示された状態でVS Codeが起動できれば成功です。

権限で編集・保存ができない場合は以下を実行:

sudo chown -R $USER:$USER .

Git ユーザー設定（例）:

git config --global user.name "山田太郎"
git config --global user.email "yamada@example.com"

5-2. DB接続テスト

.env ファイルを編集し、Docker の DB 設定に合わせます。

DB_CONNECTION=mysql
DB_HOST=db
DB_PORT=3306
DB_DATABASE=laraveltestdb
DB_USERNAME=root
DB_PASSWORD=admin

接続テスト用ルートを routes/web.phpに追加します。

use Illuminate\Support\Facades\DB;

Route::get('/dbtest', function () {
    try {
        $result = DB::select('SELECT 1');
        return 'DB接続成功！結果: ' . json_encode($result);
    } catch (\Exception $e) {
        return 'DB接続エラー: ' . $e->getMessage();
    }
});