泡沫京水

<h1 id="%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84%E3%82%82%E3%81%AE">
<a class="header-anchor-link" href="#%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84%E3%82%82%E3%81%AE" aria-hidden="true"></a> 作りたいもの</h1>
<p>Notionで本を読んだ記録を表示するRemixで開発されたWebアプリケーション</p>


<h1 id="%E6%A7%8B%E6%88%90">
<a class="header-anchor-link" href="#%E6%A7%8B%E6%88%90" aria-hidden="true"></a> 構成</h1>
<h2 id="%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89">
<a class="header-anchor-link" href="#%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89" aria-hidden="true"></a> フロントエンド</h2>
<h3 id="%E4%BD%BF%E7%94%A8%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF" aria-hidden="true"></a> 使用フレームワーク</h3>
<ul>
<li>Remix</li>
</ul>
<h3 id="%E4%BD%BF%E7%94%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA" aria-hidden="true"></a> 使用ライブラリ</h3>
<p>暫時更新予定</p>
<h2 id="%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89">
<a class="header-anchor-link" href="#%E3%83%90%E3%83%83%E3%82%AF%E3%82%A8%E3%83%B3%E3%83%89" aria-hidden="true"></a> バックエンド</h2>
<h3 id="%E4%BD%BF%E7%94%A8%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF-1">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF-1" aria-hidden="true"></a> 使用フレームワーク</h3>
<ul>
<li>fastify</li>
</ul>
<h3 id="%E4%BD%BF%E7%94%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA-1">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA-1" aria-hidden="true"></a> 使用ライブラリ</h3>
<p>暫時更新予定</p>


<h2 id="%E6%B5%81%E3%82%8C">
<a class="header-anchor-link" href="#%E6%B5%81%E3%82%8C" aria-hidden="true"></a> 流れ</h2>
<ol>
<li>Notionのデータベースを作成</li>
<li>Notionの<code>Internal Integrations</code>を作成</li>
<li>データベースと<code>Internal Integrations</code>を接続</li>
<li>FastifyでREST APIを作成</li>
<li>Remixでフロントエンドを作成</li>
</ol>
