環境変数マネージャー

.envファイルをビジュアルで表示、編集、管理 — テキストエディタは不要。

これは何?

環境変数マネージャーは、.envファイル用のビジュアルエディタです。これらのファイルは、アプリがランタイムに必要とする設定値 — APIキー、データベース接続文字列、機能フラグなど — を保存します。シークレットを含むことが多いため、.envファイルはGitから外され、ソースコードから除外されます。

.envファイルをプレーンなテキストエディタで編集するのは機能しますが、間違いを犯しやすいです:引用符の欠落、余分なスペース、またはファイルを誤ってGitにコミット。Env Managerはクリーンなテーブルインターフェースを提供し、変数を安全に編集、追加、表示できます。


Env Managerを開く

開く方法は2つあります:

  • 設定 → 環境変数に移動
  • またはプロジェクトツールバーのenvアイコン(プロジェクトパネルの上部付近の小さなキーアイコン)をクリック

マネージャーは現在アクティブなプロジェクトに対して自動的に開きます。


変数の表示と編集

マネージャーは.envファイルのすべてのキーと値のペアをテーブルに表示します。各行に変数名が左、値が右に表示されます。

デフォルトでは、値は非表示(パスワードフィールドのようにドットで表示)され、画面上のシークレットを保護します。任意の行の目のアイコンをクリックしてその値を表示するか、カラムヘッダーの目のアイコンをクリックしてすべての値を一度に表示。

値を編集するには、テーブル内で直接クリックします。セルが編集可能になり — 新しい値を入力し、Enterを押して保存。.envファイルが即座に更新されます。

新しい変数を追加するには、テーブル下部の**+ボタン**をクリックし、キー名を入力し、Tabを押し、値を入力し、Enterを押します。


プロジェクトごとのファイル

ほとんどのプロジェクトには複数の.envファイルがあります。一般的な設定:

  • .env — 共有デフォルト
  • .env.local — ローカルオーバーライド(コミットされない)
  • .env.production — 本番環境の値

Env Manager上部のファイルセレクタードロップダウンを使用して、これらのファイル間を切り替えます。各ファイルが別々に表示・編集されます。


自動リロード

Env Managerで変更を保存すると、更新された値が即座にファイルに書き込まれます。devサーバーがホットリロードをサポートしている場合(例えばNext.jsとViteはサポート)、新しい値はサーバーを再起動せずに取得されます。環境変数のホットリロードをサポートしないサーバーの場合、ターミナルの再起動ボタンを使用します。


セキュリティ

.envファイルはローカルマシン上に留まります。1DevToolは環境変数の値をサーバーにアップロードすることはありません。

プロジェクトを追加すると、1DevToolは.env.gitignoreにリストされているかを確認します。リストされていない場合、アプリはシークレットの誤ったコミットを防ぐために自動的に追加します。

ヒント: AIエージェントは環境変数名(値ではない)を読み取ってプロジェクト設定を理解できるため、説明しなくてもDATABASE_URLを使用することを知っています。

環境変数マネージャー