アライ リョータ

<h1 id="mermaid">
<a class="header-anchor-link" href="#mermaid" aria-hidden="true"></a> Mermaid</h1>
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__27a0792cb5f83" src="https://embed.zenn.studio/card#zenn-embedded__27a0792cb5f83" data-content="http%3A%2F%2Fmermaid.js.org%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span>


<h1 id="notion%E3%81%A7mermaid%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B">
<a class="header-anchor-link" href="#notion%E3%81%A7mermaid%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B" aria-hidden="true"></a> NotionでMermaidを使用する</h1>
<ul>
<li>/code でコードブロックを呼び出す</li>
<li>言語指定：Mermaid</li>
<li>表示形式
<ul>
<li>コード：コードのみ表示</li>
<li>プレビュー：図のみ表示</li>
<li>分割：両方まとめて表示</li>
</ul>
</li>
</ul>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p>作成時は、一旦「分割」を指定して、作成完了後に「プレビュー」に変更する感じで良さそう</p>
</div></aside>


<h1 id="mermaid%E3%81%AE%E8%A8%98%E6%B3%95">
<a class="header-anchor-link" href="#mermaid%E3%81%AE%E8%A8%98%E6%B3%95" aria-hidden="true"></a> Mermaidの記法</h1>
<h3 id="%E5%8F%82%E8%80%83">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h3>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__5f9436d65a234" src="https://embed.zenn.studio/card#zenn-embedded__5f9436d65a234" data-content="https%3A%2F%2Fzenn.dev%2Fkyohei_shibuya%2Farticles%2F0cafee2a1c1651" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/kyohei_shibuya/articles/0cafee2a1c1651" style="display:none" target="_blank">https://zenn.dev/kyohei_shibuya/articles/0cafee2a1c1651</a></p>
<h3 id="%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E8%A8%98%E8%BF%B0%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%81%AE%E8%A8%98%E8%BF%B0%E6%96%B9%E6%B3%95" aria-hidden="true"></a> テーブルの記述方法</h3>
<div class="code-block-container"><pre><code>erDiagram

テーブル名 {
データ型 カラム名
データ型 カラム名
・・・
}
</code></pre></div>