環境変数

• 以下変数を列挙した.envファイルを作成し、画面に環境変数を表示するアプリを実装して、それぞれ画面に表示できるか答えよ。また該当する公式リファレンスの部分を特定せよ
  • 変数名行頭がREACT_APP_
  • 変数名行頭がreact_app_
  • 変数名行頭がそれ以外

※以下では変数名行頭をREACT_APP_にすること

• 画面に環境変数を表示するアプリを以下方法で作成し、npm run startで実行結果を確認せよ。また該当する公式リファレンスの部分を特定せよ
  • 1. ローカルのパソコンに環境変数を設定
  • 2. .envファイルを作成
  • 3..env.developmentファイルを作成
  • 2. startのnpmスクリプト実行時に環境変数を設定
  • 上記方法の優先順を検証せよ
• テストコードで環境変数を使う処理を作成し、npm run testで実行結果を確認せよ。また該当する公式リファレンスの部分を特定せよ
  • 1. ローカルのパソコンに環境変数を設定
  • 2. .envファイルを作成
  • 3..env.testファイルを作成
  • 4. testのnpmスクリプト実行時に環境変数を設定
  • 上記方法の優先順を検証せよ
• 画面に環境変数を表示するアプリを以下方法で作成し、npm run buildでビルドしたアプリをローカルで起動し実行結果を確認せよ。また該当する公式リファレンスの部分を特定せよ
  • 1. ローカルのパソコンに環境変数を設定
  • 2. .envファイルを作成
  • 3..env.productionファイルを作成
  • 4. npm run buildのnpmスクリプト実行時に環境変数を設定
  • 上記方法の優先順を検証せよ
• index.htmlで環境変数を利用するアプリを以下方法で作成し、npm run startで実行結果を確認せよ。また該当する公式リファレンスの部分を特定せよ
  • .envファイルを作成
• develop環境の場合にのみ特定の画面領域を表示するようなアプリを実装せよ。またあなたの実PJでこのような処理があるか調査せよ
• あなたの実PJでの環境別の環境変数設定方法を調査せよ。また別の方法も検討せよ
• （.envとは別の話になるが）index.html以外のhtmlファイルで環境別の変数を設定する実現方法を検討せよ。あなたの実PJではどのように実現しているか調査せよ