<h3 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E6%A7%8B%E7%AF%89" aria-hidden="true"></a> プロジェクトを構築</h3>
<div class="code-block-container"><pre><code>npx create-react-app@latest react-sample --template typescript
</code></pre></div><ul>
<li>npx create-react-app [プロジェクト名]</li>
<li>パッケージ名の後ろに@を入れると使用するバージョンを指定できる</li>
<li>最新のものを使用する場合@latestと指定</li>
</ul>
<h3 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%88%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E7%9B%B4%E4%B8%8B%E3%81%B8%E7%A7%BB%E5%8B%95%E3%81%97%E3%80%81%E9%96%8B%E7%99%BA%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E8%B5%B7%E5%8B%95">
<a class="header-anchor-link" href="#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%88%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E7%9B%B4%E4%B8%8B%E3%81%B8%E7%A7%BB%E5%8B%95%E3%81%97%E3%80%81%E9%96%8B%E7%99%BA%E3%82%B5%E3%83%BC%E3%83%90%E3%82%92%E8%B5%B7%E5%8B%95" aria-hidden="true"></a> プロジェクトのルートディレクトリ直下へ移動し、開発サーバを起動</h3>
<div class="code-block-container"><pre><code>cd react-sample
npm run start
</code></pre></div><ul>
<li>npm と　yarnがある</li>
<li>npm と yarn の違いは時間があるときに調べる　（！）</li>
</ul>
<h4 id="%E6%AD%A3%E5%B8%B8%E8%B5%B7%E5%8B%95%E3%81%AE%E5%A0%B4%E5%90%88">
<a class="header-anchor-link" href="#%E6%AD%A3%E5%B8%B8%E8%B5%B7%E5%8B%95%E3%81%AE%E5%A0%B4%E5%90%88" aria-hidden="true"></a> 正常起動の場合</h4>
<div class="code-block-container"><pre><code>webpack compiled successfully
No issues found.
</code></pre></div>

Reactプロジェクトを構築（自分用）

プロジェクトのルートディレクトリ直下へ移動し、開発サーバを起動

プロジェクトを構築

プロジェクトのルートディレクトリ直下へ移動し、開発サーバを起動

正常起動の場合

Discussion