2026年リモート Mac 前端デプロイ避坑：
Vite/Webpack ビルドと Safari 実機検証の 3 ステップチェックリスト

次の 3 点を押さえてください。

• Node バージョン不一致：nvm や .nvmrc で固定し、node_modules の再インストール・ビルド差異を防ぐ。
• キャッシュ未使用：Vite の build.cacheDir、Webpack の cache.type: 'filesystem' で永続化。
• ビルド時間：CI でキャッシュ保存・復元、node_modules 保持で再インストールを減らす。

詳しくはNode/npm 環境分離・Vite/Webpack キャッシュ最適化を参照。

要点のみ表にまとめます。

（1）キャッシュをクリアしない（2）CI で保存・復元（3）.nvmrc で Node 固定、を実施。

Safari 実機検証の 3 ステップです。

1. ビルド成果物の確認 — npm run build で dist 等に HTML・JS・CSS が出力されているか確認。
2. Safari 実機またはシミュレータで確認 — リモート Mac の Safari または実機で開き、レイアウト・JS・CSS の互換性を確認。WebKit 特有の挙動に注意。
3. デプロイ判定 — コンソールエラー・フォールバックを確認し、問題なければデプロイ。

選定・自動化はSafari 実機 vs シミュレータ vs クラウド・Node/npm と Safari テストの流れを参照。

Node 固定・キャッシュ永続化・ビルド見える化と、Safari 実機での 3 ステップ検証で本番前の不具合を減らせます。MacWww のリモート Mac（Mac Mini M4）は SSD でビルド・Safari 検証に適しています。ホーム・購入ページでノードと料金を確認、ブログ一覧で Safari・Node/npm 関連記事を参照できます。