Reactフレームワークのインストール

フレームワークをインストールするには、お使いのコンピューターに NodeJS 22+が必要です。プロジェクトを作成するには、コマンドラインで以下のコマンドを実行します：

npm create vite@latest my-app -- --template react

その後、以下のコマンドを実行します：

cd my-app
npm install
npm run dev

この後、フレームワークを含むフォルダ my-app が作成されます。このフォルダ内にある src フォルダを見つけてください。これがあなたのプロジェクト開発を行う作業フォルダになります。

src フォルダ内にあるファイル App.js を見つけてください。次のいくつかのレッスンでは、このファイルがあなたの主要な作業ファイルになります。このファイルにコードを書き、ブラウザウィンドウで結果を確認していきます。

エディタでこのファイルを開き、すべての不要な部分を削除して、以下のような状態にします：

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

プロジェクトがインストールされた後、次回の起動時（例えば、コンピューターの再起動後）は、ターミナルから my-app フォルダに移動し、以下のコマンドを実行するだけで十分です：

npm run dev