Setup for the tutorial
上記のボタンからCodeSandbox を使用して新しいタブでエディターを開きます。
CodeSandbox を使用するとブラウザーでコードを記述し、作成したアプリがユーザーにどのように表示されるかをプレビューできます。
新しいタブには空の四角形とこのチュートリアルのスターター コードが表示されます。
CodeSandbox にSignin してコードを保存したい場合は下記画像の右上、Forkを押して進められます。
注記(オンライン環境の場合は飛ばす)
ローカル開発環境を使用してこのチュートリアルに従うこともできます。これを行うには、次のことを行う必要があります。
- Node.jsをインストールする
- 先ほど開いた [CodeSandbox] タブで、左上隅のボタンを押してメニューを開き、そのメニューで[File] > [Export to ZIP]を選択して、ファイルのアーカイブをローカルにダウンロードします。
- アーカイブを解凍し、ターミナルを開いてcd解凍したディレクトリに移動します。
- 依存関係をインストールしますnpm install
- 実行してnpm startローカル サーバーを起動し、プロンプトに従ってブラウザで実行されているコードを表示します。
行き詰まっても、これで止めないでください。代わりにオンラインで手順に従い、後でローカル セットアップをもう一度試してください。