まさぴょん🐱

<h2 id="%E3%80%90%E8%AA%8D%E8%A8%BC%E7%B3%BB%2Fauth%E7%B3%BB%E3%80%91email%2Fpassword-%E8%AA%8D%E8%A8%BC%E6%A9%9F%E8%83%BD%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%F0%9F%93%9D" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%80%90%E8%AA%8D%E8%A8%BC%E7%B3%BB%2Fauth%E7%B3%BB%E3%80%91email%2Fpassword-%E8%AA%8D%E8%A8%BC%E6%A9%9F%E8%83%BD%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%F0%9F%93%9D" aria-hidden="true"></a> 【認証系/Auth系】Email/Password 認証機能を実装する📝</h2>
<p data-line="2" class="code-line">パスワードをどう保存するかについては、こちらでメモ📝<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__b330f5bc6f30e" src="https://embed.zenn.studio/card#zenn-embedded__b330f5bc6f30e" data-content="https%3A%2F%2Fzenn.dev%2Fmanase%2Fscraps%2Fb96e58515084bb" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/manase/scraps/b96e58515084bb" style="display:none" target="_blank">https://zenn.dev/manase/scraps/b96e58515084bb</a></p>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="6" class="code-line">今回の環境は、以下の通り📝</p>
<ul data-line="7" class="code-line">
<li data-line="7" class="code-line">DB: PostgreSQL</li>
<li data-line="8" class="code-line">BE：Hono</li>
<li data-line="9" class="code-line">ORM: Prisma</li>
<li data-line="10" class="code-line">FE: Vite/React</li>
</ul>
</div></aside>
<h2 id="password%E3%81%AE%E3%83%8F%E3%83%83%E3%82%B7%E3%83%A5%E5%8C%96%E3%81%AB%E3%81%AF%E3%80%81argon2%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%F0%9F%93%9D" data-line="13" class="code-line">
<a class="header-anchor-link" href="#password%E3%81%AE%E3%83%8F%E3%83%83%E3%82%B7%E3%83%A5%E5%8C%96%E3%81%AB%E3%81%AF%E3%80%81argon2%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%F0%9F%93%9D" aria-hidden="true"></a> Passwordのハッシュ化には、argon2を使用する📝</h2>
<p data-line="15" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__03b596fe00247" src="https://embed.zenn.studio/card#zenn-embedded__03b596fe00247" data-content="https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fargon2" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://www.npmjs.com/package/argon2" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.npmjs.com/package/argon2</a></p>
<p data-line="17" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__794d039390712" src="https://embed.zenn.studio/card#zenn-embedded__794d039390712" data-content="https%3A%2F%2Fgithub.com%2Franisalt%2Fnode-argon2%3Ftab%3Dreadme-ov-file" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/ranisalt/node-argon2?tab=readme-ov-file" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/ranisalt/node-argon2?tab=readme-ov-file</a></p>


【認証系/Auth系】Email/Password 認証機能を実装する📝