{"id":11264,"date":"2026-08-25T14:29:51","date_gmt":"2026-08-25T06:29:51","guid":{"rendered":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"modified":"2026-09-03T23:26:08","modified_gmt":"2026-09-03T15:26:08","slug":"comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","title":{"rendered":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3"},"content":{"rendered":"<div class=\"chat-messages-container\">\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<h1 dir=\"ltr\"><span>\u5c0e\u5165\uff1aPlantUML \u3068 Visual Paradigm \u3092\u7528\u3044\u305f\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\u306e\u7fd2\u5f97<\/span><\/h1>\n<div dir=\"ltr\"><span>\u4eca\u65e5\u306e\u6025\u901f\u306b\u9032\u5316\u3059\u308b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u306e\u74b0\u5883\u306b\u304a\u3044\u3066\u3001\u660e\u78ba\u306a\u8996\u899a\u7684\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306f\u3082\u306f\u3084\u8d05\u6ca2\u3067\u306f\u306a\u304f\u3001\u5fc5\u9808\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\u3057\u304b\u3057\u3001\u5f93\u6765\u306e\u56f3\u4f5c\u6210\u30c4\u30fc\u30eb\u306f\u3001\u89e3\u6c7a\u3059\u3079\u304d\u554f\u984c\u3088\u308a\u3082\u3080\u3057\u308d\u6469\u64e6\u3092\u751f\u3080\u3053\u3068\u304c\u591a\u3044\u306e\u3067\u3059\u3002\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306f\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u306b\u62b5\u6297\u3059\u308b\u30d0\u30a4\u30ca\u30ea\u30d5\u30a1\u30a4\u30eb\u3092\u751f\u6210\u3057\u3001\u30b3\u30fc\u30c9\u304c\u5909\u66f4\u3055\u308c\u305f\u77ac\u9593\u306b\u9673\u8150\u5316\u3057\u3001\u958b\u767a\u8005\u3068\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u9593\u306b\u30b5\u30a4\u30ed\uff08\u5206\u65ad\uff09\u3092\u751f\u307f\u51fa\u3057\u307e\u3059\u3002<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>\u767b\u5834\u3059\u308b\u306e\u306f<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>\uff1a\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\u6271\u3046\u753b\u671f\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3059\u3002\u30b7\u30b9\u30c6\u30e0\u3092\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3067\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u3001\u81ea\u52d5\u751f\u6210\u3001\u30b7\u30fc\u30e0\u30ec\u30b9\u306a\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u529b\u3092\u89e3\u653e\u3057\u307e\u3059\u3002\u3057\u304b\u3057\u3001AI \u304c\u3088\u308a\u826f\u3044\u30b3\u30fc\u30c9\u4f5c\u6210\u3092\u30b5\u30dd\u30fc\u30c8\u3067\u304d\u308b\u306e\u306b\u3001\u306a\u305c\u5358\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u3060\u3051\u3067\u7d42\u308f\u308b\u5fc5\u8981\u304c\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b\uff1f<\/span><\/div>\n<div><\/div>\n<div dir=\"ltr\"><span>\u3053\u306e\u5305\u62ec\u7684\u306a\u30ac\u30a4\u30c9\u3067\u306f\u3001<\/span><strong dir=\"ltr\"><span>PlantUML<\/span><\/strong><span>\u3092<\/span><strong dir=\"ltr\"><span>Visual Paradigm \u306e AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8<\/span><\/strong><span>\u3068<\/span><strong dir=\"ltr\"><span>VPasCode<\/span><\/strong><span><span>\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u56f3\u306e\u4f5c\u6210\u3092\u9000\u5c48\u306a\u4f5c\u696d\u304b\u3089\u3001\u52b9\u7387\u7684\u3067\u77e5\u7684\u306a\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3078\u3068\u5909\u9769\u3057\u307e\u3059\u3002\u8907\u96d1\u306a\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u3092\u30de\u30c3\u30d4\u30f3\u30b0\u3059\u308b\u719f\u7df4\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u3067\u3042\u3063\u3066\u3082\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30b8\u30e3\u30fc\u30cb\u30fc\u3092\u63cf\u304f\u88fd\u54c1\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3067\u3042\u3063\u3066\u3082\u3001\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u306e\u56f3\u3092\u6d3b\u7528\u3057\u3066\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3068\u5171\u306b\u9032\u5316\u3057\u3001\u4fdd\u5b88\u53ef\u80fd\u3067\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306a\u54c1\u8cea\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3092\u767a\u898b\u3067\u304d\u308b\u3067\u3057\u3087\u3046\u3002<br \/>\n<\/span><\/span><\/p>\n<p id=\"fweyXvg\"><img alt=\"VPasCode\uff1a\u56f3\u4f5c\u6210\u306e\u5909\u9769\u301cPlantUML\u3068AI\u99c6\u52d5\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\" class=\"alignnone wp-image-20135 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8-768x429.png 768w\" width=\"1024\"\/><\/p>\n<\/div>\n<div dir=\"ltr\"><span>\u30af\u30e9\u30b9\u56f3\u304b\u3089\u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8\u3001\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u304b\u3089 C4 \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30e2\u30c7\u30eb\u307e\u3067\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u4f5c\u6210\u306e\u30ec\u30d9\u30eb\u3092\u9ad8\u3081\u308b\u5b9f\u8df5\u7684\u306a\u4f8b\u3068\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\u9673\u8150\u5316\u3057\u305f Visio \u30d5\u30a1\u30a4\u30eb\u306b\u3055\u3088\u306a\u3089\u3092\u544a\u3052\u3001\u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u5b58\u5728\u3057\u3001\u30b3\u30fc\u30c9\u3068\u5171\u306b\u5909\u5316\u3057\u3001\u958b\u767a\u8005\u306e\u8a00\u8a9e\u3067\u8a9e\u308b\u56f3\u3078\u3088\u3046\u3053\u305d\u3002<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>\u306a\u305c\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\u306b PlantUML \u3092\u4f7f\u3046\u306e\u304b\uff1f\u305d\u306e\u30e1\u30ea\u30c3\u30c8\u306f\uff1f<\/h2>\n<p>PlantUML \u306f\u3001\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u306e\u8aac\u660e\u304b\u3089 UML \u56f3\u3092\u4f5c\u6210\u3067\u304d\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4e3b\u306a\u30e1\u30ea\u30c3\u30c8\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\uff1a<\/p>\n<p id=\"rZkfDjQ\"><img alt=\"\u306a\u305cPlantUML\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\u306b\uff1fVPasCode\u3092\u6d3b\u7528\u3057\u305f\u30e1\u30ea\u30c3\u30c8\u3068\u5a01\u529b\" class=\"alignnone wp-image-20139 size-full\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3775a2b21-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>1.\u00a0<strong>\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u306b\u6700\u9069<\/strong><\/h3>\n<ul>\n<li>\n<p>\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u306e\u56f3\u306f Git \u30ea\u30dd\u30b8\u30c8\u30ea\u306b\u4fdd\u5b58\u53ef\u80fd<\/p>\n<\/li>\n<li>\n<p>\u5909\u66f4\u306e\u8ffd\u8de1\u3001\u5dee\u5206\u30ec\u30d3\u30e5\u30fc\u3001\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u304c\u5bb9\u6613<\/p>\n<\/li>\n<li>\n<p>\u30de\u30fc\u30b8\u304c\u56f0\u96e3\u306a\u30d0\u30a4\u30ca\u30ea\u30d5\u30a1\u30a4\u30eb\u304c\u5b58\u5728\u3057\u306a\u3044<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>\u4fdd\u5b88\u6027<\/strong><\/h3>\n<ul>\n<li>\n<p>\u56f3\u306e\u66f4\u65b0\u3068\u4fee\u6b63\u304c\u5bb9\u6613<\/p>\n<\/li>\n<li>\n<p>\u3059\u3079\u3066\u306e\u56f3\u3067\u4e00\u8cab\u3057\u305f\u30b9\u30bf\u30a4\u30eb<\/p>\n<\/li>\n<li>\n<p>\u518d\u5229\u7528\u53ef\u80fd\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>\u958b\u767a\u8005\u4e2d\u5fc3<\/strong><\/h3>\n<ul>\n<li>\n<p>\u30b3\u30fc\u30c9\u3067\u56f3\u3092\u4f5c\u6210\uff08\u30c9\u30e9\u30c3\u30b0\uff06\u30c9\u30ed\u30c3\u30d7\u4e0d\u8981\uff09<\/p>\n<\/li>\n<li>\n<p>IDE \u3084\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u30c4\u30fc\u30eb\u3068\u306e\u7d71\u5408<\/p>\n<\/li>\n<li>\n<p>\u30b3\u30fc\u30c9\u304b\u3089\u306e\u81ea\u52d5\u56f3\u751f\u6210<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>\u30c4\u30fc\u30eb\u9023\u643a<\/strong><\/h3>\n<ul>\n<li>\n<p>\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30c8\u306a\u56f3\u306e\u63d0\u6848\u306e\u305f\u3081\u306b\u3001Visual Paradigm AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3068\u9023\u643a<\/p>\n<\/li>\n<li>\n<p>VPasCode \u306f\u9ad8\u6a5f\u80fd\u306a\u7de8\u96c6\u4f53\u9a13\u3092\u63d0\u4f9b\u3057\u307e\u3059<\/p>\n<\/li>\n<li>\n<p>\u8907\u6570\u306e\u51fa\u529b\u5f62\u5f0f\u306b\u5bfe\u5fdc\uff08PNG\u3001SVG\u3001PDF\uff09<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>\u5e83\u7bc4\u306a\u56f3\u306e\u30b5\u30dd\u30fc\u30c8<\/strong><\/h3>\n<ul>\n<li>\n<p>\u30af\u30e9\u30b9\u56f3\u3001\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3001\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u56f3<\/p>\n<\/li>\n<li>\n<p>\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u56f3\u3001\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u56f3<\/p>\n<\/li>\n<li>\n<p>\u305d\u306e\u4ed6\u591a\u304f\u306e\u5c02\u9580\u7684\u306a\u56f3\u306e\u7a2e\u985e<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>\u30c4\u30fc\u30eb\uff1aVisual Paradigm AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8 + VPasCode<\/h2>\n<p id=\"pNICRlm\"><img alt=\"VPasCode\u74b0\u5883\u5411\u3051\u306bVisual Paradigm AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u304cPlantUML\u30b3\u30fc\u30c9\u3092\u751f\u6210\u3057\u3066\u3044\u308b\u69d8\u5b50\u3092\u793a\u3059\u56f3\u3002\" class=\"alignnone size-full wp-image-20140\" decoding=\"async\" height=\"572\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b.png 1024w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-300x168.png 300w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d37f36b05b-768x429.png 768w\" width=\"1024\"\/><\/p>\n<h3>Visual Paradigm AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8<\/h3>\n<ul>\n<li>\n<p><strong>\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30c8\u306a\u63d0\u6848<\/strong>: \u56f3\u306e\u69cb\u9020\u306b\u5bfe\u3059\u308b AI \u99c6\u52d5\u306e\u63a8\u5968\u3092\u53d6\u5f97<\/p>\n<\/li>\n<li>\n<p><strong>\u81ea\u7136\u8a00\u8a9e\u304b\u3089\u56f3\u3078<\/strong>: \u30b7\u30b9\u30c6\u30e0\u3092\u5e73\u6613\u306a\u82f1\u8a9e\u3067\u8a18\u8ff0\u3057\u3001PlantUML \u30b3\u30fc\u30c9\u3092\u53d6\u5f97<\/p>\n<\/li>\n<li>\n<p><strong>\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/strong>: \u6700\u9069\u306a\u56f3\u306e\u30d1\u30bf\u30fc\u30f3\u3068\u898f\u7d04\u3092\u5b66\u7fd2<\/p>\n<\/li>\n<\/ul>\n<h3>VPasCode<\/h3>\n<ul>\n<li>\n<p><strong>\u9ad8\u6a5f\u80fd\u30a8\u30c7\u30a3\u30bf<\/strong>: \u69cb\u6587\u30cf\u30a4\u30e9\u30a4\u30c8\u3001\u81ea\u52d5\u88dc\u5b8c\u3001\u30a8\u30e9\u30fc\u691c\u51fa<\/p>\n<\/li>\n<li>\n<p><strong>\u30e9\u30a4\u30d6\u30d7\u30ec\u30d3\u30e5\u30fc<\/strong>: \u5165\u529b\u3057\u306a\u304c\u3089\u56f3\u304c\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u66f4\u65b0\u3055\u308c\u308b\u69d8\u5b50\u3092\u78ba\u8a8d<\/p>\n<\/li>\n<li>\n<p><strong>\u9023\u643a<\/strong>: Visual Paradigm \u306e\u30e2\u30c7\u30ea\u30f3\u30b0\u30c4\u30fc\u30eb\u30b9\u30a4\u30fc\u30c8\u5168\u4f53\u3068\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>PlantUML \u56f3\u306e\u4f8b<\/h2>\n<h3>1. \u30af\u30e9\u30b9\u56f3<\/h3>\n<p id=\"MeKiwtT\"><img alt=\"\u9867\u5ba2\u3001\u6ce8\u6587\u3001\u88fd\u54c1\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u3068\u305d\u306e\u5c5e\u6027\u30fb\u30e1\u30bd\u30c3\u30c9\u3092\u793a\u3059PlantUML\u30af\u30e9\u30b9\u56f3\u3002\" class=\"alignnone size-full wp-image-20141\" decoding=\"async\" height=\"564\" loading=\"lazy\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab.png 304w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3827692ab-162x300.png 162w\" width=\"304\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Customer {\r\n    -customerId: String\r\n    -name: String\r\n    -email: String\r\n    +getCustomerInfo(): void\r\n    +updateEmail(newEmail: String): void\r\n}\r\n\r\nclass Order {\r\n    -orderId: String\r\n    -orderDate: Date\r\n    -totalAmount: Double\r\n    +calculateTotal(): Double\r\n    +placeOrder(): void\r\n}\r\n\r\nclass Product {\r\n    -productId: String\r\n    -productName: String\r\n    -price: Double\r\n    +getPrice(): Double\r\n    +updatePrice(newPrice: Double): void\r\n}\r\n\r\nCustomer \"1\" --&gt; \"*\" Order : places\r\nOrder \"*\" --&gt; \"*\" Product : contains\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB1JiGW4BqtwJzCUgfkUl3AmQnnzx0NRQ8_W80R4c0Q6FHW_7UXfKsxbGF9lFUOUJmu1kAUeZLr9GmF0PvZ8BJAmqzTGLgTAC15CdWZhzsr48vRTGCfoxNPOeUhehddnNrYUyVW2xKiR1ma9tNEvrgdli_h1elojwvcUwzUhhnXhdR6HlIKsZB8Uq49YPidYz5HmZ5-cC8S13SYcgHypv9iS4CFXWirpct_SzHxb57GuccOwfshWh_iKnky5kfcQ4gjp_3EpHJOnAN0-lNPhRtb9Pk71hhk4PhxfkJ7OBnKgAkfpioicE_3GA0ZhbrI7PMJwO_y0G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>2. \u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/h3>\n<p id=\"ZeQJLKw\"><img alt=\"\u30e6\u30fc\u30b6\u30fc\u3001Web\u30d6\u30e9\u30a6\u30b6\u3001API\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u3001\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u3001\u30e6\u30fc\u30b6\u30fc\u30b5\u30fc\u30d3\u30b9\u9593\u306e\u76f8\u4e92\u4f5c\u7528\u3092\u793a\u3059\u30ed\u30b0\u30a4\u30f3\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3\u3002\" class=\"alignnone size-full wp-image-20142\" decoding=\"async\" height=\"458\" loading=\"lazy\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0.png 643w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38398c3e0-300x214.png 300w\" width=\"643\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nactor User\r\nparticipant \"Web Browser\" as Browser\r\nparticipant \"API Gateway\" as Gateway\r\nparticipant \"Auth Service\" as Auth\r\nparticipant \"User Service\" as UserService\r\n\r\nUser -&gt; Browser : Login Request\r\nBrowser -&gt; Gateway : POST \/api\/login\r\nGateway -&gt; Auth : Validate Credentials\r\nAuth -&gt; Auth : Check Database\r\nAuth --&gt; Gateway : Authentication Result\r\nGateway -&gt; UserService : Get User Profile\r\nUserService --&gt; Gateway : User Data\r\nGateway --&gt; Browser : Login Response\r\nBrowser --&gt; User : Display Dashboard\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP9FJmCX4CNl97o7IU-cznvCjPiq9YPkMl-SPzdH9L90cBNnsmkuQ7VZ3Txx3VDcmZOo1XvFHWfKx08yHGfI-2HgfJrQXjKBTN0Rt3avAy1Opmlgfhs3FJATyQjGqtb9ZJp0aSAdLbImB2oO7676P66wIo55yQ-kQmxOmBrxqnOEz35IP2cgaPWfHMBQX-CZhD7hjScq5DLAL4crWMSqkaygx0BrP5cZYL8Kym_Q3QJUeK763YDLUzOgIxbS8MkNSyNHyApXnKI9tnCN1ThWNhMXdn6hFt-xSBdxnNl_xY9wPtE-tsLCRHFIwEXDAcmm3ft3q4kn9TkdN_0D\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>3. \u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u56f3<\/h3>\n<p id=\"aHFktKE\"><img alt=\"\u652f\u6255\u3044\u691c\u8a3c\u3068\u5728\u5eab\u66f4\u65b0\u3092\u542b\u3080\u6ce8\u6587\u51e6\u7406\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u793a\u3059PlantUML\u30a2\u30af\u30c6\u30a3\u30d3\u30c6\u30a3\u56f3\u3002\" class=\"alignnone size-full wp-image-20143\" decoding=\"async\" height=\"484\" loading=\"lazy\" sizes=\"auto, (max-width: 342px) 100vw, 342px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb.png 342w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d384ae28eb-212x300.png 212w\" width=\"342\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstart\r\n:Receive Order;\r\nif (Payment Valid?) then (yes)\r\n  :Process Payment;\r\n  :Update Inventory;\r\n  :Generate Invoice;\r\n  :Send Confirmation Email;\r\nelse (no)\r\n  :Reject Order;\r\n  :Notify Customer;\r\nendif\r\n:Ship Product;\r\nstop\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:FOz12i8m44NtWTnXblKAkb0G4JTQ5Ds7v1T7cgGaKw6tTsp5tV3-CFF-heehCiRUcdcoPds51xz1bn9GDjPmHqthfeWaz70zX-sAv8b4pOIwiePetPRiKIlzrZOpl0_12UYKtefocHPwH4BvySmU2xqX1Thdr769JZWdEaJ7lOReAwX9UNbqnGjU_cfApbcucsW_LibnXdgAE-rnU_90QXP6_pNIVB1cfwcs_G00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>4. \u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3<\/h3>\n<p id=\"oVpEcFT\"><img alt=\"\u9867\u5ba2\u3068\u7ba1\u7406\u8005\u304c\u300c\u5546\u54c1\u95b2\u89a7\u300d\u300c\u6ce8\u6587\u767a\u884c\u300d\u300c\u5728\u5eab\u7ba1\u7406\u300d\u300c\u30ec\u30dd\u30fc\u30c8\u8868\u793a\u300d\u300c\u8fd4\u91d1\u51e6\u7406\u300d\u3068\u76f8\u4e92\u4f5c\u7528\u3059\u308bE\u30b3\u30de\u30fc\u30b9\u30b7\u30b9\u30c6\u30e0\u306e\u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u56f3\u3002\" class=\"alignnone size-full wp-image-20144\" decoding=\"async\" height=\"327\" loading=\"lazy\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11.png 579w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d385ecbf11-300x169.png 300w\" width=\"579\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nleft to right direction\r\nactor \"Customer\" as Customer\r\nactor \"Admin\" as Admin\r\n\r\nrectangle \"E-Commerce System\" {\r\n  usecase \"Browse Products\" as UC1\r\n  usecase \"Place Order\" as UC2\r\n  usecase \"Manage Inventory\" as UC3\r\n  usecase \"View Reports\" as UC4\r\n  usecase \"Process Refund\" as UC5\r\n}\r\n\r\nCustomer --&gt; UC1\r\nCustomer --&gt; UC2\r\nAdmin --&gt; UC3\r\nAdmin --&gt; UC4\r\nAdmin --&gt; UC5\r\nUC2 ..&gt; UC5 : extends\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP6nJWCn38RtI7a7w_Qh12qB0ogS61WG5QZiKU9U8rqIv3YK2l7kkE5QAKpERt-sVolhp8QuX4ch2NSCd83yk6Tmdj2oJr4hOpaHT4F9d09I1oR3MLogzoxuM4lrfPLMfm4cZXD2zzWFAGXk4TwEcJ5qyAqLGCbeJHRWWT91ueQIAvPp7RGThXfcCndfVo4tUzWErqtzsKGp8Zp5JupYwJX3omPwztY0L_n8TDcoQhTGifYpCBiItOpSQFLpEkbyDlJztP-_VnbnLE-VvRALgrRALEc0nQ8Ak0NyOemkQxMM89_o2m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>5. \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u56f3<\/h3>\n<p id=\"fkzfZrN\"><img alt=\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306eWeb\u304a\u3088\u3073\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u304c\u3001\u6ce8\u6587\u3001\u8a8d\u8a3c\u3001\u652f\u6255\u3044\u306a\u3069\u306e\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u304a\u3088\u3073\u30d0\u30c3\u30af\u30a8\u30f3\u30c9API\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u306b\u63a5\u7d9a\u3057\u3066\u3044\u308b\u69d8\u5b50\u3092\u793a\u3059PlantUML\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u56f3\u3002\" class=\"alignnone size-full wp-image-20145\" decoding=\"async\" height=\"452\" loading=\"lazy\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165.png 729w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d386d88165-300x186.png 300w\" width=\"729\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBDIiD058NtXRp3q7rVGLeHn8LQSE52N4oIKODj4jAfKaJGkKBjGYXe5Tq8KcsfID4Y8XHyc0krleMJgyQ9SNSvyzsVSvXYJV98rgiLAnToPvjl2fP7w20y88mGZb7rgMZbsPwLOsnjLTWCrGt21S80rIF26DKBGazZwupNc0PAOKWiWkRQgBe8zqaFGOk1xLK4SVjMBhMxZG2eXibYLC_n3ZX5zVfpHAcye8zu8bsVU8UgfxVGv7aknIvl43OTd4pxOtC08QMwt5eHqOxd2C8ce_xal9d1bYDNH2dkR3XfTV3mA8EMUQCgV6d27mTNxzUt6N8faDw6vt3f1Nw2KmGkbzpcDSgWIQc-8LnIeNthrhdP6FkAbnKACxzMapJJydT1Oigp-P1sQRxyDMMI1FphnLX4K7nrfZCMq-CJkIXyLt_7Jm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\npackage \"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\" {\r\n  [Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3] as WebApp\r\n  [\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea] as MobileApp\r\n}\r\n\r\npackage \"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30b5\u30fc\u30d3\u30b9\" {\r\n  [API \u30b2\u30fc\u30c8\u30a6\u30a7\u30a4] as Gateway\r\n  [\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9] as AuthService\r\n  [\u6ce8\u6587\u30b5\u30fc\u30d3\u30b9] as OrderService\r\n  [\u652f\u6255\u3044\u30b5\u30fc\u30d3\u30b9] as PaymentService\r\n  [\u901a\u77e5\u30b5\u30fc\u30d3\u30b9] as NotificationService\r\n}\r\n\r\ndatabase \"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\" as DB\r\n\r\nWebApp --&gt; Gateway\r\nMobileApp --&gt; Gateway\r\nGateway --&gt; AuthService\r\nGateway --&gt; OrderService\r\nGateway --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nAuthService --&gt; DB\r\nOrderService --&gt; DB\r\nPaymentService --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBDIiD058NtXRp3q7rVGLeHn8LQSE52N4oIKODj4jAfKaJGkKBjGYXe5Tq8KcsfID4Y8XHyc0krleMJgyQ9SNSvyzsVSvXYJV98rgiLAnToPvjl2fP7w20y88mGZb7rgMZbsPwLOsnjLTWCrGt21S80rIF26DKBGazZwupNc0PAOKWiWkRQgBe8zqaFGOk1xLK4SVjMBhMxZG2eXibYLC_n3ZX5zVfpHAcye8zu8bsVU8UgfxVGv7aknIvl43OTd4pxOtC08QMwt5eHqOxd2C8ce_xal9d1bYDNH2dkR3XfTV3mA8EMUQCgV6d27mTNxzUt6N8faDw6vt3f1Nw2KmGkbzpcDSgWIQc-8LnIeNthrhdP6FkAbnKACxzMapJJydT1Oigp-P1sQRxyDMMI1FphnLX4K7nrfZCMq-CJkIXyLt_7Jm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLAx3i8m3DmhzH-ixlm20eH033ma1WR4uBO68afRfGQ44FzEueQI09jzTpxdaWmQHisNSn57DMOdF10a4rsLJ6MUm2EE0BORIc5OruNAa5LLxW0RC9Y1X9vNgIh8AeHfMo6VSUJPZanXN65D-geoQjxsmzKCfiXqmxiOkBhbBdoaajtczwZ8BELwaIvrJZfG2E9BLdW_6xT0v31VjgXOxV-jz8bkG4Bco9XYOrAENPNOWV78akrTGQ_N_sJhRYc4NI5W4D0dmbm-ynt6LuhWRm9laOZigNycBHZQT_30lAhvGIy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>6. \u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u56f3<\/h3>\n<p id=\"oDhKFeA\"><img alt=\"\u30ed\u30fc\u30c9\u30d0\u30e9\u30f3\u30b5\u3001Web\u30b5\u30fc\u30d0\u30fc\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u30fc\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30ec\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u793a\u3059PlantUML\u30c7\u30d7\u30ed\u30a4\u30e1\u30f3\u30c8\u56f3\u3002\" class=\"alignnone size-full wp-image-20147\" decoding=\"async\" height=\"650\" loading=\"lazy\" sizes=\"auto, (max-width: 609px) 100vw, 609px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e.png 609w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389188b6e-281x300.png 281w\" width=\"609\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPAzIWD158NxWNc78Nq2sT8Y9CkMMuWfKa-oKmIoF-okGWWsSujW8GWMmSP25yG_GX3Ha8WFSn7o6CxCkXDDmExkdUzmpfpPTfRpD3yEHvH4SI1O3U4POOrmXd21S8_mWl9LRMgCPyntsOGInagq9_giF3JicZKDrEis_s6S7yQXv9GIwofl46O83oWNcfLl27VMkvGQOIT9kY8z4MaPP127IHo9ADV1Br6-8voZNEfBw1bGpetCzVVegV7vrCvoZdAbP5-Bmj1Un_-Rpi9mPORbNYxF_Hqhu3dlyyn8Pxf5MI1Sg-ifpk27wJ3awTXpT-cdgeR72ZqIoMWuu1eraTGRrEkjicKxgpRLmdpOXlJAsLrj-zC7LMfAR23MQBIsdko0ROhfvlQ3ahQ80lMVV0C0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"\u30ed\u30fc\u30c9\u30d0\u30e9\u30f3\u30b5\u30fc\" as LB {\r\n  node \"Web \u30b5\u30fc\u30d0\u30fc 1\" as WS1\r\n  node \"Web \u30b5\u30fc\u30d0\u30fc 2\" as WS2\r\n}\r\n\r\nnode \"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u30fc\" as AppServer {\r\n  component \"\u30d3\u30b8\u30cd\u30b9\u30ed\u30b8\u30c3\u30af\" as BL\r\n  component \"\u30c7\u30fc\u30bf\u30a2\u30af\u30bb\u30b9\u5c64\" as DAL\r\n}\r\n\r\nnode \"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b5\u30fc\u30d0\u30fc\" as DBServer {\r\n  database \"\u30d7\u30e9\u30a4\u30de\u30ea DB\" as PrimaryDB\r\n  database \"\u30ec\u30d7\u30ea\u30ab DB\" as ReplicaDB\r\n}\r\n\r\nLB --&gt; WS1\r\nLB --&gt; WS2\r\nWS1 --&gt; AppServer\r\nWS2 --&gt; AppServer\r\nAppServer --&gt; DBServer\r\nPrimaryDB ..&gt; ReplicaDB : \u8907\u88fd\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VPAzIWD158NxWNc78Nq2sT8Y9CkMMuWfKa-oKmIoF-okGWWsSujW8GWMmSP25yG_GX3Ha8WFSn7o6CxCkXDDmExkdUzmpfpPTfRpD3yEHvH4SI1O3U4POOrmXd21S8_mWl9LRMgCPyntsOGInagq9_giF3JicZKDrEis_s6S7yQXv9GIwofl46O83oWNcfLl27VMkvGQOIT9kY8z4MaPP127IHo9ADV1Br6-8voZNEfBw1bGpetCzVVegV7vrCvoZdAbP5-Bmj1Un_-Rpi9mPORbNYxF_Hqhu3dlyyn8Pxf5MI1Sg-ifpk27wJ3awTXpT-cdgeR72ZqIoMWuu1eraTGRrEkjicKxgpRLmdpOXlJAsLrj-zC7LMfAR23MQBIsdko0ROhfvlQ3ahQ80lMVV0C0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP6zgiCm38LtWzz1P6-X6UzG6fCnGsc7pgeZBeR43hPJAANlVXt5IN-ucwJpMKUI3o6YZsFVIM5TIr0q3bjGsA7Lv0l008s2XnG0itwXAvp9tyZ3ZkNBUVUlMcQrbE8fnTA-6eREQ8p6sGmobihv6Ljfrm_EaerGg34OIo6DuNwDPbWrNqoD4Q7IcZ6yvvvrrNnOJzGL0xtxrkhTjbs8ukXDZ_wUTCPoMgjFwaIyp4BbTABODXrkizdF1rhZT8vKu6HTUYgLtwNNIIPX6LIATHRORlSlJ_W1FyUHWXG7ictwrJy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>7. \u72b6\u614b\u56f3<br \/>\n<img alt=\"\u6ce8\u6587\u306e\u4f5c\u6210\u304b\u3089\u914d\u9001\u307e\u305f\u306f\u30ad\u30e3\u30f3\u30bb\u30eb\u307e\u3067\u306e\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb\u3092\u793a\u3059PlantUML\u72b6\u614b\u56f3\u3002\" class=\"alignnone size-full wp-image-20148\" decoding=\"async\" height=\"902\" loading=\"lazy\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa.png 327w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d389e5b0fa-109x300.png 109w\" width=\"327\"\/><\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2iafI5PIURLxnR5hxaxrpddLCK598B5PmBae5IgGW54nP_wnpwkF6bYVxvpwVEXEi9Y2nCZSrhoGWDIybCoyTK-dpHRjUhEf5LkgSdvUMMPIBPExJzcNF9xGzsR4MegmeFpcrk1ZPjAVjkrxqRWVB1cTa5XGWwNtPslkoSShJTJrFThM15RYavcIMfHOXANdSjFPny-B7pPiVD-r-tBmQuhN4lEJKd1oGAbwkQArO1LrTEuH_eGom8Ae75QmK8C7qig7noVw5l5neqaWwuFu4wO451p1edtRDnweDxYHazK-NR7msTJfSFS9Ci4Nma09gWGJYosdTJvTt0zKZf40geQ46TpqaG7cvOE8WDV200wf23bLWSC1T1b8732rUBeHYk903q2_0v0G0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nstate \"\u6ce8\u6587\u4f5c\u6210\" as Created\r\nstate \"\u652f\u6255\u3044\u4fdd\u7559\" as PaymentPending\r\nstate \"\u652f\u6255\u3044\u78ba\u8a8d\" as PaymentConfirmed\r\nstate \"\u51e6\u7406\u4e2d\" as Processing\r\nstate \"\u51fa\u8377\" as Shipped\r\nstate \"\u914d\u9054\u5b8c\u4e86\" as Delivered\r\nstate \"\u30ad\u30e3\u30f3\u30bb\u30eb\" as Cancelled\r\n\r\n[*] --&gt; Created\r\nCreated --&gt; PaymentPending : \u6ce8\u6587\u9001\u4fe1\r\nPaymentPending --&gt; PaymentConfirmed : \u652f\u6255\u3044\u6210\u529f\r\nPaymentPending --&gt; Cancelled : \u652f\u6255\u3044\u5931\u6557\r\nPaymentConfirmed --&gt; Processing : \u51e6\u7406\u958b\u59cb\r\nProcessing --&gt; Shipped : \u6ce8\u6587\u51fa\u8377\r\nShipped --&gt; Delivered : \u914d\u9054\u5b8c\u4e86\r\nCancelled --&gt; [*]\r\nDelivered --&gt; [*]\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUK2iafI5PIURLxnR5hxaxrpddLCK598B5PmBae5IgGW54nP_wnpwkF6bYVxvpwVEXEi9Y2nCZSrhoGWDIybCoyTK-dpHRjUhEf5LkgSdvUMMPIBPExJzcNF9xGzsR4MegmeFpcrk1ZPjAVjkrxqRWVB1cTa5XGWwNtPslkoSShJTJrFThM15RYavcIMfHOXANdSjFPny-B7pPiVD-r-tBmQuhN4lEJKd1oGAbwkQArO1LrTEuH_eGom8Ae75QmK8C7qig7noVw5l5neqaWwuFu4wO451p1edtRDnweDxYHazK-NR7msTJfSFS9Ci4Nma09gWGJYosdTJvTt0zKZf40geQ46TpqaG7cvOE8WDV200wf23bLWSC1T1b8732rUBeHYk903q2_0v0G0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLB12i8m3BqN-W_5ex0Vy232nAl2ZkAXRb4BRHrT9_ZtfYNDflFsylAIvRrkDqGTukYi58WYgDKnT11K7G2hRgNqK30hJlhjm4Tr0jyPVyyQueXQIEkdlvdWQ26nJ4xoy6nX67Wfbwne7gRlQGrXxkt1cXS4wdB5_Lhx5gmjhaebXHJdzKLLrNQoIY2JtzxKHZNZrPceSb9I_BHd4smGPqeIpTWcJt_7-AIP_g1Dld6nCd-70qfNfPVyocpMJchAAqaHbVCBcnIS6Me8l_7jN6yX0eR2zoKnPYR5DC7K3XtX3_K1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>8. \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u56f3<\/h3>\n<p id=\"BRkYXfb\"><img alt=\"\u7279\u5b9a\u306e\u5c5e\u6027\u5024\u3092\u6301\u3064Customer1\u3001Order1\u3001Product1\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u9593\u306e\u95a2\u4fc2\u3092\u793a\u3059PlantUML\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u56f3\u3002\" class=\"alignnone size-full wp-image-20149\" decoding=\"async\" height=\"373\" loading=\"lazy\" sizes=\"auto, (max-width: 245px) 100vw, 245px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1.png 245w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38cc7cdc1-197x300.png 197w\" width=\"245\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nobject Customer1 {\r\n  customerId = \"C001\"\r\n  name = \"John Doe\"\r\n  email = \"john@example.com\"\r\n}\r\n\r\nobject Order1 {\r\n  orderId = \"ORD-1001\"\r\n  orderDate = \"2026-08-20\"\r\n  totalAmount = 299.99\r\n}\r\n\r\nobject Product1 {\r\n  productId = \"P001\"\r\n  productName = \"Laptop\"\r\n  price = 299.99\r\n}\r\n\r\nCustomer1 --&gt; Order1\r\nOrder1 --&gt; Product1\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NP112i8m44NtWTmXT1z9kn2xK2hjHX4LRn3J0LkIJgbJ4CIxsxIfehkPz-4_Ph8xwOvwPpd3Qms6HDxV2HrqiNXo9eG9wwuKQn7bIiMHnursuC4URuqe44O8JbVMqtgW6JoqQoqi3BeXVN7sKPowyjEFVfxAJvT2nhDWv8McqPAeP2dLIYPgp0X9swt3lg4XJT9qaQQ_XdE7PMyeEDffcopdsH3eCLnoq2rX6vBAm7_pzozIRi89d8LJF9gTd6NGbCDBtm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>9. \u30bf\u30a4\u30df\u30f3\u30b0\u56f3<\/h3>\n<p id=\"EObwXSG\"><img alt=\"\u6642\u9593\u7d4c\u904e\u306b\u4f34\u3046\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3068\u30b5\u30fc\u30d0\u30fc\u306e\u76f8\u4e92\u4f5c\u7528\u72b6\u614b\u3092\u793a\u3059PlantUML\u30bf\u30a4\u30df\u30f3\u30b0\u56f3\u3002\" class=\"alignnone size-full wp-image-20151\" decoding=\"async\" height=\"204\" loading=\"lazy\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68.png 464w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d38f22ba68-300x132.png 300w\" width=\"464\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUKgoaygBIvHK7hSjFvnyyh7JKiUDorwtBpvSNE7aa9YiO9pJcPgNWcoigsFc_SyRfu09C4AWbEBobABUBbukHmCUBaWoXKoYnKoKt9IWMA6A89AnQbvAPbvwGf5gOMbgSKbIa0LHa0L44D0AWgAyfDJYuk1Qe1InYXII9gB2_BpYbD1karGpIzAJKxDB4DNP8hDPK33W0400000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobust \"\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\" as Client\r\nrobust \"\u30b5\u30fc\u30d0\u30fc\" as Server\r\n\r\n@0\r\nClient is idle\r\n@10\r\nClient is \"sending request\"\r\n@20\r\nServer is processing\r\n@30\r\nServer is \"sending response\"\r\n@40\r\nClient is \"receiving response\"\r\n@50\r\nClient is idle\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUKgoaygBIvHK7hSjFvnyyh7JKiUDorwtBpvSNE7aa9YiO9pJcPgNWcoigsFc_SyRfu09C4AWbEBobABUBbukHmCUBaWoXKoYnKoKt9IWMA6A89AnQbvAPbvwGf5gOMbgSKbIa0LHa0L44D0AWgAyfDJYuk1Qe1InYXII9gB2_BpYbD1karGpIzAJKxDB4DNP8hDPK33W0400000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ROzB3i8m34JtaN87AoVWkw_44JX1QKV8KaYAdVJyk6G1GUn6Csz6zg1bb58VqJl9jwg5mYKoKWaqAZNvYQwG5VAEclJEks7dNGE9bNYEC6_VcK6HPavt4Zmhj0GZ3aQqaOrO94zGDSQYOnTzbNN9IR6rJ_s-O0Allz3vtsKsPk--0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>10. \u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7<\/h3>\n<p id=\"DMzyQwW\"><img alt=\"\u6226\u7565\u3001\u5b9f\u884c\u3001\u5206\u6790\u3001\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3092\u793a\u3059PlantUML\u3067\u4f5c\u6210\u3055\u308c\u305f\u88fd\u54c1\u7ba1\u7406\u30de\u30a4\u30f3\u30c9\u30de\u30c3\u30d7\u56f3\u3002\" class=\"alignnone size-full wp-image-20153\" decoding=\"async\" height=\"752\" loading=\"lazy\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3.png 560w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39a30cae3-223x300.png 223w\" width=\"560\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NL5BJW915DoJS8TPpyOhe3SXqOKBZ54E0E_5cJQYJ89eY0ame-8unf44GZ1WECopFzp2_in8TDFfhggkgfTNEs_MpvgDuvF3HlsqMl4zzVZ5UssPnp8AzDlt19l8_hEv-XvV0X_FLROHevL3vDk2HuopG0mZXn2-4wu9Bmc7X4Xuhr8cRwtUu_b8nPr229-Q9Cm8PuHifp8U4-C12tjg6REMMhak1P7nXW-J1bFHdtCOk8G_LNOseXEATE3m_Rq3pGNEsK5gbOZkWxm92vDNdi-sTydt1bJhekoRcgQm9BmYI8hYC2ListRZCZGqYV1an_f7zUptQvkSMQhrEzCsVk5vKgtKZlGot49-0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startmindmap\r\n* \u88fd\u54c1\u7ba1\u7406\r\n** \u6226\u7565\r\n*** \u5e02\u5834\u8abf\u67fb\r\n*** \u7af6\u5408\u5206\u6790\r\n*** \u30ed\u30fc\u30c9\u30de\u30c3\u30d7\u8a08\u753b\r\n** \u5b9f\u884c\r\n*** \u30b9\u30d7\u30ea\u30f3\u30c8\u8a08\u753b\r\n*** \u30e6\u30fc\u30b6\u30fc\u30b9\u30c8\u30fc\u30ea\u30fc\r\n*** \u30d0\u30c3\u30af\u30ed\u30b0\u6574\u5099\r\n** \u5206\u6790\r\n*** \u30e6\u30fc\u30b6\u30fc\u6307\u6a19\r\n*** A\/B \u30c6\u30b9\u30c8\r\n*** \u8ee2\u63db\u7387\r\n** \u5229\u5bb3\u95a2\u4fc2\u8005\r\n*** \u30a8\u30f3\u30b8\u30cb\u30a2\u30ea\u30f3\u30b0\u30c1\u30fc\u30e0\r\n*** \u30c7\u30b6\u30a4\u30f3\u30c1\u30fc\u30e0\r\n*** \u30d3\u30b8\u30cd\u30b9\u30ea\u30fc\u30c0\u30fc\r\n*** \u9867\u5ba2\r\n@endmindmap\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:NL5BJW915DoJS8TPpyOhe3SXqOKBZ54E0E_5cJQYJ89eY0ame-8unf44GZ1WECopFzp2_in8TDFfhggkgfTNEs_MpvgDuvF3HlsqMl4zzVZ5UssPnp8AzDlt19l8_hEv-XvV0X_FLROHevL3vDk2HuopG0mZXn2-4wu9Bmc7X4Xuhr8cRwtUu_b8nPr229-Q9Cm8PuHifp8U4-C12tjg6REMMhak1P7nXW-J1bFHdtCOk8G_LNOseXEATE3m_Rq3pGNEsK5gbOZkWxm92vDNdi-sTydt1bJhekoRcgQm9BmYI8hYC2ListRZCZGqYV1an_f7zUptQvkSMQhrEzCsVk5vKgtKZlGot49-0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL1BRi903DrNwXsypgPNWAIecoAXG0zWJQp1IiOJsGugj--GePGk_RwsD-QedbY6XFFhImC7pSCI7FOe62cHU44REBgYKxpUXgQGEf93JqQeuLp1BgUPd9ql15l1wMfibUaptkBXCA48IrmJTzyK5kSiLNESbSN_IHhuCj9IdPNf7jLY6ASSuKDpJhzHQvjpi2VNdbmVoFQjXHEPFuAxB1TIA-tGbxliVYEETCxJK9Wgsqba8IgRnUB7LD5tCexo1BIB5PaPV1B-cRl5FATrt53vR_tn3m00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>11. \u30ef\u30a4\u30e4\u30fc\u30d5\u30ec\u30fc\u30e0 (Salt)<\/h3>\n<p id=\"GwDuJzU\"><img alt=\"\u30e6\u30fc\u30b6\u30fc\u540d\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u3001\u30ed\u30b0\u30a4\u30f3\u30dc\u30bf\u30f3\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u5fd8\u308c\u30ea\u30f3\u30af\u3092\u542b\u3080\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\u306e\u30ef\u30a4\u30e4\u30fc\u30d5\u30ec\u30fc\u30e0\" class=\"alignnone size-full wp-image-20154\" decoding=\"async\" height=\"112\" loading=\"lazy\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39b895bc4.png\" width=\"151\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5PwtBpsSTE6nqrB7ZTlVjmywt7pdiTDEvH0SWeAqK3PPM2HRK3owOHUAmMbM8JKnCTDEnythmSfQEv4IDcWcAbaXn15qV2uQTBZngwd-sSyRkfvtBZySUFCnutTzX3bjRnSGEIGcfS2SYm0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startsalt\r\n{+\r\n  {\"\u30ed\u30b0\u30a4\u30f3\u30da\u30fc\u30b8\"\r\n    [\"\u30e6\u30fc\u30b6\u30fc\u540d: \"]\r\n    [\"\u30d1\u30b9\u30ef\u30fc\u30c9: \"]\r\n    &lt;\"\u30ed\u30b0\u30a4\u30f3\"&gt;\r\n    &lt;\"\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u304a\u5fd8\u308c\u3067\u3059\u304b?\"&gt;\r\n  }\r\n}\r\n@endsalt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5PwtBpsSTE6nqrB7ZTlVjmywt7pdiTDEvH0SWeAqK3PPM2HRK3owOHUAmMbM8JKnCTDEnythmSfQEv4IDcWcAbaXn15qV2uQTBZngwd-sSyRkfvtBZySUFCnutTzX3bjRnSGEIGcfS2SYm0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAKxCAU7bgjRcvL9Gg5RooK_Fp5C8I4nFLG89A2X4AuKMfnRb9UQcMYaenSB40XABYylpYr8GOZOGhKfsCAvRVb5wVea2JAKzHAQMbmk875BpKa3s0W00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>12. \u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u56f3<\/h3>\n<p id=\"wiifxCb\"><img alt=\"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\u304b\u3089\u30d5\u30a1\u30a4\u30a2\u30a6\u30a9\u30fc\u30eb\u3092\u7d4c\u7531\u3057\u3066DMZ\u304a\u3088\u3073\u5185\u90e8\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u30b5\u30fc\u30d0\u30fc\u3078\u5411\u304b\u3046\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u30d5\u30ed\u30fc\u3092\u793a\u3059\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u56f3\u3002\" class=\"alignnone size-full wp-image-20155\" decoding=\"async\" height=\"590\" loading=\"lazy\" sizes=\"auto, (max-width: 425px) 100vw, 425px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b.png 425w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d39ca1b16b-216x300.png 216w\" width=\"425\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067Plantuml\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode\u3067PlantUML\u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUNAoqz9LL1wtBJaSVFcnqtx7pVlUTpS-xYv-N5pXv92Oh62Prv9Qb5UQWbSPVFKnqqBGUgR5ZrkMlQuQILOosgmOhTmc38NtoYm291MgERbKb2028Ud9YayRjeArZ81I8BLX0SZ5BZu1MCg00hoSjN2Z7xQrlgoUGNSbO-RruDKDwr7ScvY3hAb89SsJt_SlEfnqqQmqksFcvU3lOjcZsD1GN1H6PB6vdQmUc2ep0GpTaASuuIi11OSpQinp7FBp4a56mXqEoyNB2GLT7Njm27b5Wvc0eE8bmiKJY0EpFsyNE71O06Oco0qH0FGVeVKl1HW_040\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nnode \"\u30a4\u30f3\u30bf\u30fc\u30cd\u30c3\u30c8\" as Internet\r\nnode \"\u30d5\u30a1\u30a4\u30a2\u30a6\u30a9\u30fc\u30eb\" as FW\r\nnode \"DMZ\" as DMZ {\r\n  node \"Web \u30b5\u30fc\u30d0\u30fc\" as WS\r\n  node \"DNS \u30b5\u30fc\u30d0\u30fc\" as DNS\r\n}\r\nnode \"\u5185\u90e8\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\" as Internal {\r\n  node \"\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30b5\u30fc\u30d0\u30fc\" as AppSrv\r\n  node \"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\" as DB\r\n  node \"\u30d5\u30a1\u30a4\u30eb\u30b5\u30fc\u30d0\u30fc\" as FileSrv\r\n}\r\n\r\nInternet --&gt; FW\r\nFW --&gt; DMZ\r\nDMZ --&gt; Internal\r\nWS --&gt; AppSrv\r\nAppSrv --&gt; DB\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:SoWkIImgAStDuUNAoqz9LL1wtBJaSVFcnqtx7pVlUTpS-xYv-N5pXv92Oh62Prv9Qb5UQWbSPVFKnqqBGUgR5ZrkMlQuQILOosgmOhTmc38NtoYm291MgERbKb2028Ud9YayRjeArZ81I8BLX0SZ5BZu1MCg00hoSjN2Z7xQrlgoUGNSbO-RruDKDwr7ScvY3hAb89SsJt_SlEfnqqQmqksFcvU3lOjcZsD1GN1H6PB6vdQmUc2ep0GpTaASuuIi11OSpQinp7FBp4a56mXqEoyNB2GLT7Njm27b5Wvc0eE8bmiKJY0EpFsyNE71O06Oco0qH0FGVeVKl1HW_040\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LL0n2iCm3DmD_eF8dY-Kj0H3XsRnOEZc40sXhXCS9nbA_rv5niITvBj3lZirIxGXhcydXPy6XEhk8mQFiGAxG0PPL6F0tJh7eZAPRXzFPcZ2Hmg0H1liGMFOCB1gz2crdIubWb9y_oDO1nt6VGgl8WgHXS5rdijV2Egm5IOssjukc2nkfw16X-NYWNcJ8aYHIqDTNxYaCloaTb8S5G-GuqXXD1FPFCsqG9OD-e6k-mC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>13. \u30ac\u30f3\u30c8\u30c1\u30e3\u30fc\u30c8<\/h3>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP9TIiD04CVV0xb3Bh2GZTQFjzv3V2WQH94gxHwWsG6D525OszZYWqYrgTegY45RFmupJRUzXTd4sf84nBTbP_u_VZEx-J8hbDXEeSYOgh1Tjczg22v23_ahyWxoHmGRhJxoB-HjX2k4RdHuLXLLEImTx9bRB6AKDKCtLeY-JdGgQuHe4yyMvqED45NPcDnQew4Vz5lYixkvqAgXTJzjL8DE5IqNAnRLjR5xCstKXDyKVaiclLu8GgXB7tX7FfZdQJg_dCX79c67Q0vY4mG70UHat0ldG3Y9gtEgaKjIZPILz0ct9FFsFq1qBKiFuGZvMqYA3OFJYz57xVVoXqTrGdD_hqkyE85ZPuJJCglPBiUp7z2ETSQN3w9-9ywUWcjOhCxGDECPbnBel5dSZdxPDm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startgantt\r\ntitle \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\r\n\r\nprojectstarts 2026-09-01\r\n\r\n-- \u8a08\u753b --\r\n[\u8981\u4ef6\u5b9a\u7fa9] 2026-09-01 \u306b\u958b\u59cb\u3057\u300110 \u65e5\u9593\u7d99\u7d9a\r\n[\u8a2d\u8a08\u30d5\u30a7\u30fc\u30ba] 2026-09-11 \u306b\u958b\u59cb\u3057\u300114 \u65e5\u9593\u7d99\u7d9a\r\n\r\n-- \u958b\u767a --\r\n[\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u958b\u767a] 2026-09-25 \u306b\u958b\u59cb\u3057\u300120 \u65e5\u9593\u7d99\u7d9a\r\n[\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a] 2026-09-25 \u306b\u958b\u59cb\u3057\u300118 \u65e5\u9593\u7d99\u7d9a\r\n\r\n-- \u30c6\u30b9\u30c8 --\r\n[\u5358\u4f53\u30c6\u30b9\u30c8] 2026-10-15 \u306b\u958b\u59cb\u3057\u300110 \u65e5\u9593\u7d99\u7d9a\r\n[\u7d50\u5408\u30c6\u30b9\u30c8] 2026-10-25 \u306b\u958b\u59cb\u3057\u30017 \u65e5\u9593\u7d99\u7d9a\r\n\r\n-- \u30c7\u30d7\u30ed\u30a4 --\r\n[\u672c\u756a\u74b0\u5883\u30c7\u30d7\u30ed\u30a4] 2026-11-01 \u306b\u958b\u59cb\u3057\u30013 \u65e5\u9593\u7d99\u7d9a\r\n@endgantt\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bP9TIiD04CVV0xb3Bh2GZTQFjzv3V2WQH94gxHwWsG6D525OszZYWqYrgTegY45RFmupJRUzXTd4sf84nBTbP_u_VZEx-J8hbDXEeSYOgh1Tjczg22v23_ahyWxoHmGRhJxoB-HjX2k4RdHuLXLLEImTx9bRB6AKDKCtLeY-JdGgQuHe4yyMvqED45NPcDnQew4Vz5lYixkvqAgXTJzjL8DE5IqNAnRLjR5xCstKXDyKVaiclLu8GgXB7tX7FfZdQJg_dCX79c67Q0vY4mG70UHat0ldG3Y9gtEgaKjIZPILz0ct9FFsFq1qBKiFuGZvMqYA3OFJYz57xVVoXqTrGdD_hqkyE85ZPuJJCglPBiUp7z2ETSQN3w9-9ywUWcjOhCxGDECPbnBel5dSZdxPDm00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bPBDJiCm48JlaV8E-mAMx43vkLLL1U8MeN9275R9AZMuws1laVhsk4afCO43rvtzPaTZBwDWa0vPf2p4YYEeWt-bHc1ZT-GiKrcKHJ_EXkK8bQwkbBvLsXmrfQ1so6ov0wNAulcHtlSsq8uuxTwZR2aaxGLcD22tu32ceT7GuY4cUatHTWpr5YFD69CnboTcoB2c3tA-FruTOwomUQEqF15cVjLYubUTCzm5p_8lrjnCismeohcE9xRoDSbDZ5PcyMi93-by5r2ivp_HxFvrNaNl_E6xYVIYxRuPp4RfXvV9t-BYvBLC3Gm_unC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>14. \u6982\u5ff5\u30e2\u30c7\u30eb\u56f3\uff08ERD\uff09<\/h3>\n<p id=\"BMwpqin\"><img alt=\"\u9867\u5ba2\u3001\u6ce8\u6587\u3001\u88fd\u54c1\u3001\u6ce8\u6587\u30a2\u30a4\u30c6\u30e0\u30c6\u30fc\u30d6\u30eb\u9593\u306e\u95a2\u4fc2\u3092\u793a\u3059\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3\u30ea\u30ec\u30fc\u30b7\u30e7\u30f3\u30b7\u30c3\u30d7\u56f3\u3002\" class=\"alignnone size-full wp-image-20156\" decoding=\"async\" height=\"531\" loading=\"lazy\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d.png 578w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a0f4db1d-300x276.png 300w\" width=\"578\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP91IyCm5CVlXNw7nuv2lq0PO-39atw34fimWqrIqvU3R88Rg0SlWYY85_MY8EpYHogTx5kOj9kjQuMUmlk_VvBV_oNZ38b68nBVOn8vdiDW_VfUBDy6G3BODnagmJHCVGzW3-9D7N4A8KWZZcrlE9mmoJH1HaSZvmk2oYs9ODQMeUPouYGc24_-AEc9aatFXU_L8AklZzNZJGbog6bDeLpH3w4Bs7Mg8wZTO6MtE14LaYGYGXc9JcOn5oJPWIeUhelxUGbrf1KrCMwnqghi1xOrjsQKQXwpvkrWcoe-ZSuCgH3g71tJMhzSVJylwvaT81CxSxDAFyRMdF_DwHeTV016SenQaKhktxyrcmM1ccwUE8GgHpv_oXUtlbUfpZARDXA5KDnzvejBtzi-GlEK7SkOIMf_-0y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nentity \"\u9867\u5ba2\" as Customer {\r\n  * customer_id : number &lt;&lt;generated&gt;&gt;\r\n  --\r\n  * name : string\r\n  email : string\r\n  phone : string\r\n}\r\n\r\nentity \"\u6ce8\u6587\" as Order {\r\n  * order_id : number &lt;&lt;generated&gt;&gt;\r\n  --\r\n  * customer_id : number\r\n  order_date : date\r\n  total_amount : decimal\r\n}\r\n\r\nentity \"\u5546\u54c1\" as Product {\r\n  * product_id : number &lt;&lt;generated&gt;&gt;\r\n  --\r\n  * product_name : string\r\n  price : decimal\r\n  stock_quantity : number\r\n}\r\n\r\nentity \"\u6ce8\u6587\u9805\u76ee\" as OrderItem {\r\n  * order_item_id : number &lt;&lt;generated&gt;&gt;\r\n  --\r\n  * order_id : number\r\n  * product_id : number\r\n  quantity : number\r\n  unit_price : decimal\r\n}\r\n\r\nCustomer ||--o{ Order : \u6ce8\u6587\u3059\u308b\r\nOrder ||--|{ OrderItem : \u542b\u3080\r\nProduct ||--o{ OrderItem : \u542b\u3080\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP91IyCm5CVlXNw7nuv2lq0PO-39atw34fimWqrIqvU3R88Rg0SlWYY85_MY8EpYHogTx5kOj9kjQuMUmlk_VvBV_oNZ38b68nBVOn8vdiDW_VfUBDy6G3BODnagmJHCVGzW3-9D7N4A8KWZZcrlE9mmoJH1HaSZvmk2oYs9ODQMeUPouYGc24_-AEc9aatFXU_L8AklZzNZJGbog6bDeLpH3w4Bs7Mg8wZTO6MtE14LaYGYGXc9JcOn5oJPWIeUhelxUGbrf1KrCMwnqghi1xOrjsQKQXwpvkrWcoe-ZSuCgH3g71tJMhzSVJylwvaT81CxSxDAFyRMdF_DwHeTV016SenQaKhktxyrcmM1ccwUE8GgHpv_oXUtlbUfpZARDXA5KDnzvejBtzi-GlEK7SkOIMf_-0y0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DReGm38NtIDp1ccKbBZ0QZKRgggls1YXDh6dKnA71MOoWTs_CJw73L695_Fmmdn-vjAmY9-_A0eajt-3md5eE7kC1L0jp0LrP03o1dkhQ6ZW29V-UUwVJ5GcZOZJdi_YgQdIJyfXjBKTBLv7GA-l-ACr7eBNdkomMbDTe9exXD4C4AVOHFEALpZZ2v1UoB0yHER1ojV8X4OkCsdhbxfZUOZ19yq0rdMUkPYptaStcJKPDj1hNduVS3Fgp_afgP5WMsQPLlp3w9JAfxcBBoZx2JSp_RYcD1tG0YIpNcuK6wj-RrVTL5Rhf3n-XSKfZMnPZBSs-M-ro11s8bQLicUDVJvXCbhHBHkPSa4o-tpy0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3>15. \u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\uff08C4 \u30e2\u30c7\u30eb\u30b9\u30bf\u30a4\u30eb\uff09<\/h3>\n<p id=\"RYVwvLg\"><img alt=\"E\u30b3\u30de\u30fc\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e\u30b7\u30b9\u30c6\u30e0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u304a\u3088\u3073\u30b3\u30f3\u30c6\u30ca\u56f3\u3092\u793a\u3059C4\u30e2\u30c7\u30eb\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u3002\" class=\"alignnone size-full wp-image-20157\" decoding=\"async\" height=\"334\" loading=\"lazy\" sizes=\"auto, (max-width: 653px) 100vw, 653px\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png\" srcset=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22.png 653w, https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3a26bfc22-300x153.png 300w\" width=\"653\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLFTIW916BrVs7SOxDeNs8j8BI8ei0oYop4dNTe_nfM826o6r9J0f0W9mYHAYuhmeX-27kP3exTeTborDlDgPxyvvyoPStPdiYwcRiuqL2MxfLiEfjX4IRonbQPspah5RCEcQ3kZk-GdW98D5rjfWqJ78rLbY40XOC_0Ne4NW3U0TO1tl3MxbyDI2Esg2a8_y5-NDzs7PWZXB8hbigvj4egc5lLqneqQEH80po4fUG7yNUgT0My3vq8O-2cmjZVd3IaMDx2xQLFJ5vkdX5W1jTxJM--b95NkWLU1NG7F2ua-7--On79z-Zen37ixQFtWw2k_3_nO7Yk4oWDo8gCxZcwbVNRCfbX4lkT5DRnaE3mzCgcXRgdzUTA2_JgmYgeCDoJAjw8Xtp6hTOlNdzL203SyLKE-DLRh7LR4-az7WrvukNlU-LlA6acAf9iocbjv8p69ECx_pG1l3YAy-yrSifEwGIQI8_452HNF2NK1ByhUFu3N-n-09Cr60nt9c7s_NYoUgePMvXAhtb9LHeR6xNhltbp8QYYnl2XoU0JM4hTHbHbYfSJFymq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nskinparam backgroundColor white\r\nskinparam rectangleBackgroundColor white\r\n\r\nrectangle \"\u30b7\u30b9\u30c6\u30e0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\" {\r\n  rectangle \"\u9867\u5ba2\" as Customer #LightBlue\r\n  rectangle \"E \u30b3\u30de\u30fc\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\" as Platform #LightGreen\r\n  rectangle \"\u6c7a\u6e08\u30d7\u30ed\u30d0\u30a4\u30c0\u30fc\" as Payment #LightYellow\r\n  rectangle \"\u914d\u9001\u30d1\u30fc\u30c8\u30ca\u30fc\" as Shipping #LightCoral\r\n}\r\n\r\nCustomer --&gt; Platform : \u5229\u7528\u3059\u308b\r\nPlatform --&gt; Payment : \u6c7a\u6e08\u3092\u51e6\u7406\r\nPlatform --&gt; Shipping : \u914d\u9001\u3092\u624b\u914d\r\n\r\nrectangle \"\u30b3\u30f3\u30c6\u30ca\u56f3\" {\r\n  rectangle \"Web \u30a2\u30d7\u30ea\" as WebApp #LightBlue\r\n  rectangle \"\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\" as MobileApp #LightBlue\r\n  rectangle \"API\" as API #LightGreen\r\n  rectangle \"\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\" as DB #LightYellow\r\n}\r\n\r\nWebApp --&gt; API : REST API\r\nMobileApp --&gt; API : REST API\r\nAPI --&gt; DB : SQL \u30af\u30a8\u30ea\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLFTIW916BrVs7SOxDeNs8j8BI8ei0oYop4dNTe_nfM826o6r9J0f0W9mYHAYuhmeX-27kP3exTeTborDlDgPxyvvyoPStPdiYwcRiuqL2MxfLiEfjX4IRonbQPspah5RCEcQ3kZk-GdW98D5rjfWqJ78rLbY40XOC_0Ne4NW3U0TO1tl3MxbyDI2Esg2a8_y5-NDzs7PWZXB8hbigvj4egc5lLqneqQEH80po4fUG7yNUgT0My3vq8O-2cmjZVd3IaMDx2xQLFJ5vkdX5W1jTxJM--b95NkWLU1NG7F2ua-7--On79z-Zen37ixQFtWw2k_3_nO7Yk4oWDo8gCxZcwbVNRCfbX4lkT5DRnaE3mzCgcXRgdzUTA2_JgmYgeCDoJAjw8Xtp6hTOlNdzL203SyLKE-DLRh7LR4-az7WrvukNlU-LlA6acAf9iocbjv8p69ECx_pG1l3YAy-yrSifEwGIQI8_452HNF2NK1ByhUFu3N-n-09Cr60nt9c7s_NYoUgePMvXAhtb9LHeR6xNhltbp8QYYnl2XoU0JM4hTHbHbYfSJFymq0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 PlantUML \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:VLBBRi8m4Bn7oZ-iw9aVoA424bHLeb9eMbKzRi8IB1mxMZjGLFNVQuSae9HoyZvclBDZpun5jaqbmy3iXQgHiO8SYtt9kb6RM4lDSDm9IzS0fiAYAYKjRYF3O43093iPInN4MbdwiXFu3WE0gtxS6AihuWcWWJw1XvKeTtOX6nh1bzDOLmvH4AGIxLPprJBxf6C-CP4QKLCyLQGifAmFOjDDx8jdsYT9gOyZNhOJTIrKwR1iLSSRYcTYh1cTYJz--M69wVJneYk2TqCc38P2s-scHrvKGSOX-jeOEWoCOCxif3beGb8SY4yZoxtNA9nII0IMxiN-klv1ESphkbt5nIxyt_8NdGjtzl1pUfSnJvzRg3lll4U25dCqr4AJnUW9MYixQNv_VrS4hylipOTXS95ng-jpNtVNHf2jLx1kY8NtVqPgupxyBm00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>VPasCode \u3067 Plantuml \u3092\u7de8\u96c6<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<hr\/>\n<h2>\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/h2>\n<h3>1.\u00a0<strong>\u56f3\u306f\u30b7\u30f3\u30d7\u30eb\u306b\u4fdd\u3064<\/strong><\/h3>\n<ul>\n<li>\n<p>1 \u3064\u306e\u56f3\u3054\u3068\u306b 1 \u3064\u306e\u5074\u9762\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b<\/p>\n<\/li>\n<li>\n<p>\u8981\u7d20\u304c\u591a\u3059\u304e\u3066\u6df7\u96d1\u3057\u306a\u3044\u3088\u3046\u306b\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3>2.\u00a0<strong>\u4e00\u8cab\u3057\u305f\u547d\u540d\u898f\u5247\u3092\u4f7f\u7528\u3059\u308b<\/strong><\/h3>\n<ul>\n<li>\n<p>\u56f3\u5168\u4f53\u3067\u547d\u540d\u898f\u5247\u306b\u5f93\u3046<\/p>\n<\/li>\n<li>\n<p>\u30af\u30e9\u30b9\u3001\u30a2\u30af\u30bf\u30fc\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u306f\u610f\u5473\u306e\u3042\u308b\u540d\u524d\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3>3.\u00a0<strong>\u56f3\u3092\u6587\u66f8\u5316\u3059\u308b<\/strong><\/h3>\n<ul>\n<li>\n<p>\u30bf\u30a4\u30c8\u30eb\u3068\u8aac\u660e\u6587\u3092\u8ffd\u52a0\u3059\u308b<\/p>\n<\/li>\n<li>\n<p>\u8ffd\u52a0\u306e\u6587\u8108\u306b\u306f\u30e1\u30e2\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3>4.\u00a0<strong>\u8907\u96d1\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u30e2\u30b8\u30e5\u30fc\u30eb\u5316\u3059\u308b<\/strong><\/h3>\n<ul>\n<li>\n<p>\u5927\u898f\u6a21\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u5c0f\u3055\u304f\u7ba1\u7406\u3057\u3084\u3059\u3044\u56f3\u306b\u5206\u5272\u3059\u308b<\/p>\n<\/li>\n<li>\n<p>\u6574\u7406\u306b\u306f\u30d1\u30c3\u30b1\u30fc\u30b8\u30b0\u30eb\u30fc\u30d7\u5316\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3>5.\u00a0<strong>AI \u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3059\u308b<\/strong><\/h3>\n<ul>\n<li>\n<p>\u521d\u671f\u306e\u56f3\u306e\u69cb\u9020\u306b\u306f Visual Paradigm AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<li>\n<p>VPasCode \u3067\u6d17\u7df4\u5316\u3068\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u884c\u3046<\/p>\n<\/li>\n<\/ul>\n<h3>6.\u00a0<strong>\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406<\/strong><\/h3>\n<ul>\n<li>\n<p>PlantUML \u30d5\u30a1\u30a4\u30eb\u3092 Git \u306b\u30b3\u30df\u30c3\u30c8\u3059\u308b<\/p>\n<\/li>\n<li>\n<p>\u56f3\u306e\u5909\u66f4\u3092\u8aac\u660e\u3059\u308b\u610f\u5473\u306e\u3042\u308b\u30b3\u30df\u30c3\u30c8\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<hr\/>\n<h2>Visual Paradigm + VPasCode \u306e\u59cb\u3081\u65b9<\/h2>\n<ol>\n<li>\n<p><strong>Visual Paradigm \u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b<\/strong> VPasCode \u30d7\u30e9\u30b0\u30a4\u30f3\u4ed8\u304d<\/p>\n<\/li>\n<li>\n<p><strong>\u65b0\u3057\u3044 PlantUML \u30d5\u30a1\u30a4\u30eb\u3092\u4f5c\u6210\u3059\u308b<\/strong> (.puml \u62e1\u5f35\u5b50)<\/p>\n<\/li>\n<li>\n<p><strong>\u5165\u529b\u3092\u958b\u59cb\u3059\u308b<\/strong> \u56f3\u306e\u30b3\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b<\/p>\n<\/li>\n<li>\n<p><strong>AI \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u3092\u4f7f\u7528\u3059\u308b<\/strong>\u30b7\u30b9\u30c6\u30e0\u3092\u8a18\u8ff0\u3059\u308b\u3053\u3068\u3067\u63d0\u6848\u3092\u884c\u3046<\/p>\n<\/li>\n<li>\n<p><strong>\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u30d7\u30ec\u30d3\u30e5\u30fc<\/strong>\u7de8\u96c6\u3057\u306a\u304c\u3089<\/p>\n<\/li>\n<li>\n<p><strong>\u30a8\u30af\u30b9\u30dd\u30fc\u30c8<\/strong>\u5e0c\u671b\u3059\u308b\u5f62\u5f0f\uff08PNG\u3001SVG\u3001PDF\uff09\u3078<\/p>\n<\/li>\n<\/ol>\n<hr\/>\n<h2>\u7d50\u8ad6<\/h2>\n<p>PlantUML\u3092Visual Paradigm AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u304a\u3088\u3073VPasCode\u3068\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u306a\u56f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u304b\u3064\u958b\u767a\u8005\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u304c\u5b9f\u73fe\u3057\u307e\u3059\u3002\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u3067\u3042\u308b\u305f\u3081\u3001\u4fdd\u5b88\u6027\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u3068\u306e\u4e92\u63db\u6027\u3001\u7c21\u5358\u306a\u5171\u540c\u4f5c\u696d\u304c\u4fdd\u8a3c\u3055\u308c\u3001AI\u642d\u8f09\u30c4\u30fc\u30eb\u304c\u56f3\u306e\u4f5c\u6210\u3092\u52a0\u901f\u3057\u3001\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u78ba\u4fdd\u3057\u307e\u3059\u3002<\/p>\n<p class=\"\">\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6587\u66f8\u5316\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u8a08\u753b\u3001\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08\u306e\u4f1d\u9054\u306a\u3069\u3001\u3042\u3089\u3086\u308b\u30cb\u30fc\u30ba\u306b\u5bfe\u3057\u3066PlantUML\u306f\u62e1\u5f35\u53ef\u80fd\u306a\u5305\u62ec\u7684\u306a\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5c0e\u5165\uff1aPlantUML \u3068 Visual<\/p>\n","protected":false},"author":11,"featured_media":11265,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","footnotes":""},"categories":[79,117],"tags":[],"class_list":["post-11264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chatbot","category-vpascode"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3\" \/>\n<meta property=\"og:description\" content=\"\u5c0e\u5165\uff1aPlantUML \u3068 Visual\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"\u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-25T06:29:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T15:26:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"572\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"curtis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"curtis\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"7\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"headline\":\"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"},\"wordCount\":217,\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png\",\"articleSection\":[\"AI Chatbot\",\"VPasCode\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"url\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\",\"name\":\"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3\",\"isPartOf\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png\",\"datePublished\":\"2026-08-25T06:29:51+00:00\",\"dateModified\":\"2026-09-03T15:26:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage\",\"url\":\"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png\",\"contentUrl\":\"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png\",\"width\":1024,\"height\":572},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cybermedian.com\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#website\",\"url\":\"https:\/\/www.cybermedian.com\/ja\/\",\"name\":\"\u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3\",\"description\":\"\u6bce\u65e51\u3064\u306e\u65b0\u3057\u3044\u3053\u3068\u3092\u5b66\u3076\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cybermedian.com\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g\",\"caption\":\"curtis\"},\"url\":\"https:\/\/www.cybermedian.com\/ja\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_locale":"ja_JP","og_type":"article","og_title":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3","og_description":"\u5c0e\u5165\uff1aPlantUML \u3068 Visual","og_url":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","og_site_name":"\u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3","article_published_time":"2026-08-25T06:29:51+00:00","article_modified_time":"2026-09-03T15:26:08+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"","width":"","height":""},{"width":1024,"height":572,"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d3691d85b8.png","twitter_misc":{"\u57f7\u7b46\u8005":"curtis","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"7\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#article","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"author":{"name":"curtis","@id":"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"headline":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"},"wordCount":217,"image":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png","articleSection":["AI Chatbot","VPasCode"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","url":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/","name":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3 - \u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3","isPartOf":{"@id":"https:\/\/www.cybermedian.com\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"image":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png","datePublished":"2026-08-25T06:29:51+00:00","dateModified":"2026-09-03T15:26:08+00:00","author":{"@id":"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d"},"breadcrumb":{"@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#primaryimage","url":"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png","contentUrl":"https:\/\/www.cybermedian.com\/ja\/wp-content\/uploads\/sites\/7\/2026\/08\/img_6a8d3691d85b8.png","width":1024,"height":572},{"@type":"BreadcrumbList","@id":"https:\/\/www.cybermedian.com\/ja\/comprehensive-guide-to-plantuml-diagrams-as-code-using-visual-paradigm-ai-chatbot-vpascode-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cybermedian.com\/ja\/"},{"@type":"ListItem","position":2,"name":"PlantUML \u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u30b3\u30fc\u30c9\u3068\u3057\u3066\u306e\u56f3"}]},{"@type":"WebSite","@id":"https:\/\/www.cybermedian.com\/ja\/#website","url":"https:\/\/www.cybermedian.com\/ja\/","name":"\u30b5\u30a4\u30d0\u30fc\u30e1\u30c7\u30a3\u30a2\u30f3","description":"\u6bce\u65e51\u3064\u306e\u65b0\u3057\u3044\u3053\u3068\u3092\u5b66\u3076","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cybermedian.com\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/016578d8c88d35825fd3fbafc4f76b4d","name":"curtis","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.cybermedian.com\/ja\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6910084565fcc601ec03c6693bb8ea480c1e52ccaa0efb299eb038bb6a1edc87?s=96&d=mm&r=g","caption":"curtis"},"url":"https:\/\/www.cybermedian.com\/ja\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/posts\/11264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/comments?post=11264"}],"version-history":[{"count":0,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/posts\/11264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/media\/11265"}],"wp:attachment":[{"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/media?parent=11264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/categories?post=11264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cybermedian.com\/ja\/wp-json\/wp\/v2\/tags?post=11264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}