HiraTerm

<h2 id="%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E7%AB%8B%E3%81%A6%E6%96%B9">
<a class="header-anchor-link" href="#%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E7%AB%8B%E3%81%A6%E6%96%B9" aria-hidden="true"></a> アプリの立て方</h2>
<p>作業ディレクトリへ移動後</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">shell</span></div>
<pre class="language-shell"><code class="language-shell">npx create-react-app app1
</code></pre>
</div><p>app1のところは，任意で大丈夫です。</p>


<h2 id="build%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9">
<a class="header-anchor-link" href="#build%E3%83%95%E3%82%A9%E3%83%AB%E3%83%80%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9" aria-hidden="true"></a> buildフォルダの作り方</h2>
<p>作業ディレクトリへ移動後</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">shell</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token function">npm</span> run build
</code></pre>
</div><p>少し待つと，buildフォルダが自動的に生成されます。</p>


<h2 id="build%E3%81%8C%E8%B5%B0%E3%82%89%E3%81%AA%E3%81%84">
<a class="header-anchor-link" href="#build%E3%81%8C%E8%B5%B0%E3%82%89%E3%81%AA%E3%81%84" aria-hidden="true"></a> buildが走らない</h2>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">shell</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token variable">$npm</span> run build

<span class="token operator">&gt;</span> app@0.1.0 build
<span class="token operator">&gt;</span> react-scripts build

sh: react-scripts: <span class="token builtin class-name">command</span> not found
</code></pre>
</div><p>などと表示される場合<br>
Node.jsやReactは入っているのになー。<br>
そんな時は，素直にインストールしましょう。</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">shell</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token function">npm</span> <span class="token function">install</span> react-scripts <span class="token parameter variable">--save</span>
</code></pre>
</div>

<h2 id="%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E8%B5%B0%E3%82%89%E3%81%9B%E3%82%8B">
<a class="header-anchor-link" href="#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E8%B5%B0%E3%82%89%E3%81%9B%E3%82%8B" aria-hidden="true"></a> ローカルで走らせる</h2>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">shell</span></div>
<pre class="language-shell"><code class="language-shell"><span class="token function">npm</span> start
</code></pre>
</div>