<h2 id="%E5%89%8D%E6%8F%90" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%89%8D%E6%8F%90" aria-hidden="true"></a> 前提</h2>
<p data-line="1" class="code-line">完全自分用のメモです。</p>
<h2 id="amplify-%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" data-line="3" class="code-line">
<a class="header-anchor-link" href="#amplify-%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97" aria-hidden="true"></a> Amplify セットアップ</h2>
<h3 id="%E3%82%B3%E3%83%B3%E3%82%BD%E3%83%BC%E3%83%AB%E5%81%B4" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%B3%E3%82%BD%E3%83%BC%E3%83%AB%E5%81%B4" aria-hidden="true"></a> コンソール側</h3>
<ol data-line="5" class="code-line">
<li data-line="5" class="code-line">AWSコンソールからAmplifyへアクセス</li>
<li data-line="6" class="code-line">新しいアプリを作成</li>
<li data-line="7" class="code-line">GitHubを選択して次へ</li>
<li data-line="8" class="code-line">リポジトリ、ブランチを選択（ここではmainを選んで後からstage用ブランチを接続）</li>
<li data-line="9" class="code-line">サービスロールは「新しいサービスロールを作成して使用」で次へ<br>
・ロールを管理しないとぐちゃぐちゃになりそう</li>
<li data-line="11" class="code-line">作成</li>
</ol>
<h2 id="%E3%82%B3%E3%83%BC%E3%83%89%E5%81%B4" data-line="13" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E5%81%B4" aria-hidden="true"></a> コード側</h2>
<ol data-line="14" class="code-line">
<li data-line="14" class="code-line">プロジェクトのルートディレクトリに移動</li>
<li data-line="15" class="code-line">
<code>npm create amplify@latest</code> 実行してamplify導入</li>
<li data-line="16" class="code-line">
<code>? Where should we create your project? (.) # press enter</code> はそのままenter<br>
・作成完了</li>
<li data-line="18" class="code-line">
<code>npm add --save-dev @aws-amplify/backend@latest @aws-amplify/backend-cli@latest</code> 実行してライブラリのインストール</li>
<li data-line="19" class="code-line">
<code>npx ampx sandbox --profile {profile}</code> 実行でsandbox環境立ち上げ<br>
・profile確認コマンド　<code>cat ~/.aws/credentials</code>
</li>
</ol>


amplify gen2導入手順

前提

Amplify セットアップ

コンソール側

コード側

Discussion