Windows対応処置

WindowsでDockerによるLinuxビルドが通らない問題の修正

Author: logue

frontend/tsconfig.app.json

@@ -3,10 +3,16 @@
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    // Extra safety for array and object lookups, but may have false positives.
+    "noUncheckedIndexedAccess": true,
 
+    // Path mapping for cleaner imports.
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
   }
 }

frontend/tsconfig.node.json

@@ -1,19 +1,27 @@
+// TSConfig for modules that run in Node.js environment via either transpilation or type-stripping.
 {
   "extends": "@tsconfig/node-lts/tsconfig.json",
   "include": [
     "vite.config.*",
     "vitest.config.*",
     "cypress.config.*",
-    "nightwatch.conf.*",
     "playwright.config.*",
     "eslint.config.*"
   ],
   "compilerOptions": {
+    // Most tools use transpilation instead of Node.js's native type-stripping.
+    // Bundler mode provides a smoother developer experience.
+    "module": "preserve",
+    "moduleResolution": "bundler",
+
+    // Include Node.js types and avoid accidentally including other `@types/*` packages.
+    "types": ["node"],
+
+    // Disable emitting output during `vue-tsc --build`, which is used for type-checking only.
     "noEmit": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
 
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": ["node"]
+    // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+    // Specified here to keep it out of the root directory.
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
   }
 }

pnpm-lock.yaml

@@ -130,18 +130,21 @@ $PlatformSafe = $Platform -replace '/', '-'
 $CargoVolume = "tauri-vue3-cargo-cache-$PlatformSafe"
 $PnpmVolume = "tauri-vue3-pnpm-cache-$PlatformSafe"
 $TargetVolume = "tauri-vue3-target-cache-$PlatformSafe"
+$WorkspaceNodeModulesVolume = "tauri-vue3-workspace-node-modules-$PlatformSafe"
 $NodeModulesVolume = "tauri-vue3-node-modules-$PlatformSafe"
 
 # ボリュームが存在しない場合は作成
 docker volume create $CargoVolume 2>&1 | Out-Null
 docker volume create $PnpmVolume 2>&1 | Out-Null
 docker volume create $TargetVolume 2>&1 | Out-Null
+docker volume create $WorkspaceNodeModulesVolume 2>&1 | Out-Null
 docker volume create $NodeModulesVolume 2>&1 | Out-Null
 
 Write-Host "キャッシュボリューム:" -ForegroundColor Green
 Write-Host "  - Cargo: $CargoVolume"
 Write-Host "  - pnpm: $PnpmVolume"
 Write-Host "  - Target: $TargetVolume"
+Write-Host "  - Workspace node_modules: $WorkspaceNodeModulesVolume"
 Write-Host "  - Node modules: $NodeModulesVolume (ホスト環境から完全に分離)"
 Write-Host ""
 
@@ -156,6 +159,7 @@ $runArgs = @(
     "-v", "${CargoVolume}:/root/.cargo/registry",
     "-v", "${PnpmVolume}:/pnpm/store",
     "-v", "${TargetVolume}:/workspace/backend/target",
+    "-v", "${WorkspaceNodeModulesVolume}:/workspace/node_modules",
     "-v", "${NodeModulesVolume}:/workspace/frontend/node_modules",
     "-e", "BUILD_TARGET=$BuildTarget",
     "-e", "APPIMAGE_EXTRACT_AND_RUN=1",

scripts/build-linux-docker.ps1

@@ -146,18 +146,21 @@ echo -e "${BLUE}🔨 Linux向けアプリケーションをビルド中...${NC}"
 CARGO_CACHE_VOLUME="tauri-vue3-cargo-cache-${PLATFORM//\//-}"
 PNPM_CACHE_VOLUME="tauri-vue3-pnpm-cache-${PLATFORM//\//-}"
 TARGET_CACHE_VOLUME="tauri-vue3-target-cache-${PLATFORM//\//-}"
+WORKSPACE_NODE_MODULES_VOLUME="tauri-vue3-workspace-node-modules-${PLATFORM//\//-}"
 NODE_MODULES_VOLUME="tauri-vue3-node-modules-${PLATFORM//\//-}"
 
 # ボリュームが存在しない場合は作成
 docker volume create "$CARGO_CACHE_VOLUME" >/dev/null 2>&1 || true
 docker volume create "$PNPM_CACHE_VOLUME" >/dev/null 2>&1 || true
 docker volume create "$TARGET_CACHE_VOLUME" >/dev/null 2>&1 || true
+docker volume create "$WORKSPACE_NODE_MODULES_VOLUME" >/dev/null 2>&1 || true
 docker volume create "$NODE_MODULES_VOLUME" >/dev/null 2>&1 || true
 
 echo -e "${GREEN}キャッシュボリューム:${NC}"
 echo "  - Cargo: $CARGO_CACHE_VOLUME"
 echo "  - pnpm: $PNPM_CACHE_VOLUME"
 echo "  - Target: $TARGET_CACHE_VOLUME"
+echo "  - Workspace node_modules: $WORKSPACE_NODE_MODULES_VOLUME"
 echo "  - Node modules: $NODE_MODULES_VOLUME (ホスト環境から完全に分離)"
 echo ""
 
@@ -174,6 +177,7 @@ docker run --rm \
     -v "$CARGO_CACHE_VOLUME:/root/.cargo/registry" \
     -v "$PNPM_CACHE_VOLUME:/pnpm/store" \
     -v "$TARGET_CACHE_VOLUME:/workspace/backend/target" \
+    -v "$WORKSPACE_NODE_MODULES_VOLUME:/workspace/node_modules" \
     -v "$NODE_MODULES_VOLUME:/workspace/frontend/node_modules" \
     -e BUILD_TARGET="$TARGET" \
     -e TAURI_BUNDLER_TARGETS="$BUNDLE_TARGETS" \

scripts/build-linux-docker.sh

@@ -0,0 +1,49 @@
+import { spawn } from "node:child_process";
+
+const devUrl = process.env.TAURI_DEV_URL ?? "http://localhost:1420/";
+
+async function isDevServerUp(url) {
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), 1500);
+
+  try {
+    const response = await fetch(url, {
+      method: "GET",
+      signal: controller.signal,
+    });
+    return response.ok;
+  } catch {
+    return false;
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}
+
+if (await isDevServerUp(devUrl)) {
+  console.log(`Frontend dev server is already running: ${devUrl}`);
+  process.exit(0);
+}
+
+console.log(`Starting frontend dev server: ${devUrl}`);
+const command =
+  process.platform === "win32"
+    ? ["cmd.exe", ["/d", "/s", "/c", "pnpm --filter frontend dev"]]
+    : ["pnpm", ["--filter", "frontend", "dev"]];
+
+const child = spawn(command[0], command[1], {
+  stdio: "inherit",
+  shell: false,
+});
+
+function shutdown(signal) {
+  if (child.exitCode === null) {
+    child.kill(signal);
+  }
+}
+
+process.on("SIGINT", () => shutdown("SIGINT"));
+process.on("SIGTERM", () => shutdown("SIGTERM"));
+
+child.on("exit", (code) => {
+  process.exit(code ?? 0);
+});

