<p data-line="0" class="code-line">ざっくり手順</p>
<ul data-line="1" class="code-line">
<li data-line="1" class="code-line">Railsアプリ立ち上げる</li>
<li data-line="2" class="code-line">Nextアプリ立ち上げる</li>
<li data-line="3" class="code-line">rails×next間のcors設定</li>
<li data-line="4" class="code-line">rails×next間のcsrfトークン設定</li>
<li data-line="5" class="code-line">Active Storage 追加</li>
<li data-line="6" class="code-line">AWSコンソールログイン
<ul data-line="7" class="code-line">
<li data-line="7" class="code-line">IAMユーザー作成</li>
<li data-line="8" class="code-line">ポリシーはS3FullAccess</li>
<li data-line="9" class="code-line">アクセスキーとシークレットキーを控える</li>
<li data-line="10" class="code-line">バケット作成</li>
<li data-line="11" class="code-line">S3バケットの×railsのcors設定をする</li>
</ul>
</li>
<li data-line="12" class="code-line">IAMのアクセスキーとシークレットキーをenvファイルに保存しとく</li>
<li data-line="13" class="code-line">フロント作る</li>
<li data-line="14" class="code-line">API作る</li>
<li data-line="15" class="code-line">フロントからファイルをアップロードする</li>
<li data-line="16" class="code-line">Active Storage に保存するときにキーを利用してS3にアクセスする</li>
<li data-line="17" class="code-line">保存が完了する</li>
</ul>
