Hidenori

<p>Mac OS環境での環境構築メモ用↓</p>


<h2 id="homebrew-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#homebrew-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> homebrew インストール</h2>
<div class="code-block-container"><pre><code>/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
(echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') &gt;&gt; /Users/hidenori/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"
</code></pre></div>

<h2 id="npm-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#npm-%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> npm インストール</h2>
<div class="code-block-container"><pre><code>brew install npm
</code></pre></div>

<h2 id="firebase-hosting-%E3%81%AE%E8%A8%AD%E5%AE%9A">
<a class="header-anchor-link" href="#firebase-hosting-%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> firebase hosting の設定</h2>
<p>事前にWebページからプロジェクトを作成する手続きを行っておく。</p>
<div class="code-block-container"><pre><code>npm install -g firebase-tools
</code></pre></div><div class="code-block-container"><pre><code>firebase login
</code></pre></div><h3 id="%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B">
<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%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> プロジェクトを作成する</h3>
<div class="code-block-container"><pre><code>cd &lt;プロジェクト用のフォルダを作成するなどして移動する&gt;
firebase init hosting
</code></pre></div><p>firebaseコマンド中の選択肢は以下で説明されている手順に従って進めていく。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__add1d817952d3" src="https://embed.zenn.studio/card#zenn-embedded__add1d817952d3" data-content="https%3A%2F%2Fqiita.com%2Fmtkmr%2Fitems%2F8e3e560d0575ddbecea1" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/mtkmr/items/8e3e560d0575ddbecea1" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/mtkmr/items/8e3e560d0575ddbecea1</a></p>


<h2 id="%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92deploy%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92deploy%E3%81%99%E3%82%8B" aria-hidden="true"></a> サイトをdeployする</h2>
<div class="code-block-container"><pre><code>firebase deploy --only hosting
</code></pre></div>