i18n(ja): Update environment-variables.md and part of configuring-astro.md#2134
Conversation
✅ Deploy Preview for astro-docs-2 ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site settings. |
| ベストプラクティスについては、公式の[環境変数の例](https://github.com/withastro/astro/tree/main/examples/env-vars)をご覧ください。 | ||
|
|
||
| ```ini | ||
| ```ini title=".env" |
| ```bash | ||
| # .env | ||
| ```ini title=".env" |
| ```ts | ||
| ```ts title="src/env.d.ts" |
| :::caution | ||
| `import.meta.env`と`.env`ファイルは[設定ファイル](/ja/guides/configuring-astro/#environment-variables)の中では利用できません | ||
| ::: | ||
|
|
||
| ## デフォルト環境変数 | ||
|
|
||
| Astroでは、いくつかの環境変数をすぐに利用できます。 | ||
|
|
||
| - `import.meta.env.MODE` (`development` | `production`): サイトが動作しているモードです。これは`astro dev`を実行している場合は`development`で、`astro build`を実行している場合は`production`になります。 | ||
| - `import.meta.env.BASE_URL` (`string`): あなたのサイトの配信元のベースURLです。これは、[`base`オプション](/ja/reference/configuration-reference/#base)によって決まります。 | ||
| - `import.meta.env.PROD` (`boolean`): あなたのサイトが本番環境で動作しているかどうかです。 | ||
| - `import.meta.env.DEV` (`boolean`): 開発中のサイトかどうかです(常に`import.meta.env.PROD`の反対)。 | ||
| - `import.meta.env.SITE` (`string`): プロジェクトの`astro.config`で指定された[`site`オプション](/ja/reference/configuration-reference/#site). | ||
| - `import.meta.env.MODE`: サイトが動作しているモードです。これは`astro dev`を実行している場合は`development`で、`astro build`を実行している場合は`production`になります。 | ||
| - `import.meta.env.PROD`: あなたのサイトが本番環境で動作している場合は`true`となり、その他の場合は`false`となります。 | ||
| - `import.meta.env.DEV`: あなたのサイトが開発環境で動作している場合は`true`となり、その他の場合は`false`となります。常に`import.meta.env.PROD`の反対となります。 | ||
| - `import.meta.env.BASE_URL`: あなたのサイトの配信元のベースURLです。これは、[`base`オプション](/ja/reference/configuration-reference/#base)によって決まります。 | ||
| - `import.meta.env.SITE`: プロジェクトの`astro.config`で指定された[`site`オプション](/ja/reference/configuration-reference/#site)がセットされます。 |
| ```ini | ||
| .env # すべてのケースで読み込まれます。 | ||
| .env.local # すべてのケースで読み込まれ、gitにはignoreされます。 | ||
| .env.[mode] # 指定したモードのみで読み込まれます。 | ||
| .env.[mode].local # 指定したモードのみで読み込まれ、gitにはignoreされます。 | ||
| ``` | ||
| `.env`ファイルについてさらに知りたい場合は、[Viteのドキュメントを参照してください](https://vitejs.dev/guide/env-and-mode.html#env-files)。 | ||
|
|
||
| ### CLIの利用 | ||
|
|
||
| プロジェクトの実行時に環境変数を追加することも可能です。 | ||
|
|
||
| <PackageManagerTabs> | ||
| <Fragment slot="yarn"> | ||
| ```shell | ||
| POKEAPI=https://pokeapi.co/api/v2 yarn run dev | ||
| ``` | ||
| </Fragment> | ||
| <Fragment slot="npm"> | ||
| ```shell | ||
| POKEAPI=https://pokeapi.co/api/v2 npm run dev | ||
| ``` | ||
| </Fragment> | ||
| <Fragment slot="pnpm"> | ||
| ```shell | ||
| POKEAPI=https://pokeapi.co/api/v2 pnpm run dev | ||
| ``` | ||
| </Fragment> | ||
| </PackageManagerTabs> | ||
|
|
||
| :::caution | ||
| このようにセットされた変数は、クライアントサイドも含め、プロジェクトの任意の箇所から利用可能となります。 | ||
| ::: |
| ### `.env`ファイル | ||
|
|
| ```js | ||
| ```js /(?<!//.*)import.meta.env.[A-Z_]+/ |
| Astroは環境変数にViteを使用しています。[Viteのいずれかの方法](https://vitejs.dev/guide/env-and-mode.html)で環境変数の取得や設定ができます。 | ||
| Astroは環境変数に関するViteの組み込みのサポートを利用しています。環境変数を扱うために[Viteが備える任意の方式](https://vitejs.dev/guide/env-and-mode.html)を使用できます。 |
|
|
||
| サーバ側のコードでは _すべて_ の環境変数が使えますが、クライアント側のコードではセキュリティのために`PUBLIC_`というプレフィックスを持つ環境変数のみが使えることに注意してください。 | ||
|
|
||
| ベストプラクティスについては、公式の[環境変数の例](https://github.com/withastro/astro/tree/main/examples/env-vars)をご覧ください。 |
| ## 環境変数 | ||
|
|
||
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`を使うことはできず、また`.env`ファイルによってセットされた環境変数を取得することもできません。 | ||
|
|
||
| 設定ファイルの中で`process.env`を使用して、[CLIによりセットされた](/ja/guides/environment-variables/#cliの利用)ものなど、その他の環境変数を取得することは可能です。 | ||
|
|
There was a problem hiding this comment.
/en で始まるもとのリンク先のままとすると CI のエラーとなってしまうため、急遽こちらの訳のみ追加しました。configuring-astro.md 全体としては英語版と比較して未訳箇所が残っているようです。
There was a problem hiding this comment.
configuring-astro.md も早めに更新が必要そうですね。今回は関連する場所だけで大丈夫だと思います。
kyosuke
left a comment
There was a problem hiding this comment.
@morinokami レビューしました!最新の変更が丁寧に反映されていて、またコメントで変更元もいただいていたのでレビューしやすかったです。
configuring-astro.md のほうだけ、こうした方が読みやすいかなという小さなコメントを入れていますが、このままでも問題ないと思います。
| ## 環境変数 | ||
|
|
||
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`を使うことはできず、また`.env`ファイルによってセットされた環境変数を取得することもできません。 | ||
|
|
||
| 設定ファイルの中で`process.env`を使用して、[CLIによりセットされた](/ja/guides/environment-variables/#cliの利用)ものなど、その他の環境変数を取得することは可能です。 | ||
|
|
There was a problem hiding this comment.
configuring-astro.md も早めに更新が必要そうですね。今回は関連する場所だけで大丈夫だと思います。
|
|
||
| ## 環境変数 | ||
|
|
||
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`を使うことはできず、また`.env`ファイルによってセットされた環境変数を取得することもできません。 |
There was a problem hiding this comment.
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`を使うことはできず、また`.env`ファイルによってセットされた環境変数を取得することもできません。 | |
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`は使えず、また`.env`ファイルによってセットされた環境変数を取得もできません。 |
There was a problem hiding this comment.
環境変数を取得もできません については 環境変数の取得もできません としておきました🙏
|
|
||
| Astroは他のファイルをロードする前に設定ファイルを評価します。そのため、`import.meta.env`を使うことはできず、また`.env`ファイルによってセットされた環境変数を取得することもできません。 | ||
|
|
||
| 設定ファイルの中で`process.env`を使用して、[CLIによりセットされた](/ja/guides/environment-variables/#cliの利用)ものなど、その他の環境変数を取得することは可能です。 |
There was a problem hiding this comment.
| 設定ファイルの中で`process.env`を使用して、[CLIによりセットされた](/ja/guides/environment-variables/#cliの利用)ものなど、その他の環境変数を取得することは可能です。 | |
| 設定ファイルの中で`process.env`を使用して、[CLIによりセットされた](/ja/guides/environment-variables/#cliの利用)ものなど、その他の環境変数の取得は可能です。 |
|
@kyosuke レビューいただきありがとうございました!コメントを反映しました🙏 |
|
@morinokami 修正対応ありがとうございます!確認しました。LGTM! |
|
I saw the magic phrase, so I'm merging! 🥳 |
What kind of changes does this PR include?
Description