環境変数マネージャー
.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を使用することを知っています。
