• はじめに Node.jsnpmをインストールしたので、初めてのReactアプリを作成する時が来ました!親しみやすい二人組、GeekとGalが、初心者にもわかりやすいようにプロセスをガイドしてくれます。
Gal Normal

さあ、Reactアプリを作成しよう!新しいReactプロジェクトを設定するための人気のあるツール、 Create React App を使うよ!

Geek Curious

かっこいい!どうやって設定するの?

  • Reactアプリの作成
Gal Pleased

まず、ターミナルかコマンドプロンプトを開いて、このコマンドを実行して、 Create React App をコンピュータ全体にインストールしてね:

npm install -g create-react-app
Geek Happy

できた!Create React Appをインストールしたよ。次は何をすればいい?

Gal Happy

これで、次のコマンドを実行して新しいReactアプリを作成できるよ!"my-app"をアプリの名前に置き換えてね!

create-react-app my-app
Geek Surprised

うわー、たくさんのファイルやフォルダが作成されてる!

Gal Happy

そうなの!Create React Appは、Reactプロジェクトの基本的な構造と依存関係を設定してくれるの!😄

Geek Curious

アプリをどうやって起動するの?

Gal Pleased

インストールが完了したら、ターミナルかコマンドプロンプトでこのコマンドを使ってアプリのフォルダに移動してね:

cd my-app
Gal Happy

そして、このコマンドを実行して開発サーバーを起動してね:

npm start
Geek Happy

アプリが起動した!ブラウザで見れるよ!🎉

Gal Happy

すごい!これでReactアプリの開発を始められるね!楽しいコーディングを!🚀

  • おわりに Reactアプリを作成するには、まずnpmを使ってCreate React Appを全体的にインストールします。次に、create-react-appコマンドを実行して、希望する名前の新しいReactプロジェクトを作成します。アプリのフォルダに移動し、npm startで開発サーバーを起動します。これでReactアプリが動作し始めます!楽しいコーディングを!😃