{"id":11321,"date":"2026-10-13T15:47:48","date_gmt":"2026-10-13T07:47:48","guid":{"rendered":"https:\/\/www.cybermedian.com\/ja\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/"},"modified":"2026-10-14T13:08:38","modified_gmt":"2026-10-14T05:08:38","slug":"diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/ja\/diagram-as-code-uml-sequence-diagrams-with-plantuml-and-vpascode\/","title":{"rendered":"\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\uff1aPlantUML\u3068VPasCode\u306b\u3088\u308bUML\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3"},"content":{"rendered":"

AUML<\/a> \u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/a>\u306f\u3001\u53c2\u52a0\u8005\u304c\u6642\u9593\u3068\u3068\u3082\u306b\u3069\u306e\u3088\u3046\u306b\u76f8\u4e92\u4f5c\u7528\u3059\u308b\u304b\u3092\u793a\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9<\/a>\u3001API\u30d5\u30ed\u30fc\u3001\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3001\u307e\u305f\u306f\u30b7\u30b9\u30c6\u30e0\u30b7\u30ca\u30ea\u30aa\u3092\u6587\u66f8\u5316\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u6642\u9593\u306f\u901a\u5e38\u4e0a\u304b\u3089\u4e0b\u3078\u79fb\u52d5\u3057\u3001\u6c34\u5e73\u914d\u7f6e\u306f\u8ab0\u304c\u53c2\u52a0\u3059\u308b\u304b\u3092\u793a\u3057\u3001\u7d4c\u904e\u6642\u9593\u306e\u6b63\u78ba\u306a\u6e2c\u5b9a\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n

PlantUML<\/a>\u306f\u3001\u56f3\u3092\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002Visual Paradigm\u306eVPasCode\u30a8\u30c7\u30a3\u30bf<\/a>\u306f\u3001\u30b3\u30fc\u30c9\u30a8\u30c7\u30a3\u30bf\u3092\u30e9\u30a4\u30d6\u30d7\u30ec\u30d3\u30e5\u30fc\u3068AI\u652f\u63f4\u3068\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u56f3\u30b3\u30fc\u30c9\u306e\u751f\u6210\u3001\u5909\u66f4\u3001\u4fee\u6b63\u3092\u884c\u3044\u307e\u3059\u3002\u826f\u3044\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306f\u3001AI\u3092\u4f7f\u3063\u3066\u6700\u521d\u306e\u30c9\u30e9\u30d5\u30c8\u3092\u4f5c\u6210\u3057\u3001\u305d\u306e\u5f8cPlantUML\u3092\u81ea\u5206\u3067\u691c\u67fb\u3057\u3066\u6d17\u7df4\u3055\u305b\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n

\"VPasCode<\/p>\n

1. \u57fa\u672c\u69cb\u9020<\/h2>\n

APlantUML\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/a>\u306f@startuml<\/code>\u3067\u59cb\u307e\u308a\u3001@enduml<\/code>\u3067\u7d42\u308f\u308a\u307e\u3059\u3002\u53c2\u52a0\u8005\u306f\u901a\u5e38\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u524d\u306b\u30ea\u30b9\u30c8\u3055\u308c\u308b\u305f\u3081\u3001\u540d\u524d\u3068\u9806\u5e8f\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<\/p>\n

\"\u9867\u5ba2\u3001\u30d6\u30e9\u30a6\u30b6\u3001API\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u9593\u306e\u6ce8\u6587\u30d5\u30ed\u30fc\u3092\u793a\u3059\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3068\u5171\u306b<\/p>\n

\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\nactor \u9867\u5ba2\nparticipant \u30d6\u30e9\u30a6\u30b6\nparticipant \"\u6ce8\u6587API\" as API\ndatabase \"\u6ce8\u6587DB\" as DB\n\n\u9867\u5ba2 -> \u30d6\u30e9\u30a6\u30b6: \u6ce8\u6587\u3059\u308b\n\u30d6\u30e9\u30a6\u30b6 -> API: POST \/orders\nAPI -> DB: \u6ce8\u6587\u3092\u4fdd\u5b58\nDB --> API: \u6ce8\u6587ID\nAPI --> \u30d6\u30e9\u30a6\u30b6: 201 Created\n\u30d6\u30e9\u30a6\u30b6 -> \u9867\u5ba2: \u78ba\u8a8d\u3092\u8868\u793a\n@enduml\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nVPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\u53c2\u52a0\u8005\u306e\u8868\u793a\u30e9\u30d9\u30eb\u306f\u5f15\u7528\u7b26\u3067\u56f2\u3080\u3053\u3068\u304c\u3067\u304d\u3001\u3068\u3057\u3066<\/code>\u30e1\u30c3\u30bb\u30fc\u30b8\u3067\u4f7f\u7528\u3059\u308b\u305f\u3081\u306e\u77ed\u3044\u30a8\u30a4\u30ea\u30a2\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u4e00\u822c\u7684\u306a\u53c2\u52a0\u8005\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u306b\u306factor<\/code>, participant<\/code>, boundary<\/code>, control<\/code>, entity<\/code>, database<\/code>\u3001\u304a\u3088\u3073\u30b3\u30ec\u30af\u30b7\u30e7\u30f3<\/code>\u53c2\u52a0\u8005\u306e\u5f79\u5272\u3092\u6700\u3082\u9069\u5207\u306b\u4f1d\u3048\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u7279\u5b9a\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u5f37\u5236\u3059\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n
2. \u30e1\u30c3\u30bb\u30fc\u30b8\u3068\u6642\u9593\u306e\u8aad\u307f\u53d6\u308a<\/h2>\n
\u5404\u30e1\u30c3\u30bb\u30fc\u30b8\u306f\u3001\u9001\u4fe1\u8005\u3001\u77e2\u5370\u3001\u53d7\u4fe1\u8005\u3001\u304a\u3088\u3073\u30e9\u30d9\u30eb\u3068\u3057\u3066\u8a18\u8ff0\u3055\u308c\u307e\u3059\u3002\u30e1\u30c3\u30bb\u30fc\u30b8\u884c\u306e\u9806\u5e8f\u306f\u3001\u56f3\u306b\u304a\u3051\u308b\u305d\u308c\u3089\u306e\u7e26\u306e\u9806\u5e8f\u3092\u6c7a\u5b9a\u3057\u307e\u3059\u3002<\/p>\n
\"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d3\u30b9\u306e\u30e9\u30a4\u30d5\u30e9\u30a4\u30f3\u9593\u306e\u30ea\u30af\u30a8\u30b9\u30c8\u3001\u30ec\u30b9\u30dd\u30f3\u30b9\u3001\u304a\u3088\u3073\u30aa\u30fc\u30d7\u30f3\u30a2\u30ed\u30fc\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u69cb\u6587\u3092\u793a\u3059<\/p>\n