【保存版】TypeScript で process.env.NODE_ENV を扱う3つの方法とサンプルコード

TypeScript で process.env.NODE_ENV を型定義する方法

これを解決するには、process.env.NODE_ENV の型定義をプロジェクトに追加する必要があります。

方法

@types/node パッケージをインストール

npm install --save @types/node

型定義ファイルを拡張

プロジェクト内に .d.ts ファイルを作成し、以下のコードを追加します。

declare global {
  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: "development" | "production" | "test";
    }
  }
}

このコードは、process.env.NODE_ENV が "development", "production", "test" のいずれかの文字列であることを TypeScript に伝えます。

環境変数を設定

.env ファイルを作成し、以下の内容を追加します。

NODE_ENV=development

このファイルは、アプリケーションが起動時に読み込まれます。

コードで process.env.NODE_ENV を使用する

if (process.env.NODE_ENV === "development") {
  console.log("開発環境で実行中");
} else if (process.env.NODE_ENV === "production") {
  console.log("本番環境で実行中");
} else {
  console.log("テスト環境で実行中");
}

このコードは、process.env.NODE_ENV の値に応じて異なる処理を実行します。

• 上記の例では、NODE_ENV 変数を定義していますが、他の環境変数も同様に定義できます。
• TypeScript バージョン 3 以降では、@types/node パッケージをインストールすることで、自動的に process.env の型定義が提供される場合があります。

• process.env は、Node.js のグローバル変数です。
• 環境変数は、コマンドライン引数または .env ファイルを使用して設定できます。
• 環境変数は、アプリケーションの設定や動作を制御するために使用できます。

利点

• 型定義を使用することで、コードの型安全性を向上させることができます。
• IDE やエディタによるコード補完やエラーチェックを利用できます。
• コードの可読性と保守性を向上させることができます。

// 型定義ファイル (env.d.ts)
declare global {
  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: "development" | "production" | "test";
    }
  }
}

// メインファイル (app.ts)
import { config as configDotenv } from 'dotenv';
import { resolve } from 'path';

configDotenv({
  path: resolve(__dirname, '.env'),
});

if (process.env.NODE_ENV === 'development') {
  console.log('開発環境で実行中');
  // 開発環境向けの処理
} else if (process.env.NODE_ENV === 'production') {
  console.log('本番環境で実行中');
  // 本番環境向けの処理
} else {
  console.log('テスト環境で実行中');
  // テスト環境向けの処理
}

説明

1. .env.d.ts ファイルを作成し、process.env.NODE_ENV の型定義を追加します。
2. dotenv パッケージを使用して、.env ファイルから環境変数をロードします。
3. process.env.NODE_ENV の値に応じて、条件分岐を使用して異なる処理を実行します。

• このコードは、Node.js と TypeScript がインストールされていることを前提としています。
• .env ファイルは、プロジェクトのルートディレクトリに配置する必要があります。
• 上記のコードはあくまで一例であり、実際の用途に合わせて変更する必要があります。

• ログレベルを環境変数によって制御する
• データベース接続情報を環境変数から取得する
• 異なる API エンドポイントを環境変数によって切り替える

tsconfig.json ファイルに types プロパティを追加することで、@types/node パッケージの型定義を自動的にロードすることができます。

{
  "compilerOptions": {
    "types": ["@types/node"]
  }
}

Ambient 宣言を使用する

declare キーワードを使用して、Ambient 宣言を作成することもできます。

declare global {
  namespace NodeJS {
    interface ProcessEnv {
      NODE_ENV: "development" | "production" | "test";
    }
  }
}

型エイリアスを使用する

型エイリアスを使用して、process.env の型を定義することもできます。

type Env = NodeJS.ProcessEnv & {
  NODE_ENV: "development" | "production" | "test";
};

const env: Env = process.env;

サードパーティ製のライブラリを使用する

env-var や ts-node などのサードパーティ製のライブラリを使用して、process.env の型定義を簡略化することもできます。

それぞれの方法の比較

どの方法が最適かは、プロジェクトの規模や要件によって異なります。

• 小規模なプロジェクトであれば、Ambient 宣言を使用するだけで十分かもしれません。
• 大規模なプロジェクトや、より複雑な型定義が必要な場合は、型エイリアスやサードパーティ製のライブラリを使用する方がよいでしょう。