環境変数の設定漏れはなぜ起きるか
開発が進むと環境変数は少しずつ増えていきます。ローカルの.envに新しいキーを足したのに、 本番（Vercelなどのホスティング）側に追加し忘れる——この「片側だけ更新」が 本番デプロイ後の不可解なエラーの定番原因です。逆に本番にだけ存在する値もあり、 手作業の目視比較ではキーの数が増えるほど見落としが起きます。 本ツールは2つの設定を機械的に突き合わせ、差分だけを色分けして示します。
このツールの使い方
- 左右に.envを貼り付け：ラベル（既定は「ローカル」「本番」）は自由に変更できます。
- 差分を確認：左のみ・右のみ・値が異なる・一致、の4ブロックに自動分類されます。
- 必要なら値を表示：既定はマスク表示です。チェックを入れると実値を確認できます。
- サマリーをコピー：マスクされたサマリーをチームに共有できます。
Vercelの環境変数と比べる手順
- ターミナルで
vercel env pull .env.productionを実行 - 書き出された
.env.productionの中身を右側に貼る - 手元の
.env.localを左側に貼る - 「本番のみ」「ローカルのみ」「値が異なる」を確認して設定を揃える
よくある間違い
- キー名は同じだが値の末尾に空白：コピー時に紛れ込みがちです。本ツールは厳密比較なので発見できます。
- クオートの有無：
KEY=valueとKEY="value"は本ツールでは同一として扱います（クオート除去後に比較）。 - 機密値をそのまま共有：差分サマリーはマスク状態でコピーされるため、安全に共有できます。
よくある質問（FAQ）
.envキー差分チェッカーとは何ですか？
左右2つのテキストエリアに.envファイルの内容を貼り付けると、①左にしかないキー ②右にしかないキー ③両方にあるが値が違うキー ④完全に一致するキー、の4つに自動で分類するツールです。ローカル環境と本番環境（Vercel等）で環境変数の設定漏れがないかを目視で確認するのに使います。
貼り付けた値が外部に送信されることはありませんか？
ありません。パースと差分計算はすべてあなたのブラウザ内で完結し、サーバーへの送信は一切行いません。さらに値は既定でマスク表示（先頭4文字＋***）され、コピーする差分サマリーもマスクされた状態です。APIキーなどの機密値を安全に比較できます。
どんな書式に対応していますか？
`KEY=value` 形式の標準的な.envに対応します。空行と # で始まるコメント行は無視し、`export KEY=value` のプレフィックスも認識します。値が " や ' で囲まれている場合はクオートを除去して比較します。
Vercelの環境変数と比較するには？
ターミナルで `vercel env pull .env.production` を実行すると本番の環境変数がファイルに書き出されるので、その中身を右側に、手元の `.env.local` を左側に貼り付けてください。どのキーが本番に未設定か、値がずれているかが一目で分かります。
値が同じなのに「異なる」と表示されます。
末尾の空白や改行コードの違い、クオートの有無、全角スペースの混入などが原因です。本ツールは値を文字列として厳密に比較するため、コピー時に紛れ込んだ不可視文字も差分として検出されます。これはむしろ設定ミスの発見に役立ちます。
このツールは無料ですか？
完全無料・登録不要です。回数制限もありません。
定期実行の設定とあわせて使うなら cron式ビルダー、計測タグの整備には dataLayerスニペット生成ツール もご利用ください。