scripts/ensure-frontend-dev.mjs

@@ -1,36 +1,28 @@
-import { spawnSync } from "node:child_process";
+import { execSync } from "node:child_process";
 import { dirname, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
-import { syncTauriConfigFromEnv } from "./sync-tauri-config-from-env.mjs";
 
 const scriptDir = dirname(fileURLToPath(import.meta.url));
 const repoRoot = resolve(scriptDir, "..");
-const extraArgs = process.argv.slice(2);
-
-const syncResult = syncTauriConfigFromEnv(repoRoot);
-console.log("Synced Tauri config from .env");
-console.log(`  version=${syncResult.version}`);
-console.log(`  identifier=${syncResult.identifier}`);
+const tauriConfigPath = resolve(repoRoot, "backend", "tauri.conf.json");
+const tauriBin = resolve(
+  repoRoot,
+  "frontend",
+  "node_modules",
+  ".bin",
+  process.platform === "win32" ? "tauri.cmd" : "tauri",
+);
+const extraArgs = process.argv.slice(2).join(" ");
 
-const tauriBinary =
-  process.platform === "win32"
-    ? resolve(repoRoot, "frontend/node_modules/.bin/tauri.cmd")
-    : resolve(repoRoot, "frontend/node_modules/.bin/tauri");
+process.chdir(repoRoot);
 
-const result = spawnSync(
-  tauriBinary,
-  ["build", "--config", "backend/tauri.conf.json", ...extraArgs],
-  {
-    cwd: repoRoot,
+try {
+  execSync(`"${tauriBin}" build --config "${tauriConfigPath}" ${extraArgs}`, {
     stdio: "inherit",
     env: process.env,
-    shell: false,
-  },
-);
-
-if (result.error) {
-  console.error(result.error.message);
+    shell: true,
+  });
+  process.exit(0);
+} catch {
   process.exit(1);
 }
-
-process.exit(result.status ?? 1);

scripts/run-tauri-build.mjs

@@ -0,0 +1,29 @@
+import { execSync } from "node:child_process";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const scriptDir = dirname(fileURLToPath(import.meta.url));
+const repoRoot = resolve(scriptDir, "..");
+const bootMode = process.argv[2] ?? "full";
+const mainContentMode = process.argv[3] ?? "";
+const safeBoot = process.argv[4] ?? "";
+
+const env = {
+  ...process.env,
+  VITE_BOOT_MODE: bootMode,
+};
+
+if (mainContentMode) {
+  env.VITE_MAIN_CONTENT_MODE = mainContentMode;
+}
+
+if (safeBoot) {
+  env.VITE_SAFE_BOOT = safeBoot;
+}
+
+process.chdir(resolve(repoRoot, "frontend"));
+execSync("pnpm run dev:tauri", {
+  stdio: "inherit",
+  env,
+  shell: true,
+});