{"id":14623,"date":"2026-09-25T01:52:17","date_gmt":"2026-09-24T16:52:17","guid":{"rendered":"https:\/\/code-plus.jp\/gp\/?p=14623"},"modified":"2026-09-25T10:00:23","modified_gmt":"2026-09-25T01:00:23","slug":"markdown-diagram-14623","status":"publish","type":"post","link":"https:\/\/code-plus.jp\/gp\/markdown-diagram-14623\/","title":{"rendered":"Markdown \u8a18\u6cd5\uff1a\u56f3\u8868\uff08Diagram\uff09\u8a18\u6cd5\u306e\u307e\u3068\u3081"},"content":{"rendered":"<!--- \r\nTitle: Markdown \u8a18\u6cd5\uff1a\u56f3\u8868\uff08Diagram\uff09\u8a18\u6cd5\u306e\u307e\u3068\u3081\r\n--->\r\n\r\n<p class=\"fz-ss\">Markdown \u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b<b class=\"fw-600\">\u30c6\u30ad\u30b9\u30c8\u3067\u56f3\u3092\u66f8\u304f<\/b>\u8a18\u6cd5\uff08Mermaid\u30fbPlantUML\u30fbGraphviz \u306a\u3069\uff09\u3092\u3001<b class=\"fw-600\">\u7528\u8a9e\u306e\u610f\u5473<\/b>\u30fb<b class=\"fw-600\">\u65b9\u8a00\u3054\u3068\u306e\u5bfe\u5fdc\u72b6\u6cc1<\/b>\u30fb<b class=\"fw-600\">\u5404\u8a18\u6cd5\u306e\u66f8\u304d\u65b9<\/b>\u306e\u9806\u306b\u307e\u3068\u3081\u305f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">Markdown \u306e\u65b9\u8a00\u3054\u3068\u306e\u62e1\u5f35\u8a18\u6cd5\u306e\u4e00\u89a7\u306f\u3001\u300c<a class=\"link\" href=\"https:\/\/code-plus.jp\/gp\/markdown-dialect-14356\/\">\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u306e\u307e\u3068\u3081<\/a>\u300d\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/markdown-dialect-14356\/\" class=\"linkbox my-1.5r\">\r\n<h4 class=\"linkbox-title fz-md\">Markdown \u8a18\u6cd5\uff1a\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u306e\u307e\u3068\u3081\uff5cCommonMark \/ GFM \u4ee5\u5916<\/h4>\r\n\r\n<span class=\"linkbox-excerpt\">Markdown\u306b\u306f CommonMark \/ GFM \u4ee5\u5916\u306b\u3082\u591a\u304f\u306e\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002GitLab\uff08GLFM\uff09\u30fbPandoc\u30fbMarkdown Extra\u30fbmarkdown-it\u30fbMultiMarkdown\u30fbkramdown\u30fbMarkdo...\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u3057\u304f\u307f<\/h2>\r\n<p class=\"fz-ss\">\u56f3\u8868\u306e\u8a18\u6cd5\u306f\u3001\u3069\u308c\u3082<b class=\"fw-600\">\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u8a00\u8a9e\u540d<\/b>\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\">```mermaid\r\ngraph LR\r\nA --&gt; B\r\n```<\/code><\/pre>\r\n<p class=\"fz-ss\">\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u74b0\u5883\u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092\u898b\u3066\u3001\u4e2d\u8eab\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u56f3\u306b\u5909\u63db\u3055\u308c\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u975e\u5bfe\u5fdc\u306e\u74b0\u5883\u3067\u306f\u3001\u666e\u901a\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3068\u3057\u3066\u30c6\u30ad\u30b9\u30c8\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u7528\u8a9e\u306e\u6574\u7406<\/h2>\r\n<p class=\"fz-ss\">\u8a00\u8a9e\u540d\u306b\u4f7f\u308f\u308c\u3066\u3044\u308b\u540d\u524d\u306f\u3001\u300c<b class=\"fw-600\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e<\/b>\u300d\u3068\u300c<b class=\"fw-600\">\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/b>\u300d\u3068\u300c<b class=\"fw-600\">\u5909\u63db\u30b5\u30fc\u30d3\u30b9<\/b>\u300d\u304c\u6df7\u3056\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d\uff08\u8a00\u8a9e\u540d\uff09<\/th>\r\n      <td>\u63cf\u3051\u308b\u56f3<\/td>\r\n      <td>\u63cf\u753b\u306e\u3057\u304f\u307f<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Mermaid<\/b>\uff08<code>mermaid<\/code>\uff09<\/th>\r\n      <td>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u30fb\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u30fb\u30af\u30e9\u30b9\u56f3\u30fbER \u56f3\u30fb\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8\u30fb\u5186\u30b0\u30e9\u30d5\u306a\u3069<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">PlantUML<\/b>\uff08<code>plantuml<\/code> \/ <code>puml<\/code>\uff09<\/th>\r\n      <td>UML \u306e\u5404\u7a2e\u56f3\uff08\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u30fb\u30af\u30e9\u30b9\u56f3\u30fb\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u306a\u3069\uff09\u3001\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8\u3001\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7<\/td>\r\n      <td>\u30b5\u30fc\u30d0\u30fc\u5074\u3067 Java \u304c\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Graphviz<\/b>\uff08<code>dot<\/code> \/ <code>viz<\/code> \/ <code>graphviz<\/code>\uff09<\/th>\r\n      <td>\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u3067\u3064\u306a\u3044\u3060\u30b0\u30e9\u30d5\uff08\u4f9d\u5b58\u95a2\u4fc2\u30fb\u72b6\u614b\u9077\u79fb\u30fb\u7d44\u7e54\u56f3\u306a\u3069\uff09<\/td>\r\n      <td>Graphviz\uff08<code>dot<\/code> \u306f\u305d\u306e\u914d\u7f6e\u30a8\u30f3\u30b8\u30f3\u306e\u540d\u524d\u3001<code>viz<\/code> \u306f\u30d6\u30e9\u30a6\u30b6\u7248\u306e Viz.js\uff09<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Vega \/ Vega-Lite<\/b>\uff08<code>vega<\/code> \/ <code>vega-lite<\/code>\uff09<\/th>\r\n      <td>\u68d2\u30b0\u30e9\u30d5\u30fb\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u30fb\u6563\u5e03\u56f3\u306a\u3069\u306e\u30c7\u30fc\u30bf\u306e\u30b0\u30e9\u30d5<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b\u3002JSON \u3067\u66f8\u304f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">D2<\/b>\uff08<code>d2<\/code>\uff09<\/th>\r\n      <td>\u69cb\u6210\u56f3\u30fb\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u306a\u3069\u3002Mermaid \u3088\u308a\u65b0\u3057\u3044\u8a18\u6cd5<\/td>\r\n      <td>D2 \u306e\u30b3\u30de\u30f3\u30c9\u3067\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">TikZ<\/b>\uff08<code>tikz<\/code>\uff09<\/th>\r\n      <td>\u81ea\u7531\u306a\u56f3\u5f62\u30fb\u6570\u5b66\u306e\u56f3<\/td>\r\n      <td>LaTeX \u3067\u63cf\u753b\uff08LaTeX \u306e\u74b0\u5883\u304c\u5fc5\u8981\uff09<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">WaveDrom<\/b>\uff08<code>wavedrom<\/code>\uff09<\/th>\r\n      <td>\u30c7\u30b8\u30bf\u30eb\u56de\u8def\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u56f3<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b\u3002JSON \u3067\u66f8\u304f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">WebSequenceDiagrams<\/b>\uff08<code>wsd<\/code>\uff09<\/th>\r\n      <td>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/td>\r\n      <td>\u5916\u90e8\u306e Web \u30b5\u30fc\u30d3\u30b9\u3067\u63cf\u753b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<h3 class=\"fz-ml\">\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d\uff08\u8a00\u8a9e\u540d\uff09<\/th>\r\n      <td>\u5185\u5bb9<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">GeoJSON<\/b>\uff08<code>geojson<\/code>\uff09<\/th>\r\n      <td>\u5730\u56f3\u4e0a\u306e\u70b9\u30fb\u7dda\u30fb\u7bc4\u56f2\u3092\u8868\u3059 JSON \u5f62\u5f0f\u3002GitHub \u3067\u306f\u5730\u56f3\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">TopoJSON<\/b>\uff08<code>topojson<\/code>\uff09<\/th>\r\n      <td>GeoJSON \u3092\u3082\u3068\u306b\u3001\u30c7\u30fc\u30bf\u3092\u5c0f\u3055\u304f\u3057\u305f\u5730\u56f3\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">STL<\/b>\uff08<code>stl<\/code>\uff09<\/th>\r\n      <td>3D \u30d7\u30ea\u30f3\u30bf\u30fc\u306a\u3069\u3067\u4f7f\u308f\u308c\u308b 3D \u30e2\u30c7\u30eb\u306e\u5f62\u5f0f\u3002GitHub \u3067\u306f\u56de\u8ee2\u3067\u304d\u308b 3D \u30e2\u30c7\u30eb\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<h3 class=\"fz-ml\">\u5909\u63db\u30b5\u30fc\u30d3\u30b9<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d<\/th>\r\n      <td>\u5185\u5bb9<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Kroki<\/b>\uff08\u30af\u30ed\u30ad\uff09<\/th>\r\n      <td>Mermaid\u30fbPlantUML\u30fbGraphviz\u30fbD2\u30fbVega \u306a\u3069\u3001<b class=\"fw-600\">20 \u7a2e\u985e\u4ee5\u4e0a\u306e\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3092\u307e\u3068\u3081\u3066\u753b\u50cf\uff08SVG\u30fbPNG\uff09\u306b\u5909\u63db\u3059\u308b<\/b>\u30b5\u30fc\u30d0\u30fc\u3002\u516c\u958b\u30b5\u30fc\u30d0\u30fc\uff08kroki.io\uff09\u306e\u307b\u304b\u3001\u81ea\u5206\u306e\u30b5\u30fc\u30d0\u30fc\u306b\u8a2d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u5bfe\u5fdc\u72b6\u6cc1\u4e00\u89a7<\/h2>\r\n<p class=\"fz-ss\">\u25cb = \u5bfe\u5fdc\u3001\u25b3 = \u8a2d\u5b9a\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u306a\u3069\u304c\u5fc5\u8981\u3001\uff0d = \u975e\u5bfe\u5fdc<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u8a18\u6cd5<\/th>\r\n      <td>GitHub<\/td>\r\n      <td>GitLab<\/td>\r\n      <td>MPE<\/td>\r\n      <td>Qiita<\/td>\r\n      <td>Zenn<\/td>\r\n      <td>Obsidian<\/td>\r\n      <td>VitePress<\/td>\r\n      <td>Starlight<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>Mermaid<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25b3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>PlantUML<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Graphviz<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Vega \/ Vega-Lite<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>D2<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>TikZ<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>WaveDrom<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>WebSequenceDiagrams<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>GeoJSON \/ TopoJSON<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>STL<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Kroki \u7d4c\u7531\u306e\u56f3<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">GitLab<\/b> \u306e \u25b3 \u306f\u3001Kroki \u7d4c\u7531\u3067\u5bfe\u5fdc\u3059\u308b\u3082\u306e\u3067\u3059\u3002\u81ea\u5206\u3067\u904b\u7528\u3057\u3066\u3044\u308b GitLab \u3067\u3001\u7ba1\u7406\u8005\u304c Kroki \u306e\u9023\u643a\u3092\u6709\u52b9\u306b\u3057\u305f\u5834\u5408\u306b\u4f7f\u3048\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">MPE<\/b> \u306e PlantUML\u30fbD2\u30fbTikZ \u306a\u3069\u306f\u3001\u30d1\u30bd\u30b3\u30f3\u306b Java\u30fbD2\u30fbLaTeX \u306a\u3069\u306e\u30c4\u30fc\u30eb\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">VitePress\u30fbStarlight<\/b> \u306e Mermaid \u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\uff08<code>vitepress-plugin-mermaid<\/code> \u306a\u3069\uff09\u3092\u8ffd\u52a0\u3059\u308b\u3068\u4f7f\u3048\u307e\u3059\u3002<\/li>\r\n  <li>Pandoc\u30fbkramdown\u30fbMarkdown Extra\u30fbMultiMarkdown\u30fbmarkdown-it \u306f\u3001\u56f3\u306e\u8a18\u6cd5\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\uff08Pandoc \u306f\u30d5\u30a3\u30eb\u30bf\u30fc\u3001markdown-it \u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\uff09\u3002<\/li>\r\n<\/ul>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u8ff7\u3063\u305f\u3089 Mermaid<\/b> \u3092\u4f7f\u3044\u307e\u3059\u3002Mermaid \u3060\u3051\u304c\u3001\u307b\u3068\u3093\u3069\u306e\u65b9\u8a00\u3067\u5171\u901a\u3057\u3066\u4f7f\u3048\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Mermaid<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub\u30fbGitLab\u30fbMPE\u30fbQiita\u30fbZenn\u30fbObsidian\u30fbVitePress\uff08\u30d7\u30e9\u30b0\u30a4\u30f3\uff09\u30fbStarlight\uff08\u30d7\u30e9\u30b0\u30a4\u30f3\uff09<\/p>\r\n<h3 class=\"fz-ml\">\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/h3>\r\n<pre><code class=\"language-markdown\">```mermaid\r\nflowchart LR\r\nA&lsqb;\u958b\u59cb&rsqb; --&gt; B{\u6761\u4ef6}\r\nB --&gt;|Yes| C&lsqb;\u51e6\u74061&rsqb;\r\nB --&gt;|No| D&lsqb;\u51e6\u74062&rsqb;\r\nC --&gt; E&lsqb;\u7d42\u4e86&rsqb;\r\nD --&gt; E\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>1 \u884c\u76ee\u3067\u56f3\u306e\u7a2e\u985e\u3068\u5411\u304d\u3092\u6307\u5b9a\u3057\u307e\u3059\uff08<code>LR<\/code> \u306f\u5de6\u304b\u3089\u53f3\u3001<code>TD<\/code> \u306f\u4e0a\u304b\u3089\u4e0b\uff09\u3002<\/li>\r\n  <li><code>&lsqb; &rsqb;<\/code> \u306f\u56db\u89d2\u3001<code>{ }<\/code> \u306f\u3072\u3057\u5f62\u3001<code>( )<\/code> \u306f\u89d2\u4e38\u306e\u30ce\u30fc\u30c9\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n  <li><code>--&gt;<\/code> \u3067\u77e2\u5370\u3001<code>--&gt;|\u30e9\u30d9\u30eb|<\/code> \u3067\u30e9\u30d9\u30eb\u4ed8\u304d\u306e\u77e2\u5370\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-ml\">\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/h3>\r\n<pre><code class=\"language-markdown\">```mermaid\r\nsequenceDiagram\r\nparticipant \u30d6\u30e9\u30a6\u30b6\r\nparticipant \u30b5\u30fc\u30d0\u30fc\r\n\u30d6\u30e9\u30a6\u30b6-&gt;&gt;\u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc--&gt;&gt;\u30d6\u30e9\u30a6\u30b6: \u30ec\u30b9\u30dd\u30f3\u30b9\r\n```<\/code><\/pre>\r\n<p class=\"fz-ss\"><code>-&gt;&gt;<\/code> \u306f\u5b9f\u7dda\u306e\u77e2\u5370\u3001<code>--&gt;&gt;<\/code> \u306f\u70b9\u7dda\u306e\u77e2\u5370\uff08\u5fdc\u7b54\uff09\u3067\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u63cf\u3051\u308b\u56f3\u306e\u7a2e\u985e<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>1 \u884c\u76ee<\/th>\r\n      <td>\u56f3\u306e\u7a2e\u985e<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><code>flowchart<\/code><\/th>\r\n      <td>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>sequenceDiagram<\/code><\/th>\r\n      <td>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>classDiagram<\/code><\/th>\r\n      <td>\u30af\u30e9\u30b9\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>stateDiagram-v2<\/code><\/th>\r\n      <td>\u72b6\u614b\u9077\u79fb\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>erDiagram<\/code><\/th>\r\n      <td>ER \u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>gantt<\/code><\/th>\r\n      <td>\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>pie<\/code><\/th>\r\n      <td>\u5186\u30b0\u30e9\u30d5<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>gitGraph<\/code><\/th>\r\n      <td>Git \u306e\u30d6\u30e9\u30f3\u30c1\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>mindmap<\/code><\/th>\r\n      <td>\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>timeline<\/code><\/th>\r\n      <td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<blockquote>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u6ce8\u610f<\/b>\uff1aMermaid \u306f\u66f4\u65b0\u304c\u65e9\u304f\u3001\u65b0\u3057\u3044\u56f3\u306e\u7a2e\u985e\u304c\u8ffd\u52a0\u3055\u308c\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002\u30b5\u30fc\u30d3\u30b9\u3054\u3068\u306b\u4f7f\u3063\u3066\u3044\u308b Mermaid \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u9055\u3046\u305f\u3081\u3001\u65b0\u3057\u3044\u7a2e\u985e\u306e\u56f3\u306f\u3001\u74b0\u5883\u306b\u3088\u3063\u3066\u8868\u793a\u3055\u308c\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002Qiita \u3067\u306f\u30011 \u3064\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3042\u305f\u308a 2000 \u6587\u5b57\u307e\u3067\u306a\u3069\u306e\u5236\u9650\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\r\n<\/blockquote>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">PlantUML<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitLab\u30fbMPE\u30fbQiita<\/p>\r\n<pre><code class=\"language-markdown\">```plantuml\r\n@startuml\r\nactor \u30e6\u30fc\u30b6\u30fc\r\n\u30e6\u30fc\u30b6\u30fc -&gt; \u30b7\u30b9\u30c6\u30e0: \u30ed\u30b0\u30a4\u30f3\r\n\u30b7\u30b9\u30c6\u30e0 --&gt; \u30e6\u30fc\u30b6\u30fc: \u7d50\u679c\r\n@enduml\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>@startuml<\/code> \u301c <code>@enduml<\/code> \u3067\u56f2\u307f\u307e\u3059\u3002<\/li>\r\n  <li>UML \u306e\u56f3\u3092\u7d30\u304b\u304f\u66f8\u3051\u308b\u306e\u304c\u7279\u5fb4\u3067\u3001Mermaid \u3088\u308a\u63cf\u3051\u308b\u56f3\u306e\u7a2e\u985e\u3068\u8a2d\u5b9a\u304c\u591a\u3044\u3067\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306b\u306f\u30b5\u30fc\u30d0\u30fc\u5074\u306e Java \u304c\u5fc5\u8981\u3067\u3059\u3002MPE \u3067\u306f\u3001Java \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u304b\u3001PlantUML \u306e\u30b5\u30fc\u30d0\u30fc\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>puml<\/code> \u3068\u66f8\u304f\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Graphviz\uff08DOT \u8a00\u8a9e\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```dot\r\ndigraph G {\r\n\trankdir=LR;\r\n\tA -&gt; B;\r\n\tA -&gt; C;\r\n\tB -&gt; D;\r\n\tC -&gt; D;\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>digraph<\/code>\uff08\u77e2\u5370\u3042\u308a\uff09\u307e\u305f\u306f <code>graph<\/code>\uff08\u77e2\u5370\u306a\u3057\uff09\u3067\u3001\u30ce\u30fc\u30c9\u306e\u3064\u306a\u304c\u308a\u3092\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li>\u30ce\u30fc\u30c9\u306e\u914d\u7f6e\u306f\u3001Graphviz \u304c\u81ea\u52d5\u3067\u6c7a\u3081\u307e\u3059\u3002\u3064\u306a\u304c\u308a\u304c\u591a\u304f\u3001\u914d\u7f6e\u3092\u81ea\u5206\u3067\u8003\u3048\u305f\u304f\u306a\u3044\u56f3\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>dot<\/code> \u307e\u305f\u306f <code>viz<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002GitLab\uff08Kroki\uff09\u3067\u306f <code>graphviz<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Vega \/ Vega-Lite<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```vega-lite\r\n{\r\n\t\"data\": {\r\n\t\t\"values\": &lsqb;\r\n\t\t\t{\"\u6708\": \"1\u6708\", \"\u58f2\u4e0a\": 28},\r\n\t\t\t{\"\u6708\": \"2\u6708\", \"\u58f2\u4e0a\": 55},\r\n\t\t\t{\"\u6708\": \"3\u6708\", \"\u58f2\u4e0a\": 43}\r\n\t\t&rsqb;\r\n\t},\r\n\t\"mark\": \"bar\",\r\n\t\"encoding\": {\r\n\t\t\"x\": {\"field\": \"\u6708\", \"type\": \"nominal\"},\r\n\t\t\"y\": {\"field\": \"\u58f2\u4e0a\", \"type\": \"quantitative\"}\r\n\t}\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c7\u30fc\u30bf\u3068\u30b0\u30e9\u30d5\u306e\u7a2e\u985e\uff08<code>mark<\/code>\uff09\u3092 JSON \u3067\u66f8\u304f\u3068\u3001\u30b0\u30e9\u30d5\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">Vega-Lite<\/b> \u306f\u3001\u3088\u304f\u4f7f\u3046\u30b0\u30e9\u30d5\u3092\u77ed\u304f\u66f8\u3051\u308b\u7c21\u6613\u7248\u3067\u3059\u3002<b class=\"fw-600\">Vega<\/b> \u306f\u3001\u7d30\u304b\u3044\u8a2d\u5b9a\u307e\u3067\u66f8\u3051\u308b\u5b8c\u5168\u7248\u3067\u3059\u3002\u307e\u305a\u306f Vega-Lite \u3092\u4f7f\u3044\u307e\u3059\u3002<\/li>\r\n  <li>GitLab\uff08Kroki\uff09\u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>vegalite<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">D2<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```d2\r\n\u30d6\u30e9\u30a6\u30b6 -&gt; \u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc -&gt; \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9: \u30af\u30a8\u30ea\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>-&gt;<\/code> \u3067\u77e2\u5370\u3001<code>:<\/code> \u306e\u5f8c\u308d\u306b\u30e9\u30d9\u30eb\u3092\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li>Mermaid \u3088\u308a\u65b0\u3057\u3044\u8a18\u6cd5\u3067\u3001\u898b\u305f\u76ee\u306e\u30c6\u30fc\u30de\u3084\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u7d30\u304b\u304f\u5909\u3048\u3089\u308c\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u30d1\u30bd\u30b3\u30f3\u306b D2 \u306e\u30b3\u30de\u30f3\u30c9\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">TikZ<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```tikz\r\nbegin{tikzpicture}\r\ndraw (0,0) circle (1cm);\r\ndraw&lsqb;-&gt;&rsqb; (0,0) -- (1,1);\r\nend{tikzpicture}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>LaTeX \u306e\u56f3\u3092\u63cf\u304f\u305f\u3081\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3067\u3001\u5ea7\u6a19\u3092\u6307\u5b9a\u3057\u3066\u81ea\u7531\u306b\u56f3\u5f62\u3092\u63cf\u3051\u307e\u3059\u3002\u6570\u5b66\u30fb\u7269\u7406\u306e\u56f3\u306b\u3088\u304f\u4f7f\u308f\u308c\u307e\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306b\u306f LaTeX \u306e\u74b0\u5883\u304c\u5fc5\u8981\u3067\u3059\u3002MPE \u3067\u306f\u3001LaTeX \u3068 pdf2svg \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">WaveDrom<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```wavedrom\r\n{ \"signal\": &lsqb;\r\n\t\t{ \"name\": \"clk\",  \"wave\": \"p......\" },\r\n\t\t{ \"name\": \"data\", \"wave\": \"x.34.x.\", \"data\": &lsqb;\"A\", \"B\"&rsqb; }\r\n\t&rsqb;}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c7\u30b8\u30bf\u30eb\u56de\u8def\u306e\u4fe1\u53f7\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u56f3\u3092\u3001JSON \u3067\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li><code>wave<\/code> \u306e 1 \u6587\u5b57\u304c 1 \u5468\u671f\u5206\u306e\u4fe1\u53f7\u3092\u8868\u3057\u307e\u3059\uff08<code>p<\/code> \u306f\u30af\u30ed\u30c3\u30af\u3001<code>x<\/code> \u306f\u4e0d\u5b9a\u3001<code>.<\/code> \u306f\u524d\u306e\u72b6\u614b\u306e\u7d99\u7d9a\u3001\u6570\u5b57\u306f\u30c7\u30fc\u30bf\uff09\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">WebSequenceDiagrams<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE<\/p>\r\n<pre><code class=\"language-markdown\">```wsd\r\n\u30d6\u30e9\u30a6\u30b6-&gt;\u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc--&gt;\u30d6\u30e9\u30a6\u30b6: \u30ec\u30b9\u30dd\u30f3\u30b9\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3092\u63cf\u304f Web \u30b5\u30fc\u30d3\u30b9\u306e\u8a18\u6cd5\u3067\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306f\u5916\u90e8\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u884c\u308f\u308c\u308b\u306e\u3067\u3001\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u3078\u306e\u63a5\u7d9a\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">GeoJSON \/ TopoJSON\uff08\u5730\u56f3\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub<\/p>\r\n<pre><code class=\"language-markdown\">```geojson\r\n{\r\n\t\"type\": \"FeatureCollection\",\r\n\t\"features\": &lsqb;\r\n\t\t{\r\n\t\t\t\"type\": \"Feature\",\r\n\t\t\t\"geometry\": { \"type\": \"Point\", \"coordinates\": &lsqb;139.7671, 35.6812&rsqb; },\r\n\t\t\t\"properties\": { \"name\": \"\u6771\u4eac\u99c5\" }\r\n\t\t}\r\n\t&rsqb;\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u5730\u56f3\u4e0a\u306b\u3001\u70b9\uff08<code>Point<\/code>\uff09\u30fb\u7dda\uff08<code>LineString<\/code>\uff09\u30fb\u7bc4\u56f2\uff08<code>Polygon<\/code>\uff09\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\r\n  <li>\u5ea7\u6a19\u306f <b class=\"fw-600\">[\u7d4c\u5ea6, \u7def\u5ea6]<\/b> \u306e\u9806\u3067\u66f8\u304d\u307e\u3059\uff08\u7def\u5ea6\u30fb\u7d4c\u5ea6\u306e\u9806\u3067\u306f\u306a\u3044\u306e\u3067\u6ce8\u610f\uff09\u3002<\/li>\r\n  <li>\u8a00\u8a9e\u540d\u3092 <code>topojson<\/code> \u306b\u3059\u308b\u3068\u3001TopoJSON \u5f62\u5f0f\u3067\u66f8\u3051\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">STL\uff083D \u30e2\u30c7\u30eb\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub<\/p>\r\n<pre><code class=\"language-markdown\">```stl\r\nsolid triangle\r\nfacet normal 0 0 1\r\nouter loop\r\nvertex 0 0 0\r\nvertex 1 0 0\r\nvertex 0 1 0\r\nendloop\r\nendfacet\r\nendsolid\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c6\u30ad\u30b9\u30c8\u5f62\u5f0f\uff08ASCII STL\uff09\u3067\u66f8\u3044\u305f 3D \u30e2\u30c7\u30eb\u304c\u3001\u30de\u30a6\u30b9\u3067\u56de\u8ee2\u3067\u304d\u308b\u5f62\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\r\n  <li>3 \u3064\u306e\u9802\u70b9\uff08<code>vertex<\/code>\uff09\u3067\u4e09\u89d2\u5f62\u306e\u9762\uff08<code>facet<\/code>\uff09\u3092\u4f5c\u308a\u3001\u305d\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u7acb\u4f53\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Kroki<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitLab\uff08\u7ba1\u7406\u8005\u306b\u3088\u308b\u8a2d\u5b9a\u304c\u5fc5\u8981\uff09\u30fbMPE<\/p>\r\n<p class=\"fz-ss\">Kroki \u306f\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3067\u306f\u306a\u304f\u3001<b class=\"fw-600\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3092\u753b\u50cf\u306b\u5909\u63db\u3059\u308b\u30b5\u30fc\u30d0\u30fc<\/b>\u3067\u3059\u3002Kroki \u306b\u5bfe\u5fdc\u3057\u305f\u74b0\u5883\u3067\u306f\u3001Kroki \u304c\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u8a00\u8a9e\u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u4e3b\u306a\u8a00\u8a9e<\/th>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>Mermaid\u30fbPlantUML\u30fbGraphviz\u30fbD2\u30fbVega\u30fbVega-Lite\u30fbWaveDrom\u30fbTikZ\u30fbBlockDiag\uff08SeqDiag\u30fbActDiag \u306a\u3069\uff09\u30fbBPMN\u30fbBytefield\u30fbDBML\u30fbDitaa\u30fbExcalidraw\u30fbNomnoml\u30fbPikchr\u30fbStructurizr\u30fbSvgbob \u306a\u3069<\/th>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">GitLab<\/b>\uff1a\u7ba1\u7406\u8005\u304c Kroki \u306e\u9023\u643a\u3092\u6709\u52b9\u306b\u3059\u308b\u3068\u3001<code>graphviz<\/code> <code>vegalite<\/code> <code>wavedrom<\/code> \u306a\u3069\u306e\u8a00\u8a9e\u540d\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u304c\u56f3\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">MPE<\/b>\uff1a\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b <code>{kroki=true}<\/code> \u3092\u4ed8\u3051\u308b\u3068\u3001\u305d\u306e\u56f3\u3092 Kroki \u3067\u63cf\u753b\u3057\u307e\u3059\u3002\u30d1\u30bd\u30b3\u30f3\u306b\u30c4\u30fc\u30eb\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u306a\u304f\u3066\u3082\u3001PlantUML\u30fbD2 \u306a\u3069\u306e\u56f3\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\">```plantuml {kroki=true}\r\n@startuml\r\nA -&gt; B: \u3053\u3093\u306b\u3061\u306f\r\n@enduml\r\n```<\/code><\/pre>\r\n<blockquote>\r\n<p class=\"fz-ss\">MPE \u306e Kroki \u306f\u3001\u65e2\u5b9a\u3067\u306f\u516c\u958b\u30b5\u30fc\u30d0\u30fc\uff08kroki.io\uff09\u306b\u56f3\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002\u793e\u5916\u306b\u51fa\u305b\u306a\u3044\u5185\u5bb9\u3092\u56f3\u306b\u3059\u308b\u5834\u5408\u306f\u3001\u81ea\u5206\u3067\u8a2d\u7f6e\u3057\u305f Kroki \u306e\u30b5\u30fc\u30d0\u30fc\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\r\n<\/blockquote>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u4f7f\u3044\u5206\u3051\u306e\u76ee\u5b89<\/h2>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u3084\u308a\u305f\u3044\u3053\u3068<\/th>\r\n      <td>\u8a18\u6cd5<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>\u3069\u306e\u74b0\u5883\u3067\u3082\u8868\u793a\u3055\u305b\u305f\u3044<\/th>\r\n      <td><b class=\"fw-600\">Mermaid<\/b><\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>UML \u306e\u56f3\u3092\u7d30\u304b\u304f\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>PlantUML<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u3064\u306a\u304c\u308a\u306e\u591a\u3044\u56f3\u3092\u3001\u914d\u7f6e\u3092\u6c17\u306b\u305b\u305a\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>Graphviz<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u30c7\u30fc\u30bf\u304b\u3089\u30b0\u30e9\u30d5\u3092\u4f5c\u308a\u305f\u3044<\/th>\r\n      <td>Vega-Lite<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u898b\u305f\u76ee\u306b\u3053\u3060\u308f\u3063\u305f\u69cb\u6210\u56f3\u3092\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>D2<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u6570\u5b66\u30fb\u7269\u7406\u306e\u56f3\u3092\u6b63\u78ba\u306b\u63cf\u304d\u305f\u3044<\/th>\r\n      <td>TikZ<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u5730\u56f3\u30fb3D \u30e2\u30c7\u30eb\u3092\u8868\u793a\u3057\u305f\u3044\uff08GitHub\uff09<\/th>\r\n      <td>GeoJSON\u30fbSTL<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Web \u30da\u30fc\u30b8\u3067\u8868\u793a\u3059\u308b\u306b\u306f\uff08Mermaid\uff09<\/h2>\r\n<p class=\"fz-ss\">Markdown \u304b\u3089\u5909\u63db\u3057\u305f HTML \u3067 Mermaid \u306e\u56f3\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u30da\u30fc\u30b8\u306b Mermaid \u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u591a\u304f\u306e\u30d1\u30fc\u30b5\u30fc\u306f\u3001<code>```mermaid<\/code> \u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3092 <code>&lt;pre&gt;&lt;code class=\"language-mermaid\"&gt;<\/code> \u306b\u5909\u63db\u3057\u307e\u3059\u3002Mermaid \u306f <code>class=\"mermaid\"<\/code> \u306e\u8981\u7d20\u3092\u56f3\u306b\u5909\u63db\u3059\u308b\u306e\u3067\u3001\u8aad\u307f\u8fbc\u307f\u6642\u306b\u7f6e\u304d\u63db\u3048\u3066\u304b\u3089\u63cf\u753b\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-html\">&lt;script type=\"module\"&gt;\r\n\timport mermaid from 'https:\/\/cdn.jsdelivr.net\/npm\/mermaid@11\/dist\/mermaid.esm.min.mjs';\r\n\r\n\t\/\/ &lt;pre&gt;&lt;code class=\"language-mermaid\"&gt; \u3092 &lt;div class=\"mermaid\"&gt; \u306b\u7f6e\u304d\u63db\u3048\u308b\r\n\t\t\t\tdocument.querySelectorAll('pre &gt; code.language-mermaid').forEach(function (code) {\r\n\t\t\t\t\tconst div = document.createElement('div');\r\n\t\t\t\t\tdiv.className = 'mermaid';\r\n\t\t\t\t\tdiv.textContent = code.textContent;\r\n\t\t\t\t\tcode.parentElement.replaceWith(div);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tmermaid.initialize({ startOnLoad: false });\r\n\t\t\t\tawait mermaid.run();\r\n\t\t\t&lt;\/script&gt;<\/code><\/pre>\r\n<p class=\"fz-ss\"><code>textContent<\/code> \u3067\u4e2d\u8eab\u3092\u53d6\u308a\u51fa\u3059\u306e\u3067\u3001\u30b3\u30fc\u30c9\u306e\u4e2d\u306e <code>&amp;lt;<\/code> <code>&amp;lsqb;<\/code> \u306a\u3069\u306e\u6587\u5b57\u53c2\u7167\u306f\u3001\u5143\u306e\u6587\u5b57\u306b\u623b\u3063\u3066\u304b\u3089 Mermaid \u306b\u6e21\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u53c2\u8003\u30ea\u30f3\u30af<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>Mermaid\uff1a<a href=\"https:\/\/mermaid.js.org\/\" class=\"link\">Mermaid Documentation<\/a><\/li>\r\n  <li>PlantUML\uff1a<a href=\"https:\/\/plantuml.com\/ja\/\" class=\"link\">PlantUML<\/a><\/li>\r\n  <li>Graphviz\uff1a<a href=\"https:\/\/graphviz.org\/\" class=\"link\">Graphviz<\/a><\/li>\r\n  <li>Vega-Lite\uff1a<a href=\"https:\/\/vega.github.io\/vega-lite\/\" class=\"link\">Vega-Lite<\/a><\/li>\r\n  <li>D2\uff1a<a href=\"https:\/\/d2lang.com\/\" class=\"link\">D2 Documentation<\/a><\/li>\r\n  <li>WaveDrom\uff1a<a href=\"https:\/\/wavedrom.com\/\" class=\"link\">WaveDrom<\/a><\/li>\r\n  <li>Kroki\uff1a<a href=\"https:\/\/kroki.io\/\" class=\"link\">Kroki<\/a><\/li>\r\n  <li>GitHub\uff1a<a href=\"https:\/\/docs.github.com\/ja\/get-started\/writing-on-github\/working-with-advanced-formatting\/creating-diagrams\" class=\"link\">\u56f3\u306e\u4f5c\u6210<\/a><\/li>\r\n  <li>GitLab\uff1a<a href=\"https:\/\/docs.gitlab.com\/user\/markdown\/#diagrams-and-flowcharts\" class=\"link\">Diagrams and flowcharts<\/a><\/li>\r\n  <li>MPE\uff1a<a href=\"https:\/\/shd101wyy.github.io\/markdown-preview-enhanced\/#\/diagrams\" class=\"link\">Diagrams<\/a><\/li>\r\n<\/ul>\r\n<!--- \r\nTitle: Markdown \u8a18\u6cd5\uff1a\u56f3\u8868\uff08Diagram\uff09\u8a18\u6cd5\u306e\u307e\u3068\u3081\r\n--->\r\n\r\n<p class=\"fz-ss\">Markdown \u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b<b class=\"fw-600\">\u30c6\u30ad\u30b9\u30c8\u3067\u56f3\u3092\u66f8\u304f<\/b>\u8a18\u6cd5\uff08Mermaid\u30fbPlantUML\u30fbGraphviz \u306a\u3069\uff09\u3092\u3001<b class=\"fw-600\">\u7528\u8a9e\u306e\u610f\u5473<\/b>\u30fb<b class=\"fw-600\">\u65b9\u8a00\u3054\u3068\u306e\u5bfe\u5fdc\u72b6\u6cc1<\/b>\u30fb<b class=\"fw-600\">\u5404\u8a18\u6cd5\u306e\u66f8\u304d\u65b9<\/b>\u306e\u9806\u306b\u307e\u3068\u3081\u305f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">Markdown \u306e\u65b9\u8a00\u3054\u3068\u306e\u62e1\u5f35\u8a18\u6cd5\u306e\u4e00\u89a7\u306f\u3001\u300c<a class=\"link\" href=\"https:\/\/code-plus.jp\/gp\/markdown-dialect-14356\/\">\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u306e\u307e\u3068\u3081<\/a>\u300d\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\r\n\r\n<a href=\"https:\/\/code-plus.jp\/gp\/markdown-dialect-14356\/\" class=\"linkbox my-1.5r\">\r\n<h4 class=\"linkbox-title fz-md\">Markdown \u8a18\u6cd5\uff1a\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u306e\u307e\u3068\u3081\uff5cCommonMark \/ GFM \u4ee5\u5916<\/h4>\r\n\r\n<span class=\"linkbox-excerpt\">Markdown\u306b\u306f CommonMark \/ GFM \u4ee5\u5916\u306b\u3082\u591a\u304f\u306e\u65b9\u8a00\u30fb\u62e1\u5f35\u8a18\u6cd5\u304c\u3042\u308a\u307e\u3059\u3002GitLab\uff08GLFM\uff09\u30fbPandoc\u30fbMarkdown Extra\u30fbmarkdown-it\u30fbMultiMarkdown\u30fbkramdown\u30fbMarkdo...\r\n&emsp;<u class=\"linkbox-more\">\u7d9a\u304d\u3092\u8aad\u3080<\/u>\r\n<\/span>\r\n<\/a>\r\n\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u3057\u304f\u307f<\/h2>\r\n<p class=\"fz-ss\">\u56f3\u8868\u306e\u8a18\u6cd5\u306f\u3001\u3069\u308c\u3082<b class=\"fw-600\">\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306e\u8a00\u8a9e\u540d<\/b>\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\">```mermaid\r\ngraph LR\r\nA --&gt; B\r\n```<\/code><\/pre>\r\n<p class=\"fz-ss\">\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u74b0\u5883\u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092\u898b\u3066\u3001\u4e2d\u8eab\u306e\u30c6\u30ad\u30b9\u30c8\u304c\u56f3\u306b\u5909\u63db\u3055\u308c\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u975e\u5bfe\u5fdc\u306e\u74b0\u5883\u3067\u306f\u3001\u666e\u901a\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3068\u3057\u3066\u30c6\u30ad\u30b9\u30c8\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u7528\u8a9e\u306e\u6574\u7406<\/h2>\r\n<p class=\"fz-ss\">\u8a00\u8a9e\u540d\u306b\u4f7f\u308f\u308c\u3066\u3044\u308b\u540d\u524d\u306f\u3001\u300c<b class=\"fw-600\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e<\/b>\u300d\u3068\u300c<b class=\"fw-600\">\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/b>\u300d\u3068\u300c<b class=\"fw-600\">\u5909\u63db\u30b5\u30fc\u30d3\u30b9<\/b>\u300d\u304c\u6df7\u3056\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d\uff08\u8a00\u8a9e\u540d\uff09<\/th>\r\n      <td>\u63cf\u3051\u308b\u56f3<\/td>\r\n      <td>\u63cf\u753b\u306e\u3057\u304f\u307f<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Mermaid<\/b>\uff08<code>mermaid<\/code>\uff09<\/th>\r\n      <td>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u30fb\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u30fb\u30af\u30e9\u30b9\u56f3\u30fbER \u56f3\u30fb\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8\u30fb\u5186\u30b0\u30e9\u30d5\u306a\u3069<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">PlantUML<\/b>\uff08<code>plantuml<\/code> \/ <code>puml<\/code>\uff09<\/th>\r\n      <td>UML \u306e\u5404\u7a2e\u56f3\uff08\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u30fb\u30af\u30e9\u30b9\u56f3\u30fb\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u306a\u3069\uff09\u3001\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8\u3001\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7<\/td>\r\n      <td>\u30b5\u30fc\u30d0\u30fc\u5074\u3067 Java \u304c\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Graphviz<\/b>\uff08<code>dot<\/code> \/ <code>viz<\/code> \/ <code>graphviz<\/code>\uff09<\/th>\r\n      <td>\u30ce\u30fc\u30c9\u3068\u77e2\u5370\u3067\u3064\u306a\u3044\u3060\u30b0\u30e9\u30d5\uff08\u4f9d\u5b58\u95a2\u4fc2\u30fb\u72b6\u614b\u9077\u79fb\u30fb\u7d44\u7e54\u56f3\u306a\u3069\uff09<\/td>\r\n      <td>Graphviz\uff08<code>dot<\/code> \u306f\u305d\u306e\u914d\u7f6e\u30a8\u30f3\u30b8\u30f3\u306e\u540d\u524d\u3001<code>viz<\/code> \u306f\u30d6\u30e9\u30a6\u30b6\u7248\u306e Viz.js\uff09<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Vega \/ Vega-Lite<\/b>\uff08<code>vega<\/code> \/ <code>vega-lite<\/code>\uff09<\/th>\r\n      <td>\u68d2\u30b0\u30e9\u30d5\u30fb\u6298\u308c\u7dda\u30b0\u30e9\u30d5\u30fb\u6563\u5e03\u56f3\u306a\u3069\u306e\u30c7\u30fc\u30bf\u306e\u30b0\u30e9\u30d5<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b\u3002JSON \u3067\u66f8\u304f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">D2<\/b>\uff08<code>d2<\/code>\uff09<\/th>\r\n      <td>\u69cb\u6210\u56f3\u30fb\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8\u306a\u3069\u3002Mermaid \u3088\u308a\u65b0\u3057\u3044\u8a18\u6cd5<\/td>\r\n      <td>D2 \u306e\u30b3\u30de\u30f3\u30c9\u3067\u63cf\u753b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">TikZ<\/b>\uff08<code>tikz<\/code>\uff09<\/th>\r\n      <td>\u81ea\u7531\u306a\u56f3\u5f62\u30fb\u6570\u5b66\u306e\u56f3<\/td>\r\n      <td>LaTeX \u3067\u63cf\u753b\uff08LaTeX \u306e\u74b0\u5883\u304c\u5fc5\u8981\uff09<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">WaveDrom<\/b>\uff08<code>wavedrom<\/code>\uff09<\/th>\r\n      <td>\u30c7\u30b8\u30bf\u30eb\u56de\u8def\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u56f3<\/td>\r\n      <td>\u30d6\u30e9\u30a6\u30b6\u3067 JavaScript \u304c\u63cf\u753b\u3002JSON \u3067\u66f8\u304f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">WebSequenceDiagrams<\/b>\uff08<code>wsd<\/code>\uff09<\/th>\r\n      <td>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/td>\r\n      <td>\u5916\u90e8\u306e Web \u30b5\u30fc\u30d3\u30b9\u3067\u63cf\u753b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<h3 class=\"fz-ml\">\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d\uff08\u8a00\u8a9e\u540d\uff09<\/th>\r\n      <td>\u5185\u5bb9<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">GeoJSON<\/b>\uff08<code>geojson<\/code>\uff09<\/th>\r\n      <td>\u5730\u56f3\u4e0a\u306e\u70b9\u30fb\u7dda\u30fb\u7bc4\u56f2\u3092\u8868\u3059 JSON \u5f62\u5f0f\u3002GitHub \u3067\u306f\u5730\u56f3\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">TopoJSON<\/b>\uff08<code>topojson<\/code>\uff09<\/th>\r\n      <td>GeoJSON \u3092\u3082\u3068\u306b\u3001\u30c7\u30fc\u30bf\u3092\u5c0f\u3055\u304f\u3057\u305f\u5730\u56f3\u30c7\u30fc\u30bf\u306e\u5f62\u5f0f<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><b class=\"fw-600\">STL<\/b>\uff08<code>stl<\/code>\uff09<\/th>\r\n      <td>3D \u30d7\u30ea\u30f3\u30bf\u30fc\u306a\u3069\u3067\u4f7f\u308f\u308c\u308b 3D \u30e2\u30c7\u30eb\u306e\u5f62\u5f0f\u3002GitHub \u3067\u306f\u56de\u8ee2\u3067\u304d\u308b 3D \u30e2\u30c7\u30eb\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<h3 class=\"fz-ml\">\u5909\u63db\u30b5\u30fc\u30d3\u30b9<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u540d\u524d<\/th>\r\n      <td>\u5185\u5bb9<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><b class=\"fw-600\">Kroki<\/b>\uff08\u30af\u30ed\u30ad\uff09<\/th>\r\n      <td>Mermaid\u30fbPlantUML\u30fbGraphviz\u30fbD2\u30fbVega \u306a\u3069\u3001<b class=\"fw-600\">20 \u7a2e\u985e\u4ee5\u4e0a\u306e\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3092\u307e\u3068\u3081\u3066\u753b\u50cf\uff08SVG\u30fbPNG\uff09\u306b\u5909\u63db\u3059\u308b<\/b>\u30b5\u30fc\u30d0\u30fc\u3002\u516c\u958b\u30b5\u30fc\u30d0\u30fc\uff08kroki.io\uff09\u306e\u307b\u304b\u3001\u81ea\u5206\u306e\u30b5\u30fc\u30d0\u30fc\u306b\u8a2d\u7f6e\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u5bfe\u5fdc\u72b6\u6cc1\u4e00\u89a7<\/h2>\r\n<p class=\"fz-ss\">\u25cb = \u5bfe\u5fdc\u3001\u25b3 = \u8a2d\u5b9a\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u306a\u3069\u304c\u5fc5\u8981\u3001\uff0d = \u975e\u5bfe\u5fdc<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u8a18\u6cd5<\/th>\r\n      <td>GitHub<\/td>\r\n      <td>GitLab<\/td>\r\n      <td>MPE<\/td>\r\n      <td>Qiita<\/td>\r\n      <td>Zenn<\/td>\r\n      <td>Obsidian<\/td>\r\n      <td>VitePress<\/td>\r\n      <td>Starlight<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>Mermaid<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25b3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>PlantUML<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Graphviz<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Vega \/ Vega-Lite<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>D2<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>TikZ<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>WaveDrom<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>WebSequenceDiagrams<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>GeoJSON \/ TopoJSON<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>STL<\/th>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>Kroki \u7d4c\u7531\u306e\u56f3<\/th>\r\n      <td>\uff0d<\/td>\r\n      <td>\u25b3<\/td>\r\n      <td>\u25cb<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n      <td>\uff0d<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><b class=\"fw-600\">GitLab<\/b> \u306e \u25b3 \u306f\u3001Kroki \u7d4c\u7531\u3067\u5bfe\u5fdc\u3059\u308b\u3082\u306e\u3067\u3059\u3002\u81ea\u5206\u3067\u904b\u7528\u3057\u3066\u3044\u308b GitLab \u3067\u3001\u7ba1\u7406\u8005\u304c Kroki \u306e\u9023\u643a\u3092\u6709\u52b9\u306b\u3057\u305f\u5834\u5408\u306b\u4f7f\u3048\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">MPE<\/b> \u306e PlantUML\u30fbD2\u30fbTikZ \u306a\u3069\u306f\u3001\u30d1\u30bd\u30b3\u30f3\u306b Java\u30fbD2\u30fbLaTeX \u306a\u3069\u306e\u30c4\u30fc\u30eb\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">VitePress\u30fbStarlight<\/b> \u306e Mermaid \u306f\u3001\u30d7\u30e9\u30b0\u30a4\u30f3\uff08<code>vitepress-plugin-mermaid<\/code> \u306a\u3069\uff09\u3092\u8ffd\u52a0\u3059\u308b\u3068\u4f7f\u3048\u307e\u3059\u3002<\/li>\r\n  <li>Pandoc\u30fbkramdown\u30fbMarkdown Extra\u30fbMultiMarkdown\u30fbmarkdown-it \u306f\u3001\u56f3\u306e\u8a18\u6cd5\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\uff08Pandoc \u306f\u30d5\u30a3\u30eb\u30bf\u30fc\u3001markdown-it \u306f\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u8ffd\u52a0\u3067\u304d\u307e\u3059\uff09\u3002<\/li>\r\n<\/ul>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u8ff7\u3063\u305f\u3089 Mermaid<\/b> \u3092\u4f7f\u3044\u307e\u3059\u3002Mermaid \u3060\u3051\u304c\u3001\u307b\u3068\u3093\u3069\u306e\u65b9\u8a00\u3067\u5171\u901a\u3057\u3066\u4f7f\u3048\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Mermaid<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub\u30fbGitLab\u30fbMPE\u30fbQiita\u30fbZenn\u30fbObsidian\u30fbVitePress\uff08\u30d7\u30e9\u30b0\u30a4\u30f3\uff09\u30fbStarlight\uff08\u30d7\u30e9\u30b0\u30a4\u30f3\uff09<\/p>\r\n<h3 class=\"fz-ml\">\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/h3>\r\n<pre><code class=\"language-markdown\">```mermaid\r\nflowchart LR\r\nA&lsqb;\u958b\u59cb&rsqb; --&gt; B{\u6761\u4ef6}\r\nB --&gt;|Yes| C&lsqb;\u51e6\u74061&rsqb;\r\nB --&gt;|No| D&lsqb;\u51e6\u74062&rsqb;\r\nC --&gt; E&lsqb;\u7d42\u4e86&rsqb;\r\nD --&gt; E\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>1 \u884c\u76ee\u3067\u56f3\u306e\u7a2e\u985e\u3068\u5411\u304d\u3092\u6307\u5b9a\u3057\u307e\u3059\uff08<code>LR<\/code> \u306f\u5de6\u304b\u3089\u53f3\u3001<code>TD<\/code> \u306f\u4e0a\u304b\u3089\u4e0b\uff09\u3002<\/li>\r\n  <li><code>&lsqb; &rsqb;<\/code> \u306f\u56db\u89d2\u3001<code>{ }<\/code> \u306f\u3072\u3057\u5f62\u3001<code>( )<\/code> \u306f\u89d2\u4e38\u306e\u30ce\u30fc\u30c9\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n  <li><code>--&gt;<\/code> \u3067\u77e2\u5370\u3001<code>--&gt;|\u30e9\u30d9\u30eb|<\/code> \u3067\u30e9\u30d9\u30eb\u4ed8\u304d\u306e\u77e2\u5370\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<h3 class=\"fz-ml\">\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/h3>\r\n<pre><code class=\"language-markdown\">```mermaid\r\nsequenceDiagram\r\nparticipant \u30d6\u30e9\u30a6\u30b6\r\nparticipant \u30b5\u30fc\u30d0\u30fc\r\n\u30d6\u30e9\u30a6\u30b6-&gt;&gt;\u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc--&gt;&gt;\u30d6\u30e9\u30a6\u30b6: \u30ec\u30b9\u30dd\u30f3\u30b9\r\n```<\/code><\/pre>\r\n<p class=\"fz-ss\"><code>-&gt;&gt;<\/code> \u306f\u5b9f\u7dda\u306e\u77e2\u5370\u3001<code>--&gt;&gt;<\/code> \u306f\u70b9\u7dda\u306e\u77e2\u5370\uff08\u5fdc\u7b54\uff09\u3067\u3059\u3002<\/p>\r\n<h3 class=\"fz-ml\">\u63cf\u3051\u308b\u56f3\u306e\u7a2e\u985e<\/h3>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>1 \u884c\u76ee<\/th>\r\n      <td>\u56f3\u306e\u7a2e\u985e<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th><code>flowchart<\/code><\/th>\r\n      <td>\u30d5\u30ed\u30fc\u30c1\u30e3\u30fc\u30c8<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>sequenceDiagram<\/code><\/th>\r\n      <td>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>classDiagram<\/code><\/th>\r\n      <td>\u30af\u30e9\u30b9\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>stateDiagram-v2<\/code><\/th>\r\n      <td>\u72b6\u614b\u9077\u79fb\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>erDiagram<\/code><\/th>\r\n      <td>ER \u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>gantt<\/code><\/th>\r\n      <td>\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>pie<\/code><\/th>\r\n      <td>\u5186\u30b0\u30e9\u30d5<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>gitGraph<\/code><\/th>\r\n      <td>Git \u306e\u30d6\u30e9\u30f3\u30c1\u56f3<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>mindmap<\/code><\/th>\r\n      <td>\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th><code>timeline<\/code><\/th>\r\n      <td>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<blockquote>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u6ce8\u610f<\/b>\uff1aMermaid \u306f\u66f4\u65b0\u304c\u65e9\u304f\u3001\u65b0\u3057\u3044\u56f3\u306e\u7a2e\u985e\u304c\u8ffd\u52a0\u3055\u308c\u7d9a\u3051\u3066\u3044\u307e\u3059\u3002\u30b5\u30fc\u30d3\u30b9\u3054\u3068\u306b\u4f7f\u3063\u3066\u3044\u308b Mermaid \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u304c\u9055\u3046\u305f\u3081\u3001\u65b0\u3057\u3044\u7a2e\u985e\u306e\u56f3\u306f\u3001\u74b0\u5883\u306b\u3088\u3063\u3066\u8868\u793a\u3055\u308c\u306a\u3044\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002Qiita \u3067\u306f\u30011 \u3064\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3042\u305f\u308a 2000 \u6587\u5b57\u307e\u3067\u306a\u3069\u306e\u5236\u9650\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\r\n<\/blockquote>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">PlantUML<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitLab\u30fbMPE\u30fbQiita<\/p>\r\n<pre><code class=\"language-markdown\">```plantuml\r\n@startuml\r\nactor \u30e6\u30fc\u30b6\u30fc\r\n\u30e6\u30fc\u30b6\u30fc -&gt; \u30b7\u30b9\u30c6\u30e0: \u30ed\u30b0\u30a4\u30f3\r\n\u30b7\u30b9\u30c6\u30e0 --&gt; \u30e6\u30fc\u30b6\u30fc: \u7d50\u679c\r\n@enduml\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>@startuml<\/code> \u301c <code>@enduml<\/code> \u3067\u56f2\u307f\u307e\u3059\u3002<\/li>\r\n  <li>UML \u306e\u56f3\u3092\u7d30\u304b\u304f\u66f8\u3051\u308b\u306e\u304c\u7279\u5fb4\u3067\u3001Mermaid \u3088\u308a\u63cf\u3051\u308b\u56f3\u306e\u7a2e\u985e\u3068\u8a2d\u5b9a\u304c\u591a\u3044\u3067\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306b\u306f\u30b5\u30fc\u30d0\u30fc\u5074\u306e Java \u304c\u5fc5\u8981\u3067\u3059\u3002MPE \u3067\u306f\u3001Java \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u304b\u3001PlantUML \u306e\u30b5\u30fc\u30d0\u30fc\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>puml<\/code> \u3068\u66f8\u304f\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Graphviz\uff08DOT \u8a00\u8a9e\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```dot\r\ndigraph G {\r\n\trankdir=LR;\r\n\tA -&gt; B;\r\n\tA -&gt; C;\r\n\tB -&gt; D;\r\n\tC -&gt; D;\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>digraph<\/code>\uff08\u77e2\u5370\u3042\u308a\uff09\u307e\u305f\u306f <code>graph<\/code>\uff08\u77e2\u5370\u306a\u3057\uff09\u3067\u3001\u30ce\u30fc\u30c9\u306e\u3064\u306a\u304c\u308a\u3092\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li>\u30ce\u30fc\u30c9\u306e\u914d\u7f6e\u306f\u3001Graphviz \u304c\u81ea\u52d5\u3067\u6c7a\u3081\u307e\u3059\u3002\u3064\u306a\u304c\u308a\u304c\u591a\u304f\u3001\u914d\u7f6e\u3092\u81ea\u5206\u3067\u8003\u3048\u305f\u304f\u306a\u3044\u56f3\u306b\u5411\u3044\u3066\u3044\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>dot<\/code> \u307e\u305f\u306f <code>viz<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002GitLab\uff08Kroki\uff09\u3067\u306f <code>graphviz<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Vega \/ Vega-Lite<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```vega-lite\r\n{\r\n\t\"data\": {\r\n\t\t\"values\": &lsqb;\r\n\t\t\t{\"\u6708\": \"1\u6708\", \"\u58f2\u4e0a\": 28},\r\n\t\t\t{\"\u6708\": \"2\u6708\", \"\u58f2\u4e0a\": 55},\r\n\t\t\t{\"\u6708\": \"3\u6708\", \"\u58f2\u4e0a\": 43}\r\n\t\t&rsqb;\r\n\t},\r\n\t\"mark\": \"bar\",\r\n\t\"encoding\": {\r\n\t\t\"x\": {\"field\": \"\u6708\", \"type\": \"nominal\"},\r\n\t\t\"y\": {\"field\": \"\u58f2\u4e0a\", \"type\": \"quantitative\"}\r\n\t}\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c7\u30fc\u30bf\u3068\u30b0\u30e9\u30d5\u306e\u7a2e\u985e\uff08<code>mark<\/code>\uff09\u3092 JSON \u3067\u66f8\u304f\u3068\u3001\u30b0\u30e9\u30d5\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\r\n  <li><b class=\"fw-600\">Vega-Lite<\/b> \u306f\u3001\u3088\u304f\u4f7f\u3046\u30b0\u30e9\u30d5\u3092\u77ed\u304f\u66f8\u3051\u308b\u7c21\u6613\u7248\u3067\u3059\u3002<b class=\"fw-600\">Vega<\/b> \u306f\u3001\u7d30\u304b\u3044\u8a2d\u5b9a\u307e\u3067\u66f8\u3051\u308b\u5b8c\u5168\u7248\u3067\u3059\u3002\u307e\u305a\u306f Vega-Lite \u3092\u4f7f\u3044\u307e\u3059\u3002<\/li>\r\n  <li>GitLab\uff08Kroki\uff09\u3067\u306f\u3001\u8a00\u8a9e\u540d\u3092 <code>vegalite<\/code> \u3068\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">D2<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```d2\r\n\u30d6\u30e9\u30a6\u30b6 -&gt; \u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc -&gt; \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9: \u30af\u30a8\u30ea\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li><code>-&gt;<\/code> \u3067\u77e2\u5370\u3001<code>:<\/code> \u306e\u5f8c\u308d\u306b\u30e9\u30d9\u30eb\u3092\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li>Mermaid \u3088\u308a\u65b0\u3057\u3044\u8a18\u6cd5\u3067\u3001\u898b\u305f\u76ee\u306e\u30c6\u30fc\u30de\u3084\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u7d30\u304b\u304f\u5909\u3048\u3089\u308c\u307e\u3059\u3002<\/li>\r\n  <li>MPE \u3067\u306f\u3001\u30d1\u30bd\u30b3\u30f3\u306b D2 \u306e\u30b3\u30de\u30f3\u30c9\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">TikZ<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```tikz\r\nbegin{tikzpicture}\r\ndraw (0,0) circle (1cm);\r\ndraw&lsqb;-&gt;&rsqb; (0,0) -- (1,1);\r\nend{tikzpicture}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>LaTeX \u306e\u56f3\u3092\u63cf\u304f\u305f\u3081\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u3067\u3001\u5ea7\u6a19\u3092\u6307\u5b9a\u3057\u3066\u81ea\u7531\u306b\u56f3\u5f62\u3092\u63cf\u3051\u307e\u3059\u3002\u6570\u5b66\u30fb\u7269\u7406\u306e\u56f3\u306b\u3088\u304f\u4f7f\u308f\u308c\u307e\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306b\u306f LaTeX \u306e\u74b0\u5883\u304c\u5fc5\u8981\u3067\u3059\u3002MPE \u3067\u306f\u3001LaTeX \u3068 pdf2svg \u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">WaveDrom<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE\u30fbGitLab\uff08Kroki\uff09<\/p>\r\n<pre><code class=\"language-markdown\">```wavedrom\r\n{ \"signal\": &lsqb;\r\n\t\t{ \"name\": \"clk\",  \"wave\": \"p......\" },\r\n\t\t{ \"name\": \"data\", \"wave\": \"x.34.x.\", \"data\": &lsqb;\"A\", \"B\"&rsqb; }\r\n\t&rsqb;}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c7\u30b8\u30bf\u30eb\u56de\u8def\u306e\u4fe1\u53f7\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u56f3\u3092\u3001JSON \u3067\u66f8\u304d\u307e\u3059\u3002<\/li>\r\n  <li><code>wave<\/code> \u306e 1 \u6587\u5b57\u304c 1 \u5468\u671f\u5206\u306e\u4fe1\u53f7\u3092\u8868\u3057\u307e\u3059\uff08<code>p<\/code> \u306f\u30af\u30ed\u30c3\u30af\u3001<code>x<\/code> \u306f\u4e0d\u5b9a\u3001<code>.<\/code> \u306f\u524d\u306e\u72b6\u614b\u306e\u7d99\u7d9a\u3001\u6570\u5b57\u306f\u30c7\u30fc\u30bf\uff09\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">WebSequenceDiagrams<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aMPE<\/p>\r\n<pre><code class=\"language-markdown\">```wsd\r\n\u30d6\u30e9\u30a6\u30b6-&gt;\u30b5\u30fc\u30d0\u30fc: \u30ea\u30af\u30a8\u30b9\u30c8\r\n\u30b5\u30fc\u30d0\u30fc--&gt;\u30d6\u30e9\u30a6\u30b6: \u30ec\u30b9\u30dd\u30f3\u30b9\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3092\u63cf\u304f Web \u30b5\u30fc\u30d3\u30b9\u306e\u8a18\u6cd5\u3067\u3059\u3002<\/li>\r\n  <li>\u63cf\u753b\u306f\u5916\u90e8\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u884c\u308f\u308c\u308b\u306e\u3067\u3001\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u3078\u306e\u63a5\u7d9a\u304c\u5fc5\u8981\u3067\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">GeoJSON \/ TopoJSON\uff08\u5730\u56f3\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub<\/p>\r\n<pre><code class=\"language-markdown\">```geojson\r\n{\r\n\t\"type\": \"FeatureCollection\",\r\n\t\"features\": &lsqb;\r\n\t\t{\r\n\t\t\t\"type\": \"Feature\",\r\n\t\t\t\"geometry\": { \"type\": \"Point\", \"coordinates\": &lsqb;139.7671, 35.6812&rsqb; },\r\n\t\t\t\"properties\": { \"name\": \"\u6771\u4eac\u99c5\" }\r\n\t\t}\r\n\t&rsqb;\r\n}\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u5730\u56f3\u4e0a\u306b\u3001\u70b9\uff08<code>Point<\/code>\uff09\u30fb\u7dda\uff08<code>LineString<\/code>\uff09\u30fb\u7bc4\u56f2\uff08<code>Polygon<\/code>\uff09\u3092\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\r\n  <li>\u5ea7\u6a19\u306f <b class=\"fw-600\">[\u7d4c\u5ea6, \u7def\u5ea6]<\/b> \u306e\u9806\u3067\u66f8\u304d\u307e\u3059\uff08\u7def\u5ea6\u30fb\u7d4c\u5ea6\u306e\u9806\u3067\u306f\u306a\u3044\u306e\u3067\u6ce8\u610f\uff09\u3002<\/li>\r\n  <li>\u8a00\u8a9e\u540d\u3092 <code>topojson<\/code> \u306b\u3059\u308b\u3068\u3001TopoJSON \u5f62\u5f0f\u3067\u66f8\u3051\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">STL\uff083D \u30e2\u30c7\u30eb\uff09<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitHub<\/p>\r\n<pre><code class=\"language-markdown\">```stl\r\nsolid triangle\r\nfacet normal 0 0 1\r\nouter loop\r\nvertex 0 0 0\r\nvertex 1 0 0\r\nvertex 0 1 0\r\nendloop\r\nendfacet\r\nendsolid\r\n```<\/code><\/pre>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>\u30c6\u30ad\u30b9\u30c8\u5f62\u5f0f\uff08ASCII STL\uff09\u3067\u66f8\u3044\u305f 3D \u30e2\u30c7\u30eb\u304c\u3001\u30de\u30a6\u30b9\u3067\u56de\u8ee2\u3067\u304d\u308b\u5f62\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\r\n  <li>3 \u3064\u306e\u9802\u70b9\uff08<code>vertex<\/code>\uff09\u3067\u4e09\u89d2\u5f62\u306e\u9762\uff08<code>facet<\/code>\uff09\u3092\u4f5c\u308a\u3001\u305d\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u7acb\u4f53\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\r\n<\/ul>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Kroki<\/h2>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">\u5bfe\u5fdc<\/b>\uff1aGitLab\uff08\u7ba1\u7406\u8005\u306b\u3088\u308b\u8a2d\u5b9a\u304c\u5fc5\u8981\uff09\u30fbMPE<\/p>\r\n<p class=\"fz-ss\">Kroki \u306f\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3067\u306f\u306a\u304f\u3001<b class=\"fw-600\">\u56f3\u306e\u8a18\u8ff0\u8a00\u8a9e\u3092\u753b\u50cf\u306b\u5909\u63db\u3059\u308b\u30b5\u30fc\u30d0\u30fc<\/b>\u3067\u3059\u3002Kroki \u306b\u5bfe\u5fdc\u3057\u305f\u74b0\u5883\u3067\u306f\u3001Kroki \u304c\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u3059\u3079\u3066\u306e\u8a00\u8a9e\u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u4e3b\u306a\u8a00\u8a9e<\/th>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>Mermaid\u30fbPlantUML\u30fbGraphviz\u30fbD2\u30fbVega\u30fbVega-Lite\u30fbWaveDrom\u30fbTikZ\u30fbBlockDiag\uff08SeqDiag\u30fbActDiag \u306a\u3069\uff09\u30fbBPMN\u30fbBytefield\u30fbDBML\u30fbDitaa\u30fbExcalidraw\u30fbNomnoml\u30fbPikchr\u30fbStructurizr\u30fbSvgbob \u306a\u3069<\/th>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">GitLab<\/b>\uff1a\u7ba1\u7406\u8005\u304c Kroki \u306e\u9023\u643a\u3092\u6709\u52b9\u306b\u3059\u308b\u3068\u3001<code>graphviz<\/code> <code>vegalite<\/code> <code>wavedrom<\/code> \u306a\u3069\u306e\u8a00\u8a9e\u540d\u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u304c\u56f3\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\"><b class=\"fw-600\">MPE<\/b>\uff1a\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b <code>{kroki=true}<\/code> \u3092\u4ed8\u3051\u308b\u3068\u3001\u305d\u306e\u56f3\u3092 Kroki \u3067\u63cf\u753b\u3057\u307e\u3059\u3002\u30d1\u30bd\u30b3\u30f3\u306b\u30c4\u30fc\u30eb\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u306a\u304f\u3066\u3082\u3001PlantUML\u30fbD2 \u306a\u3069\u306e\u56f3\u3092\u8868\u793a\u3067\u304d\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-markdown\">```plantuml {kroki=true}\r\n@startuml\r\nA -&gt; B: \u3053\u3093\u306b\u3061\u306f\r\n@enduml\r\n```<\/code><\/pre>\r\n<blockquote>\r\n<p class=\"fz-ss\">MPE \u306e Kroki \u306f\u3001\u65e2\u5b9a\u3067\u306f\u516c\u958b\u30b5\u30fc\u30d0\u30fc\uff08kroki.io\uff09\u306b\u56f3\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u9001\u4fe1\u3057\u307e\u3059\u3002\u793e\u5916\u306b\u51fa\u305b\u306a\u3044\u5185\u5bb9\u3092\u56f3\u306b\u3059\u308b\u5834\u5408\u306f\u3001\u81ea\u5206\u3067\u8a2d\u7f6e\u3057\u305f Kroki \u306e\u30b5\u30fc\u30d0\u30fc\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\r\n<\/blockquote>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u4f7f\u3044\u5206\u3051\u306e\u76ee\u5b89<\/h2>\r\n<table class=\"table my-0.75r\">\r\n  <thead>\r\n    <tr>\r\n      <th>\u3084\u308a\u305f\u3044\u3053\u3068<\/th>\r\n      <td>\u8a18\u6cd5<\/td>\r\n    <\/tr>\r\n  <\/thead>\r\n  <tbody>\r\n    <tr>\r\n      <th>\u3069\u306e\u74b0\u5883\u3067\u3082\u8868\u793a\u3055\u305b\u305f\u3044<\/th>\r\n      <td><b class=\"fw-600\">Mermaid<\/b><\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>UML \u306e\u56f3\u3092\u7d30\u304b\u304f\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>PlantUML<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u3064\u306a\u304c\u308a\u306e\u591a\u3044\u56f3\u3092\u3001\u914d\u7f6e\u3092\u6c17\u306b\u305b\u305a\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>Graphviz<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u30c7\u30fc\u30bf\u304b\u3089\u30b0\u30e9\u30d5\u3092\u4f5c\u308a\u305f\u3044<\/th>\r\n      <td>Vega-Lite<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u898b\u305f\u76ee\u306b\u3053\u3060\u308f\u3063\u305f\u69cb\u6210\u56f3\u3092\u66f8\u304d\u305f\u3044<\/th>\r\n      <td>D2<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u6570\u5b66\u30fb\u7269\u7406\u306e\u56f3\u3092\u6b63\u78ba\u306b\u63cf\u304d\u305f\u3044<\/th>\r\n      <td>TikZ<\/td>\r\n    <\/tr>\r\n    <tr>\r\n      <th>\u5730\u56f3\u30fb3D \u30e2\u30c7\u30eb\u3092\u8868\u793a\u3057\u305f\u3044\uff08GitHub\uff09<\/th>\r\n      <td>GeoJSON\u30fbSTL<\/td>\r\n    <\/tr>\r\n  <\/tbody>\r\n<\/table>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">Web \u30da\u30fc\u30b8\u3067\u8868\u793a\u3059\u308b\u306b\u306f\uff08Mermaid\uff09<\/h2>\r\n<p class=\"fz-ss\">Markdown \u304b\u3089\u5909\u63db\u3057\u305f HTML \u3067 Mermaid \u306e\u56f3\u3092\u8868\u793a\u3059\u308b\u306b\u306f\u3001\u30da\u30fc\u30b8\u306b Mermaid \u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\r\n<p class=\"fz-ss\">\u591a\u304f\u306e\u30d1\u30fc\u30b5\u30fc\u306f\u3001<code>```mermaid<\/code> \u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u3092 <code>&lt;pre&gt;&lt;code class=\"language-mermaid\"&gt;<\/code> \u306b\u5909\u63db\u3057\u307e\u3059\u3002Mermaid \u306f <code>class=\"mermaid\"<\/code> \u306e\u8981\u7d20\u3092\u56f3\u306b\u5909\u63db\u3059\u308b\u306e\u3067\u3001\u8aad\u307f\u8fbc\u307f\u6642\u306b\u7f6e\u304d\u63db\u3048\u3066\u304b\u3089\u63cf\u753b\u3057\u307e\u3059\u3002<\/p>\r\n<pre><code class=\"language-html\">&lt;script type=\"module\"&gt;\r\n\timport mermaid from 'https:\/\/cdn.jsdelivr.net\/npm\/mermaid@11\/dist\/mermaid.esm.min.mjs';\r\n\r\n\t\/\/ &lt;pre&gt;&lt;code class=\"language-mermaid\"&gt; \u3092 &lt;div class=\"mermaid\"&gt; \u306b\u7f6e\u304d\u63db\u3048\u308b\r\n\t\t\t\tdocument.querySelectorAll('pre &gt; code.language-mermaid').forEach(function (code) {\r\n\t\t\t\t\tconst div = document.createElement('div');\r\n\t\t\t\t\tdiv.className = 'mermaid';\r\n\t\t\t\t\tdiv.textContent = code.textContent;\r\n\t\t\t\t\tcode.parentElement.replaceWith(div);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tmermaid.initialize({ startOnLoad: false });\r\n\t\t\t\tawait mermaid.run();\r\n\t\t\t&lt;\/script&gt;<\/code><\/pre>\r\n<p class=\"fz-ss\"><code>textContent<\/code> \u3067\u4e2d\u8eab\u3092\u53d6\u308a\u51fa\u3059\u306e\u3067\u3001\u30b3\u30fc\u30c9\u306e\u4e2d\u306e <code>&amp;lt;<\/code> <code>&amp;lsqb;<\/code> \u306a\u3069\u306e\u6587\u5b57\u53c2\u7167\u306f\u3001\u5143\u306e\u6587\u5b57\u306b\u623b\u3063\u3066\u304b\u3089 Mermaid \u306b\u6e21\u3055\u308c\u307e\u3059\u3002<\/p>\r\n<hr class=\"separator mt-3r\">\r\n<h2 class=\"fz-xl\">\u53c2\u8003\u30ea\u30f3\u30af<\/h2>\r\n<ul style=\"list-style-type:bullet;\" class=\"my-0.5r\">\r\n  <li>Mermaid\uff1a<a href=\"https:\/\/mermaid.js.org\/\" class=\"link\">Mermaid Documentation<\/a><\/li>\r\n  <li>PlantUML\uff1a<a href=\"https:\/\/plantuml.com\/ja\/\" class=\"link\">PlantUML<\/a><\/li>\r\n  <li>Graphviz\uff1a<a href=\"https:\/\/graphviz.org\/\" class=\"link\">Graphviz<\/a><\/li>\r\n  <li>Vega-Lite\uff1a<a href=\"https:\/\/vega.github.io\/vega-lite\/\" class=\"link\">Vega-Lite<\/a><\/li>\r\n  <li>D2\uff1a<a href=\"https:\/\/d2lang.com\/\" class=\"link\">D2 Documentation<\/a><\/li>\r\n  <li>WaveDrom\uff1a<a href=\"https:\/\/wavedrom.com\/\" class=\"link\">WaveDrom<\/a><\/li>\r\n  <li>Kroki\uff1a<a href=\"https:\/\/kroki.io\/\" class=\"link\">Kroki<\/a><\/li>\r\n  <li>GitHub\uff1a<a href=\"https:\/\/docs.github.com\/ja\/get-started\/writing-on-github\/working-with-advanced-formatting\/creating-diagrams\" class=\"link\">\u56f3\u306e\u4f5c\u6210<\/a><\/li>\r\n  <li>GitLab\uff1a<a href=\"https:\/\/docs.gitlab.com\/user\/markdown\/#diagrams-and-flowcharts\" class=\"link\">Diagrams and flowcharts<\/a><\/li>\r\n  <li>MPE\uff1a<a href=\"https:\/\/shd101wyy.github.io\/markdown-preview-enhanced\/#\/diagrams\" class=\"link\">Diagrams<\/a><\/li>\r\n<\/ul>\r\n","protected":false},"excerpt":{"rendered":"Markdown \u306e\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\u306b\u30c6\u30ad\u30b9\u30c8\u3067\u56f3\u3092\u66f8\u304f\u8a18\u6cd5\uff08Mermaid\u30fbPlantUML\u30fbGraphviz \u306a\u3069\uff09\u3092\u3001\u7528\u8a9e\u306e\u610f\u5473\u30fb\u65b9\u8a00\u3054\u3068\u306e\u5bfe\u5fdc\u72b6\u6cc1\u30fb\u5404\u8a18\u6cd5\u306e\u66f8\u304d\u65b9\u306e\u9806\u306b\u307e\u3068\u3081\u305f\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u3067\u3059\u3002","protected":false},"author":1,"featured_media":14638,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","vk-ltc-link":"","vk-ltc-target":"0"},"categories":[24],"tags":[1143,1149,1144,1145,1146,1147,1148,1140,1139,128],"group":[],"pg":[],"class_list":["post-14623","post","type-post","status-publish","format-standard","has-post-thumbnail","category-textedit","tag-markdown-","tag-markdown-preview-enhanced","tag-1144","tag-pandoc","tag-markdown-extra","tag-kramdown","tag-multimarkdown","tag-gfm","tag-commonmark","tag-markdown"],"acf":[],"_links":{"self":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/comments?post=14623"}],"version-history":[{"count":3,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14623\/revisions"}],"predecessor-version":[{"id":14634,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/posts\/14623\/revisions\/14634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media\/14638"}],"wp:attachment":[{"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/media?parent=14623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/categories?post=14623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/tags?post=14623"},{"taxonomy":"group","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/group?post=14623"},{"taxonomy":"pg","embeddable":true,"href":"https:\/\/code-plus.jp\/gp\/wp-json\/wp\/v2\/pg?post=14623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}