{"id":2884,"date":"2026-10-16T10:43:10","date_gmt":"2026-10-16T02:43:10","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/ja\/releases\/free-mermaid-use-case-diagram-editor\/"},"modified":"2026-10-16T10:43:10","modified_gmt":"2026-10-16T02:43:10","slug":"free-mermaid-use-case-diagram-editor","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/ja\/releases\/free-mermaid-use-case-diagram-editor\/","title":{"rendered":"\u7121\u6599\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u30a8\u30c7\u30a3\u30bf\uff1aVPasCode\u3067\u306eMermaid\u30b5\u30dd\u30fc\u30c8"},"content":{"rendered":"

\"VPasCode\u3067Mermaid\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u304c\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\"<\/p>\n

\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3<\/a>\u30c1\u30fc\u30e0\u304c\u3001\u4eba\u3005\u3084\u5916\u90e8\u30b7\u30b9\u30c6\u30e0\u304c\u30b7\u30b9\u30c6\u30e0\u304c\u63d0\u4f9b\u3059\u308b\u6a5f\u80fd\u3068\u3069\u306e\u3088\u3046\u306b\u76f8\u4e92\u4f5c\u7528\u3059\u308b\u304b\u3092\u8aac\u660e\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 \u0442\u0435\u043f\u0435\u0440\u044c Mermaid \u3067\u4f5c\u6210\u3057\u3001VPasCode \u3067\u30d7\u30ec\u30d3\u30e5\u30fc\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u3053\u306e\u65b0\u6a5f\u80fd\u306b\u3088\u308a\u3001VPasCode \u306e\u300c\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\u300d\u30b5\u30dd\u30fc\u30c8\u304c\u62e1\u5927\u3057\u3001\u624b\u52d5\u3067\u5404\u8981\u7d20\u3092\u63cf\u753b\u3059\u308b\u4ee3\u308f\u308a\u306b\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30b7\u30b9\u30c6\u30e0\u52d5\u4f5c\u3092\u8a18\u8ff0\u3059\u308b\u5225\u306e\u65b9\u6cd5\u304c\u63d0\u4f9b\u3055\u308c\u307e\u3059\u3002<\/p>\n

\u3059\u3067\u306b\u6280\u8853\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306bMermaid\u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u304b\uff1fVPasCode\u3092Mermaid\u56f3\u30a8\u30c7\u30a3\u30bf<\/strong>\u3068\u3057\u3066\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u3092\u542b\u3080\u3001\u4ed6\u306e\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u56f3\u30bf\u30a4\u30d7\u3068\u3068\u3082\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u7121\u6599\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u30a8\u30c7\u30a3\u30bf<\/strong>\u3092\u304a\u63a2\u3057\u306a\u3089\u3001VPasCode\u30a8\u30c7\u30a3\u30bf<\/a>.<\/p>\n

\u65b0\u6a5f\u80fd\uff1aMermaid\u306b\u3088\u308b\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3<\/h2>\n

VPasCode\u3067\u306f\u3001\u3059\u3067\u306bPlantUML\u3067\u8a18\u8ff0\u3055\u308c\u305f\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u307e\u3057\u305f\u3002\u3053\u306e\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u306b\u3088\u308a\u3001Mermaid\u306eusecase-beta<\/code>\u69cb\u6587\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u3053\u308c\u306fMermaid 12.0.0\u4ee5\u964d\u3067\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002\u3053\u306e\u69cb\u6587\u306f\u3001\u30a2\u30af\u30bf\u30fc\u3001\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u3001\u30b7\u30b9\u30c6\u30e0\u5883\u754c\u3001\u304a\u3088\u3073\u30a2\u30af\u30bf\u30fc\u3068\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u9593\u306e\u95a2\u4fc2\u3092\u8868\u3057\u307e\u3059\u3002<\/p>\n

\u3053\u306e\u8ffd\u52a0\u306b\u3088\u308a\u3001\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u30e2\u30c7\u30eb\u3092\u4ed6\u306eMermaid\u56f3\u3068\u540c\u3058\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3067\u7dad\u6301\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u30bd\u30fc\u30b9\u3092\u7de8\u96c6\u3057\u3001\u30d7\u30ec\u30d3\u30e5\u30fc\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u3001\u8981\u4ef6\u306e\u5909\u5316\u306b\u5fdc\u3058\u3066\u56f3\u3092\u4fee\u6b63\u3067\u304d\u307e\u3059\u3002<\/p>\n

\"VPasCode\u5185\u306eMermaid<\/p>\n

\u4f8b\uff1aATM\u30b7\u30b9\u30c6\u30e0\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3<\/h2>\n

\u4ee5\u4e0b\u306e\u4f8b\u3067\u306f\u30012\u4eba\u306e\u30a2\u30af\u30bf\u30fc\u3068\u3001\u5f7c\u3089\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308bATM\u306e\u6a5f\u80fd\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u30b7\u30b9\u30c6\u30e0\u5883\u754c\u306f\u3001ATM\u30b7\u30b9\u30c6\u30e0\u306b\u5c5e\u3059\u308b\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067Mermaid\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
usecase-beta\r\ndirection LR\r\nactor User(\"User\")\r\nactor Technician(\"Technician\")\r\nsystemBoundary \"ATM System\"\r\n  Withdraw(\"Withdraw Cash\")\r\n  Transfer(\"Transfer Cash\")\r\n  Deposit(\"Deposit Cash\")\r\n  SettleBills(\"Settle Bills\")\r\n  Repair(\"Repair ATM\")\r\nend\r\nUser --> Withdraw\r\nUser --> Transfer\r\nUser --> Deposit\r\nUser --> SettleBills\r\nTechnician --> Repair<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067Mermaid\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u3053\u3053\u3067\u3001actor<\/code>\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u3068\u76f8\u4e92\u4f5c\u7528\u3059\u308b\u4eba\u3092\u5ba3\u8a00\u3057\u3001\u5404\u540d\u524d\u4ed8\u304d\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306f\u6a5f\u80fd\u3092\u8868\u3057\u307e\u3059\u3002systemBoundary<\/code>\u306f\u3001\u305d\u308c\u3089\u306e\u6a5f\u80fd\u3092ATM\u30b7\u30b9\u30c6\u30e0\u306e\u4e0b\u306b\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002\u77e2\u5370\u306f\u3001\u5404\u30a2\u30af\u30bf\u30fc\u304c\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u6a5f\u80fd\u3092\u793a\u3057\u3001direction LR<\/code>\u306f\u3001\u5de6\u304b\u3089\u53f3\u3078\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u8981\u6c42\u3057\u307e\u3059\u3002<\/p>\n
\u306a\u305c\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u306bMermaid\u3092\u4f7f\u7528\u3059\u308b\u306e\u304b\uff1f<\/h2>\n
\u8981\u4ef6\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3001\u307e\u305f\u306f\u30b3\u30fc\u30c9\u3068\u4e00\u7dd2\u306b\u30e2\u30c7\u30eb\u3092\u7c21\u5358\u306b\u4fee\u6b63\u3057\u305f\u3044\u5834\u5408\u3001\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u306e\u56f3\u306f\u5b9f\u7528\u7684\u3067\u3059\u3002\u5f62\u72b6\u3092\u624b\u52d5\u3067\u518d\u914d\u7f6e\u3059\u308b\u4ee3\u308f\u308a\u306b\u3001\u30e9\u30d9\u30eb\u3092\u5909\u66f4\u3057\u305f\u308a\u3001\u30a2\u30af\u30bf\u30fc\u3092\u8ffd\u52a0\u3057\u305f\u308a\u3001\u30bd\u30fc\u30b9\u5185\u306e\u95a2\u4fc2\u3092\u66f4\u65b0\u3057\u305f\u308a\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u308a\u3001Mermaid\u306f\u521d\u671f\u306e\u8a2d\u8a08\u8b70\u8ad6\u3060\u3051\u3067\u306a\u304f\u3001\u30b7\u30b9\u30c6\u30e0\u304c\u9032\u5316\u3059\u308b\u306b\u3064\u308c\u3066\u56f3\u3092\u6700\u65b0\u306e\u72b6\u614b\u306b\u4fdd\u3064\u969b\u306b\u3082\u6709\u7528\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u306f\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3001\u30d3\u30b8\u30cd\u30b9\u30a2\u30ca\u30ea\u30b9\u30c8\u3001\u958b\u767a\u8005\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u3001\u304a\u3088\u3073\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u304c\u30b7\u30b9\u30c6\u30e0\u306e\u30b9\u30b3\u30fc\u30d7\u306b\u95a2\u3059\u308b\u5171\u901a\u306e\u7406\u89e3\u3092\u69cb\u7bc9\u3059\u308b\u306e\u3092\u652f\u63f4\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u8cea\u554f\u306b\u3064\u3044\u3066\u8b70\u8ad6\u3057\u3084\u3059\u304f\u3057\u307e\u3059\uff1a<\/p>\n