個人的備忘録：Mermaidを使ってNotionにデータベース構成図を描いてみた

はじめに

Notionは、メモやタスク管理、データベース作成など、あらゆる情報を一元管理できる便利なツールです。

そんなNotionには、ちょっとしたコードで図を描画できる「Mermaid」という機能があります。今回は、Mermaidを使って簡単なデータベース（DB）の構成図を作る方法についてご紹介します。

書こうと思ったきっかけ

最近、個人開発やチームでのアプリ開発に関わる中で、「データベースの構造を視覚的に説明したい」と感じる場面が増えてきました。図を手描きするのもいいですが、あとから編集しにくかったり、共有が面倒だったりします。

そんなとき、Notionの中で完結できる方法を探していて出会ったのが「Mermaid」です。

個人の備忘録程度の走り書きとなっておりますが、温かい目で見守っていただければ幸いです。

テキストで簡単に図を描ける上に、Notionでの共有もスムーズ。特にER図（エンティティ・リレーション図）をサッと描きたいときに非常に便利でした。

「コードっぽいけど覚えやすい」「図としても十分に読みやすい」という点で、初心者にもおすすめです。

Mermaidを使ったDB構成図の例

コードブロックで mermaid と書き、以下のような記述を加えるだけでER図が作れます：

erDiagram
    USERS ||--o{ POSTS : has
    POSTS ||--o{ COMMENTS : has
    USERS ||--o{ COMMENTS : writes

    USERS {
        int id
        string name
        string email
    }

    POSTS {
        int id
        int user_id
        string title
        string content
    }

    COMMENTS {
        int id
        int post_id
        int user_id
        string comment
    }

実際の作成したER図について

この図は以下のような関係性を表しています：

• USERS テーブルは複数の POSTS を持ちます（1対多）
• POSTS は複数の COMMENTS を持ちます（1対多）
• USERS は複数の COMMENTS を書くことができます（1対多）

まとめ

Mermaidを使えば、Notion上で手軽に視覚的な情報整理が可能になります。

特に、DB設計の共有や議論を進める際に威力を発揮します。

難しいツールを使わずとも、NotionとMermaidだけでここまでできるのはとても嬉しいですね。今後も業務や学習に活用していきたいと思います！！