{"height":"190","published":"2025-07-12 06:51:25","title":"Mermaid\u5165\u9580\uff1aMermaid\u3067\u7c21\u5358\u306b\u30c1\u30e3\u30fc\u30c8\u30fb\u30b7\u30fc\u30b1\u30f3\u30b9\u304c\u66f8\u3051\u308b\uff01","author_name":"hiros1192","author_url":"https://blog.hatena.ne.jp/hiros1192/","blog_title":"\u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u601d\u3044\u7acb\u3063\u305f\u304c\u5409\u65e5","description":"Markdown\u5f62\u5f0f\u3067\u6587\u7ae0\u3092\u69cb\u9020\u7684\u306b\u8868\u73fe\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304c\u3001\u56f3\u3084\u30d5\u30ed\u30fc\u3092\u8868\u73fe\u3059\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002 \u305d\u3053\u3067\u5229\u7528\u3059\u308b\u306e\u304cMermaid\uff08https://mermaid.js.org/\uff09\u3067\u3059\u3002 Mermaid\u306e\u6982\u8981\u3068\u305d\u306e\u4f7f\u3044\u65b9\u3092\u4ee5\u4e0b\u306b\u307e\u3068\u3081\u3066\u307e\u3059\u3002 1. Mermaid.js\u3068\u306f\uff1f 2. \u4e3b\u306a\u7279\u5fb4 3. \u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9 HTML\u3067\u5229\u7528\u3059\u308b\u5834\u5408 Markdown\u3067\u5229\u7528\u3059\u308b\u5834\u5408 4. \u4f5c\u6210\u3067\u304d\u308b\u56f3\u306e\u4f8b \u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8 (graph) \u30b7\u30fc\u30b1\u30f3\u30b9\u56f3 (sequenceDiagram) \u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8 (gantt) \u30af\u30e9\u30b9\u56f3 (classDiagram) 5. \u4fbf\u5229\u306a\u30c4\u30fc\u30eb 1. Mermaid.js\u2026","blog_url":"https://engineer-kichizitsu.net/","url":"https://engineer-kichizitsu.net/entry/20250712/1752270685","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/h/hiros1192/20241002/20241002202446.jpg","width":"100%","version":"1.0","type":"rich","provider_url":"https://hatena.blog","provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fengineer-kichizitsu.net%2Fentry%2F20250712%2F1752270685\" title=\"Mermaid\u5165\u9580\uff1aMermaid\u3067\u7c21\u5358\u306b\u30c1\u30e3\u30fc\u30c8\u30fb\u30b7\u30fc\u30b1\u30f3\u30b9\u304c\u66f8\u3051\u308b\uff01 - \u30a8\u30f3\u30b8\u30cb\u30a2\u306e\u601d\u3044\u7acb\u3063\u305f\u304c\u5409\u65e5\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["\u30c4\u30fc\u30eb"]}