準備

1. Documents

  1. 以下のサイトを開く https://github.com/access-company/webfrontend_intro
  2. 右上の「Fork」ボタンを押下
  3. 自身のアカウントを選択

自身のアカウントへリポジトリが Fork されます。任意のディレクトリに移動して、Fork されたリポジトリhttps://github.com/[YourGitAccountName]/webfrontend_intro.git)を git clone してください。clone 後に依存モジュールをインストール(1 回のみ)した後、npm start コマンドを実行して、本研修資料を開いてください。

$ cd (任意のディレクトリ)
$ git clone https://github.com/[YourGitAccountName]/webfrontend_intro.git // Your account repository
$ cd webfrontend-intro/react/docs
$ npm install
$ npm start
http://localhost:8000

2. 演習問題

React 研修の演習問題は webfrontend_intro/react/exercise 内に格納されています。

下記コマンドで準備は完了します。

$ cd react/exercise
$ npm install

対象の演習問題を環境変数 TARGET に格納し、npm run dev で実行します。

演習問題ファイルは react/exercise/$TARGET に格納されています。

# 演習問題ファイルは react/exercise/C01/Q1 に入っている
$ TARGET=C01/Q1 npm run dev