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

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

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

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

terminalcd my-app
npm install
npm run dev

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

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

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

App.jsimport React from 'react';

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

export default App;

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

terminalnpm run dev