<p data-line="0" class="code-line">フロント(liquid) → カスタムアップ → Shopify Admin API<br>
extensionのところはdeployしなくてはいけない。</p>
<h2 id="%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%82%A2%E3%83%97%E3%83%AA" data-line="3" class="code-line">
<a class="header-anchor-link" href="#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%82%A2%E3%83%97%E3%83%AA" aria-hidden="true"></a> カスタムアプリ</h2>
<h3 id="%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89" aria-hidden="true"></a> 環境構築</h3>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="6">shopify app init
<span class="token builtin class-name">cd</span> my-new-app
shopify app dev
</code></pre></div><p data-line="11" class="code-line"><a href="https://shopify.dev/docs/apps/build/scaffold-app" target="_blank" rel="nofollow noopener noreferrer">Scaffold an app</a></p>
<h3 id="%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%81%AE%E8%B5%B7%E5%8B%95" data-line="13" class="code-line">
<a class="header-anchor-link" href="#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%81%AE%E8%B5%B7%E5%8B%95" aria-hidden="true"></a> ローカル開発環境の起動</h3>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="14"><span class="token function">npm</span> run dev
</code></pre></div><h3 id="toml%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB" data-line="18" class="code-line">
<a class="header-anchor-link" href="#toml%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB" aria-hidden="true"></a> tomlファイル</h3>
<p data-line="19" class="code-line">tomlファイルがカスタムアプリの設定ファイル。</p>
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line">tomlファイルを変更後</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="21"><span class="token function">npm</span> run deploy
</code></pre></div><h3 id="%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%83%88%E3%83%BC%E3%82%AF%E3%83%B3" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%83%88%E3%83%BC%E3%82%AF%E3%83%B3" aria-hidden="true"></a> アクセストークン</h3>
<ul data-line="25" class="code-line">
<li data-line="25" class="code-line">アクセストークンの確認</li>
</ul>
<div class="code-block-container"><pre class="language-shell"><code class="language-shell code-line" data-line="26">npx run prisma
</code></pre></div><h2 id="shopify-admin-api" data-line="30" class="code-line">
<a class="header-anchor-link" href="#shopify-admin-api" aria-hidden="true"></a> Shopify Admin API</h2>
<p data-line="31" class="code-line">Shopify Admin APIをApp proxyが必要。</p>
