eternal-student https://blog.hatena.ne.jp/eternal-student/ eternal-studentのブログ https://www.eternalstudent.jp/ Webツール IT Mermaid でテキストから図を作る、ノーコードビルダー Mermaid（マーメイド）は、シンプルなテキスト記法でフローチャート・シーケンス図・ER図などを生成できるオープンソースのライブラリです。 GitHubやNotionなど多くのツールに採用されており、図をコードと同様にバージョン管理できる点が強みです。 ただし、いざ書きはじめようとすると記法・文法の習得が必要になります。 「ノード形状は [] か {} か」「矢印は --> か ->> か」など、細かいルールをその都度調べる手間が発生します。 このツールは、よく使う 8 種類の図をフォーム入力だけで直感的に作成できるように設計されています。 生成された Mermaid テキストは GitHub・Notion・DocBase・はてなブログなど Mermaid 対応のあらゆる場所にそのまま貼り付けて使えます。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.eternalstudent.jp%2Fentry%2F2026%2F02%2F28%2F162745" title="Mermaid ノーコードビルダー - eternal-studentのブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/e/eternal-student/20260228/20260228162559.png Hatena Blog https://hatena.blog 2026-02-28 16:27:45 rich https://www.eternalstudent.jp/entry/2026/02/28/162745 1.0 100%