{"id":11074,"date":"2026-06-03T13:38:37","date_gmt":"2026-06-03T05:38:37","guid":{"rendered":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/"},"modified":"2026-06-03T13:38:37","modified_gmt":"2026-06-03T05:38:37","slug":"comprehensive-guide-to-uml-class-diagrams-diagram-as-code","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/","title":{"rendered":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09"},"content":{"rendered":"<blockquote data-nodeid=\"1675\">\n<p data-nodeid=\"1676\">\ud83d\udca1\u00a0<strong data-nodeid=\"2062\">\u6ce8\u8a18<\/strong>\uff1a\u3059\u3079\u3066\u306e\u56f3\u306f\u00a0<strong data-nodeid=\"2063\">PlantUML<\/strong>\u5f62\u5f0f\u3067\u63d0\u4f9b\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u3059\u3050\u306b\u4ee5\u4e0b\u306e\u30c4\u30fc\u30eb\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3067\u304d\u307e\u3059\uff1a<a href=\"http:\/\/vpascode.com\">Visual Paradigm \u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066<\/a>.<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1696\"\/>\n<h2 data-nodeid=\"1697\">\ud83d\udd39 UML\u306e\u7d39\u4ecb<\/h2>\n<h3 data-nodeid=\"1698\">UML\u3068\u306f\u4f55\u3067\u3059\u304b\uff1f<\/h3>\n<blockquote data-nodeid=\"1699\">\n<p data-nodeid=\"1700\"><em data-nodeid=\"2097\">\u300c\u7d71\u5408\u30e2\u30c7\u30eb\u5316\u8a00\u8a9e\uff08UML\uff09\u306f\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30b7\u30b9\u30c6\u30e0\u306e\u30a2\u30fc\u30c6\u30a3\u30d5\u30a1\u30af\u30c8\u3092\u6307\u5b9a\u3001\u53ef\u8996\u5316\u3001\u69cb\u7bc9\u3001\u6587\u66f8\u5316\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u6c4e\u7528\u7684\u306a\u8996\u899a\u7684\u30e2\u30c7\u30ea\u30f3\u30b0\u8a00\u8a9e\u3067\u3042\u308b\u3002\u300d<\/em>\u00a0\u2014 Rumbaugh\u4ed6\u30011999\u5e74<\/p>\n<\/blockquote>\n<p data-nodeid=\"1701\"><strong data-nodeid=\"2101\">\u4e3b\u306a\u7279\u5fb4\uff1a<\/strong><\/p>\n<ul data-nodeid=\"1702\">\n<li data-nodeid=\"1703\">\n<p data-nodeid=\"1704\">\ud83c\udfa8\u00a0<strong data-nodeid=\"2107\">\u8996\u899a\u7684\u8868\u8a18<\/strong>\uff1a\u30b7\u30b9\u30c6\u30e0\u3092\u30e2\u30c7\u30ea\u30f3\u30b0\u3059\u308b\u305f\u3081\u306e\u30b0\u30e9\u30d5\u30a3\u30ab\u30eb\u306a\u69cb\u6587<\/p>\n<\/li>\n<li data-nodeid=\"1705\">\n<p data-nodeid=\"1706\">\ud83d\udcd0\u00a0<strong data-nodeid=\"2113\">\u6a19\u6e96\u5316<\/strong>\uff1a1997\u5e74\u304b\u3089OMG\u304c\u63a1\u7528\u3057\u305f\u6a19\u6e96<\/p>\n<\/li>\n<li data-nodeid=\"1707\">\n<p data-nodeid=\"1708\">\ud83d\udd27\u00a0<strong data-nodeid=\"2119\">\u65b9\u6cd5\u3067\u306f\u306a\u304f\u8a00\u8a9e<\/strong>\uff1a\u30d7\u30ed\u30bb\u30b9\u3067\u306f\u306a\u304f\u8868\u8a18\u3092\u5b9a\u7fa9\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"1709\">\n<p data-nodeid=\"1710\">\ud83c\udf10\u00a0<strong data-nodeid=\"2125\">\u5e83\u7bc4\u306a\u7bc4\u56f2<\/strong>\uff1a\u30d3\u30b8\u30cd\u30b9\u30d7\u30ed\u30bb\u30b9\u3001\u30b7\u30b9\u30c6\u30e0\u6a5f\u80fd\u3001\u30b3\u30fc\u30c9\u69cb\u9020\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b9\u30ad\u30fc\u30de\u3092\u30e2\u30c7\u30eb\u5316\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1711\">UML\u3067\u306f\u306a\u3044\u3082\u306e<\/h3>\n<table data-nodeid=\"1713\">\n<thead data-nodeid=\"1714\">\n<tr data-nodeid=\"1715\">\n<th data-nodeid=\"1717\">\u8aa4\u89e3<\/th>\n<th data-nodeid=\"1718\">\u73fe\u5b9f<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1721\">\n<tr data-nodeid=\"1722\">\n<td data-nodeid=\"1723\">\u958b\u767a\u624b\u6cd5<\/td>\n<td data-nodeid=\"1724\">\u5358\u306a\u308b\u30e2\u30c7\u30ea\u30f3\u30b0\u8868\u8a18<\/td>\n<\/tr>\n<tr data-nodeid=\"1725\">\n<td data-nodeid=\"1726\">\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u8a00\u8a9e<\/td>\n<td data-nodeid=\"1727\">\u62bd\u8c61\u4ed5\u69d8\u8a00\u8a9e<\/td>\n<\/tr>\n<tr data-nodeid=\"1728\">\n<td data-nodeid=\"1729\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u5c02\u7528<\/td>\n<td data-nodeid=\"1730\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001\u30d3\u30b8\u30cd\u30b9\u30e2\u30c7\u30ea\u30f3\u30b0\u306a\u3069\u306b\u9069\u7528\u53ef\u80fd<\/td>\n<\/tr>\n<tr data-nodeid=\"1731\">\n<td data-nodeid=\"1732\">\u3059\u3079\u3066\u306e\u5074\u9762\u3067\u6b63\u78ba\u306b\u5b9a\u7fa9\u3055\u308c\u3066\u3044\u308b<\/td>\n<td data-nodeid=\"1733\">\u521d\u671f\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u306f\u3044\u304f\u3064\u304b\u306e\u610f\u5473\u7684\u306a\u66d6\u6627\u3055\u304c\u6b8b\u3063\u3066\u3044\u308b<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"1734\"\/>\n<h2 data-nodeid=\"1735\">\ud83d\udd39 \u6b74\u53f2\u3068\u6a19\u6e96\u5316<\/h2>\n<h3 data-nodeid=\"1736\">\u9032\u5316\u306e\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3<\/h3>\n<p id=\"xFCmEsT\"><img alt=\"The Evolution of Unified Modeling Language (UML)\" class=\"alignnone wp-image-12647 size-full\" decoding=\"async\" height=\"658\" loading=\"lazy\" sizes=\"auto, (max-width: 1208px) 100vw, 1208px\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png\" srcset=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png 1208w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19-300x163.png 300w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19-1024x558.png 1024w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19-768x418.png 768w\" width=\"1208\"\/><\/p>\n<pre data-nodeid=\"1737\"><code>1965-1970: Simula-67\uff08\u6700\u521d\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u8a00\u8a9e\uff09\r\n     \u2193\r\n1970\u5e74\u4ee3-1980\u5e74\u4ee3: Xerox PARC\u306eSmalltalk\r\n     \u2193\r\n1984: \u30d6\u30e4\u30eb\u30cd\u30fb\u30b9\u30c8\u30ed\u30b9\u30c8\u30e9\u30c3\u30d7\u304cC++\u3092\u767a\u8868\r\n     \u2193\r\n1988-1992: \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u624b\u6cd5\u306e\u666e\u53ca\uff08\u30d6\u30fc\u30c1\u3001OMT\u3001OOSE\u306a\u3069\uff09\r\n     \u2193\r\n1994: \u30e9\u30f3\u30d0\u30a6\u304c\u30e9\u30b7\u30aa\u30f3\u3067\u30d6\u30fc\u30c1\u3068\u5408\u6d41 \u2192 \u7d71\u5408\u306e\u59cb\u307e\u308a\r\n     \u2193\r\n1995: UML 0.8\u30c9\u30e9\u30d5\u30c8\u304c\u516c\u958b\r\n     \u2193\r\n1996: OMG\u304c\u6a19\u6e96\u30e2\u30c7\u30ea\u30f3\u30b0\u8a00\u8a9e\u306eRFP\u3092\u767a\u884c\r\n     \u2193\r\n1997: OMG\u304cUML 1.1\u3092\u63a1\u7528\uff0811\u670814\u65e5\uff09\r\n     \u2193\r\n2000: UML 1.3\u304c\u6b63\u5f0f\u306b\u516c\u958b\r\n     \u2193\r\n2003: UML 1.5\u304c\u516c\u958b\uff1bUML 2.0\u306e\u30b9\u30fc\u30d1\u30fc\u30b9\u30c8\u30e9\u30af\u30c1\u30e3\u304c\u627f\u8a8d<\/code><\/pre>\n<h3 data-nodeid=\"1738\">\u306a\u305cUML\u304c\u300c\u30e1\u30bd\u30c3\u30c9\u6226\u4e89\u300d\u306b\u52dd\u5229\u3057\u305f\u306e\u304b<\/h3>\n<ul data-nodeid=\"1739\">\n<li data-nodeid=\"1740\">\n<p data-nodeid=\"1741\">50\u4ee5\u4e0a\u306e\u7af6\u5408\u3059\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30e1\u30bd\u30c3\u30c9\u3092\u4e00\u3064\u306e\u6a19\u6e96\u306b\u7d71\u5408\u3057\u305f<\/p>\n<\/li>\n<li data-nodeid=\"1742\">\n<p data-nodeid=\"1743\">\u4e3b\u8981\u696d\u754c\u30d7\u30ec\u30a4\u30e4\u30fc\uff08IBM\u3001Microsoft\u3001Oracle\u3001HP\uff09\u306e\u652f\u63f4\u3092\u53d7\u3051\u305f<\/p>\n<\/li>\n<li data-nodeid=\"1744\">\n<p data-nodeid=\"1745\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u7528\u306e\u62e1\u5f35\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u63d0\u4f9b\u3057\u305f<\/p>\n<\/li>\n<li data-nodeid=\"1746\">\n<p data-nodeid=\"1747\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u30e2\u30c7\u30ea\u30f3\u30b0\u306e\u4e8b\u5b9f\u4e0a\u306e\u6a19\u6e96\u3068\u306a\u3063\u305f<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"1748\">\n<p data-nodeid=\"1749\">\u26a0\ufe0f\u00a0<strong data-nodeid=\"2156\">\u6279\u5224\u7684\u8996\u70b9<\/strong>\u4e00\u90e8\u306e\u610f\u898b\u3067\u306f\u3001UML\u306f\u300c\u59d4\u54e1\u4f1a\u306b\u3088\u3063\u3066\u8a2d\u8a08\u3055\u308c\u305f\u5de8\u5927\u306a\u8a00\u8a9e\u300d\u3067\u3042\u308a\u3001\u521d\u671f\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u306f\u610f\u5473\u304c\u66d6\u6627\u3067\u3042\u308b\u3068\u6307\u6458\u3055\u308c\u3066\u3044\u308b\u3002<\/p>\n<\/blockquote>\n<hr data-nodeid=\"1750\"\/>\n<h2 data-nodeid=\"1751\">\ud83d\udd39 \u30af\u30e9\u30b9\u3068\u5c5e\u6027<\/h2>\n<h3 data-nodeid=\"1752\">\u30af\u30e9\u30b9\u69cb\u9020<\/h3>\n<p data-nodeid=\"1753\">UML\u306e\u30af\u30e9\u30b9\u306f\u3001\u6700\u59273\u3064\u306e\u30b3\u30f3\u30d1\u30fc\u30c8\u30e1\u30f3\u30c8\u3092\u6301\u3064\u9577\u65b9\u5f62\u3067\u8868\u3055\u308c\u308b\u3002<\/p>\n<p id=\"zEMvvmf\"><img alt=\"\" class=\"alignnone size-full wp-image-12648\" decoding=\"async\" height=\"183\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbbe222b36.png\" width=\"258\"\/><\/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#plantuml:PS-n2i8m483XFP1tkB55ABfcAcuk4d3e80uXEMimlPJaIX7ntOqKeUBw_NTmrsOsYQSXI663oHbEF3aaXgSK05UVCX_DWAfuyjH_i8pz6Gx6X_EsQNQN7oQR7YEZqzsQDy2HJT3H4-UgLd0WnXxJqZAoBfVCCRbgdBzxzHBj3UrTT-kWO1zZG4DIlAHeaLnvvmq0\" 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#plantuml:PS-n2i8m483XFP1tkB55ABfcAcuk4d3e80uXEMimlPJaIX7ntOqKeUBw_NTmrsOsYQSXI663oHbEF3aaXgSK05UVCX_DWAfuyjH_i8pz6Gx6X_EsQNQN7oQR7YEZqzsQDy2HJT3H4-UgLd0WnXxJqZAoBfVCCRbgdBzxzHBj3UrTT-kWO1zZG4DIlAHeaLnvvmq0\" \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\" data-nodeid=\"1754\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student {\r\n  firstName: String\r\n  lastName: String\r\n  email[0..1]: String\r\n  encryptedPW: String\r\n  + totalPoints(): Integer\r\n  + setPassword(pw: String)\r\n  + checkPW(pw: String): Boolean\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:PS-n2i8m483XFP1tkB55ABfcAcuk4d3e80uXEMimlPJaIX7ntOqKeUBw_NTmrsOsYQSXI663oHbEF3aaXgSK05UVCX_DWAfuyjH_i8pz6Gx6X_EsQNQN7oQR7YEZqzsQDy2HJT3H4-UgLd0WnXxJqZAoBfVCCRbgdBzxzHBj3UrTT-kWO1zZG4DIlAHeaLnvvmq0\" \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#plantuml:PS-n2i8m483XFP1tkB55ABfcAcuk4d3e80uXEMimlPJaIX7ntOqKeUBw_NTmrsOsYQSXI663oHbEF3aaXgSK05UVCX_DWAfuyjH_i8pz6Gx6X_EsQNQN7oQR7YEZqzsQDy2HJT3H4-UgLd0WnXxJqZAoBfVCCRbgdBzxzHBj3UrTT-kWO1zZG4DIlAHeaLnvvmq0\" 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 data-nodeid=\"1755\">\u5c5e\u6027\u5ba3\u8a00\u69cb\u6587<\/h3>\n<pre data-nodeid=\"1756\"><code>[\u53ef\u8996\u6027] \u540d\u524d[\u591a\u91cd\u5ea6]: \u578b [= \u30c7\u30d5\u30a9\u30eb\u30c8\u5024] {\u30d7\u30ed\u30d1\u30c6\u30a3}\r\n<\/code><\/pre>\n<p data-nodeid=\"1757\"><strong data-nodeid=\"2164\">PlantUML\u306e\u4f8b:<br \/>\n<\/strong><img alt=\"\" class=\"alignnone size-full wp-image-12649\" decoding=\"async\" height=\"134\" loading=\"lazy\" sizes=\"auto, (max-width: 310px) 100vw, 310px\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbc08ba555.png\" srcset=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbc08ba555.png 310w, https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbc08ba555-300x130.png 300w\" width=\"310\"\/><\/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#plantuml:FOwn2eD044HxmNzOJ1aY8QKGiB2na0WMAKAAvMuz9BhAkWQC9D-UkoBfXfatm-IpekWoz75aUfndQ7Inn0fR707iePRH2GwNDlZhxPYcftlc8UdOmHcIgcoIG1w0sCWwATdw-WUsLiONyJiGE-XOIHZxiiYWzDgHXE034ve7EggbUw9IWOg_XJZotPpO-eTV\" 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#plantuml:FOwn2eD044HxmNzOJ1aY8QKGiB2na0WMAKAAvMuz9BhAkWQC9D-UkoBfXfatm-IpekWoz75aUfndQ7Inn0fR707iePRH2GwNDlZhxPYcftlc8UdOmHcIgcoIG1w0sCWwATdw-WUsLiONyJiGE-XOIHZxiiYWzDgHXE034ve7EggbUw9IWOg_XJZotPpO-eTV\" \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\" data-nodeid=\"1758\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student {\r\n  + ProgramOfStudy[0..2]: String = \"MIS\"\r\n  - encryptedPW: String {frozen}\r\n  # internalID: Integer\r\n  ~ packagePrivateData: String\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:FOwn2eD044HxmNzOJ1aY8QKGiB2na0WMAKAAvMuz9BhAkWQC9D-UkoBfXfatm-IpekWoz75aUfndQ7Inn0fR707iePRH2GwNDlZhxPYcftlc8UdOmHcIgcoIG1w0sCWwATdw-WUsLiONyJiGE-XOIHZxiiYWzDgHXE034ve7EggbUw9IWOg_XJZotPpO-eTV\" \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#plantuml:FOwn2eD044HxmNzOJ1aY8QKGiB2na0WMAKAAvMuz9BhAkWQC9D-UkoBfXfatm-IpekWoz75aUfndQ7Inn0fR707iePRH2GwNDlZhxPYcftlc8UdOmHcIgcoIG1w0sCWwATdw-WUsLiONyJiGE-XOIHZxiiYWzDgHXE034ve7EggbUw9IWOg_XJZotPpO-eTV\" 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 data-nodeid=\"1759\">\u5c5e\u6027\u30b9\u30b3\u30fc\u30d7<\/h3>\n<ul data-nodeid=\"1760\">\n<li data-nodeid=\"1761\">\n<p data-nodeid=\"1762\"><strong data-nodeid=\"2170\">\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u30b9\u30b3\u30fc\u30d7<\/strong>\u00a0(\u30c7\u30d5\u30a9\u30eb\u30c8): \u5404\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u72ec\u81ea\u306e\u5024\u3092\u6301\u3064<\/p>\n<\/li>\n<li data-nodeid=\"1763\">\n<p data-nodeid=\"1764\"><strong data-nodeid=\"2175\">\u30af\u30e9\u30b9\u30b9\u30b3\u30fc\u30d7<\/strong>\u00a0(\u9759\u7684): \u3059\u3079\u3066\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u304c\u5171\u6709\u3059\u308b\u5358\u4e00\u306e\u5024<\/p>\n<\/li>\n<\/ul>\n<p id=\"IpqQSPg\"><img alt=\"\" class=\"alignnone size-full wp-image-12650\" decoding=\"async\" height=\"85\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbc920bfbd.png\" width=\"227\"\/><\/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#plantuml:5Omn2W0X30JxGFwGTrZPNdql40qYQ0HTA_7lvvKp3ECdmi1gbIdMCAUyM4aDifb4B3HrLurY-UTzQvHu9FPbSF8ODEjWEanUBTtF1m00\" 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#plantuml:5Omn2W0X30JxGFwGTrZPNdql40qYQ0HTA_7lvvKp3ECdmi1gbIdMCAUyM4aDifb4B3HrLurY-UTzQvHu9FPbSF8ODEjWEanUBTtF1m00\" \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\" data-nodeid=\"1765\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student {\r\n  name: String\r\n  {static} count: Integer\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:5Omn2W0X30JxGFwGTrZPNdql40qYQ0HTA_7lvvKp3ECdmi1gbIdMCAUyM4aDifb4B3HrLurY-UTzQvHu9FPbSF8ODEjWEanUBTtF1m00\" \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#plantuml:5Omn2W0X30JxGFwGTrZPNdql40qYQ0HTA_7lvvKp3ECdmi1gbIdMCAUyM4aDifb4B3HrLurY-UTzQvHu9FPbSF8ODEjWEanUBTtF1m00\" 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 data-nodeid=\"1766\">UML\u306b\u304a\u3051\u308b\u30ad\u30fc \u26a0\ufe0f<\/h3>\n<p data-nodeid=\"1767\"><strong data-nodeid=\"2181\">\u91cd\u8981\u306a\u5236\u9650<\/strong>: UML\u306b\u306f\u30ad\u30fc\u306e\u6982\u5ff5\u304c\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u306a\u3044\u3002\u30b9\u30bfereotype\u3084\u30bf\u30b0\u4ed8\u304d\u5024\u3092\u4f7f\u7528\u3057\u3066\u56de\u907f\u3059\u308b\u3002<\/p>\n<p id=\"hLmsAEe\"><img alt=\"\" class=\"alignnone size-full wp-image-12651\" decoding=\"async\" height=\"117\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbcd8087f6.png\" width=\"184\"\/><\/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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg2x8hbN8JB5IyCmhIKrFBGAB9MORrYgavYPcvbW1LHTbvgM3X7KLyX9pKn4YjRnS3gbvAK2J0G00\" 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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg2x8hbN8JB5IyCmhIKrFBGAB9MORrYgavYPcvbW1LHTbvgM3X7KLyX9pKn4YjRnS3gbvAK2J0G00\" \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\" data-nodeid=\"1768\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student {\r\n  {pk} id: Integer\r\n  {ak1} email: String\r\n  - name: String\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg2x8hbN8JB5IyCmhIKrFBGAB9MORrYgavYPcvbW1LHTbvgM3X7KLyX9pKn4YjRnS3gbvAK2J0G00\" \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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg2x8hbN8JB5IyCmhIKrFBGAB9MORrYgavYPcvbW1LHTbvgM3X7KLyX9pKn4YjRnS3gbvAK2J0G00\" 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<hr data-nodeid=\"1769\"\/>\n<h2 data-nodeid=\"1770\">\ud83d\udd39 \u95a2\u9023\u3068\u95a2\u4fc2<\/h2>\n<h3 data-nodeid=\"1771\">\u57fa\u672c\u7684\u306a\u95a2\u9023\u3068\u591a\u91cd\u5ea6<\/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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgw2ag6Udg6IZ0b2bOAJgav-NdfnI7vl5mEgNafG6C1\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgw2ag6Udg6IZ0b2bOAppeRdcwSnylba9gN0ZGJ0000\" \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\" data-nodeid=\"1772\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Exercise\r\nclass Chapter\r\nExercise \"0..*\" -- \"1..1\" Chapter : \u6240\u5c5e\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgw2ag6Udg6IZ0b2bOAppeRdcwSnylba9gN0ZGJ0000\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgw2ag6Udg6IZ0b2bOAJgav-NdfnI7vl5mEgNafG6C1\" 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<p data-nodeid=\"1773\"><em data-nodeid=\"2190\">\u89e3\u91c8<\/em>: \u5404\u6f14\u7fd2\u306f\u6b63\u78ba\u306b1\u3064\u306e\u7ae0\u306b\u5c5e\u3059\u308b\u3002\u7ae0\u306f0\u500b\u4ee5\u4e0a\u306e\u6f14\u7fd2\u3092\u542b\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u3002<\/p>\n<h3 data-nodeid=\"1774\">\u5f79\u5272\u540d<\/h3>\n<p data-nodeid=\"1775\">\u95a2\u9023\u540d\u306e\u4ee3\u308f\u308a\u306b\uff08\u307e\u305f\u306f\u305d\u308c\u306b\u52a0\u3048\u3066\uff09\u3001\u95a2\u9023\u306e\u7aef\u70b9\u306b\u5f79\u5272\u540d\u3092\u4f7f\u7528\u3059\u308b\uff1a<\/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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yPppSmiIyofvkI322ae6UdfQIWgwkdPWfg4IJ8M2bO9hRa5EVcLggZwKKSJBvP2Qbm8q6m00\" 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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yPppSmiIyofvkI322ae6UdfQIWgwkdPWfg4IJ8M2bSBJVPEVBLtxTF92_PUpsvzFMV5ansvUBeVKl1IWwG00\" \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\" data-nodeid=\"1776\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Person\r\nclass Company\r\nPerson \"0..*\" --&gt; \"0..1\" Company : \u5f93\u696d\u54e1\/\u96c7\u7528\u4e3b\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yPppSmiIyofvkI322ae6UdfQIWgwkdPWfg4IJ8M2bSBJVPEVBLtxTF92_PUpsvzFMV5ansvUBeVKl1IWwG00\" \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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yPppSmiIyofvkI322ae6UdfQIWgwkdPWfg4IJ8M2bO9hRa5EVcLggZwKKSJBvP2Qbm8q6m00\" 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<p data-nodeid=\"1777\"><em data-nodeid=\"2203\">\u5b9f\u88c5<\/em>: \u305d\u306e<code data-backticks=\"1\" data-nodeid=\"2197\">Person<\/code>\u30c6\u30fc\u30d6\u30eb\u306b\u306f\u5916\u90e8\u30ad\u30fc\u304c\u5b58\u5728\u3059\u308b<code data-backticks=\"1\" data-nodeid=\"2199\">employer<\/code>\u53c2\u7167\u3059\u308b<code data-backticks=\"1\" data-nodeid=\"2201\">Company<\/code>.<\/p>\n<h3 data-nodeid=\"1778\">\u79fb\u52d5\u53ef\u80fd\u6027<\/h3>\n<p data-nodeid=\"1779\">\u77e2\u5370\u3067\u79fb\u52d5\u65b9\u5411\u3092\u6307\u5b9a\u3059\u308b:<\/p>\n<p id=\"akPRCei\"><img alt=\"\" class=\"alignnone size-full wp-image-12652\" decoding=\"async\" height=\"170\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbd4c87489.png\" width=\"104\"\/><\/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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgwTWfAXae81GwfUIb0Wm00\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgwTWfAXae81GwfUIb0Wm00\" \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\" data-nodeid=\"1780\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Exercise\r\nclass Chapter\r\nExercise \"0..*\" --&gt; \"1\" Chapter\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgwTWfAXae81GwfUIb0Wm00\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJeNndJCI2qfIYtYvO18AIWPwUbfA2hgwTWfAXae81GwfUIb0Wm00\" 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<ul data-nodeid=\"1781\">\n<li data-nodeid=\"1782\">\n<p data-nodeid=\"1783\">\u77e2\u5370\u306f\u52b9\u7387\u7684\u306a\u79fb\u52d5\u65b9\u5411\u3092\u793a\u3059<\/p>\n<\/li>\n<li data-nodeid=\"1784\">\n<p data-nodeid=\"1785\">OODBs\u3067\u306f\u3001\u7247\u65b9\u5411\u306e\u30dd\u30a4\u30f3\u30bf\u3068\u3057\u3066\u5b9f\u88c5<\/p>\n<\/li>\n<li data-nodeid=\"1786\">\n<p data-nodeid=\"1787\">RDBMS\u3067\u306f\u3001\u7d50\u5408\u306f\u3069\u3061\u3089\u306e\u65b9\u5411\u3067\u3082\u6a5f\u80fd\u3059\u308b<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1788\">\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u578b\u306b<code data-backticks=\"1\" data-nodeid=\"2210\">{ordered}<br \/>\n<\/code><\/h3>\n<p id=\"eKzRwWF\"><img alt=\"\" class=\"alignnone size-full wp-image-12653\" decoding=\"async\" height=\"187\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbd8d068d1.png\" width=\"129\"\/><\/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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgw2ae6UdfQId1v1Ik5wloYbDIYr9HQNYw7rBmKe9a0\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgw2ae6UdfQId1v1Ik5wloYbDIYr9HQNYw7rBmKe9a0\" \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\" data-nodeid=\"1789\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Chapter\r\nclass Exercise\r\nChapter \"1\" -- \"0..*\" Exercise : {ordered}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgw2ae6UdfQId1v1Ik5wloYbDIYr9HQNYw7rBmKe9a0\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgw2ae6UdfQId1v1Ik5wloYbDIYr9HQNYw7rBmKe9a0\" 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<ul data-nodeid=\"1790\">\n<li data-nodeid=\"1791\">\n<p data-nodeid=\"1792\"><code data-backticks=\"1\" data-nodeid=\"2211\">{ordered}<\/code>: \u30b7\u30fc\u30b1\u30f3\u30b9\u3092\u7dad\u6301\u3059\u308b\uff08\u30ea\u30b9\u30c8\u3092\u4f7f\u7528\u3001\u30bb\u30c3\u30c8\u3067\u306f\u306a\u3044\uff09<\/p>\n<\/li>\n<li data-nodeid=\"1793\">\n<p data-nodeid=\"1794\">RDBMS\u3067\u306e\u5b9f\u88c5\uff1a\u9806\u5e8f\u756a\u53f7\u5c5e\u6027\u3092\u8ffd\u52a0<\/p>\n<\/li>\n<\/ul>\n<pre class=\"lang-sql\" data-nodeid=\"1795\"><code data-language=\"sql\">EXERCISES (\r\n    id PRIMARY KEY,\r\n    chapter_id REFERENCES CHAPTERS,\r\n    sort_no INTEGER,\r\n    UNIQUE (chapter_id, sort_no)\r\n)\r\n<\/code><\/pre>\n<h3 data-nodeid=\"1796\">\u4fee\u98fe\u5b50<\/h3>\n<p data-nodeid=\"1797\">\u4fee\u98fe\u5b50\u306f\u30ad\u30fc\u306e\u3088\u3046\u306a\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u4f7f\u3063\u3066\u95a2\u9023\u3059\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u5206\u5272\u3059\u308b:<\/p>\n<p id=\"kMuWSIi\"><img alt=\"\" class=\"alignnone size-full wp-image-12654\" decoding=\"async\" height=\"187\" loading=\"lazy\" src=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbdce6a835.png\" width=\"206\"\/><\/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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgwTWfA1dfwG2PCWOALWerDOMbYJcPQPcgHdPr2NhwLWcTUIMewo327rBmKe2K0\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgwTWfA1dfwG2PCWOALWerDOMbYJcPQPcgHdPr2NhwLWcTUIMewo327rBmKe2K0\" \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\" data-nodeid=\"1798\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Chapter\r\nclass Exercise\r\nChapter \"1\" --&gt; \"0..1\" Exercise : &lt;&lt;qualifier&gt;&gt; no: Integer\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgwTWfA1dfwG2PCWOALWerDOMbYJcPQPcgHdPr2NhwLWcTUIMewo327rBmKe2K0\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AIePA2hgwTWfA1dfwG2PCWOALWerDOMbYJcPQPcgHdPr2NhwLWcTUIMewo327rBmKe2K0\" 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<p data-nodeid=\"1799\"><em data-nodeid=\"2220\">\u610f\u5473<\/em>: \u7ae0\u3068\u554f\u984c\u756a\u53f7\u304c\u4e0e\u3048\u3089\u308c\u305f\u3068\u304d\u3001\u6700\u5927\u30671\u3064\u306eExercise\u304c\u8fd4\u3055\u308c\u308b\u3002<\/p>\n<h3 data-nodeid=\"1800\">\u95a2\u9023\u30af\u30e9\u30b9<\/h3>\n<p data-nodeid=\"1801\">\u95a2\u9023\u306b\u5c5e\u6027\u3084\u64cd\u4f5c\u304c\u3042\u308b\u3068\u304d:<\/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#plantuml:JOun2W8n44NxGExmsLBOi7MgBRImzWHXCsWW9fAPo89uzurWN9jX_f_XyMOMLwJUerPBTCouIFMKfCVJIcK9JBzpZbL2JdXf1NWdP75iyvCUEIHXYtCIkbBHwgtL5uTXCkOmO1pxri6mk3a6v_Wat_uxtvXTvR_SXMPAlebl\" 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#plantuml:JOun2W8n44NxGExmsLBOi7MgBRImzWHXCsWW9fAPo89uzurWN9jX_f_XyMOMLwJUerPBTCouIFMKfCVJIcK9JBzpZbL2JdXf1NWdP75iyvCUEIHXYtCIkbBHwgtL5uTXCkOmO1pxri6mk3a6v_Wat_uxtvXTvR_SXMPAlebl\" \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\" data-nodeid=\"1802\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student\r\nclass Exercise\r\nclass Solution {\r\n  date: Date\r\n  points: Integer\r\n}\r\nStudent \"0..*\" -- \"0..*\" Exercise : has solved\r\nSolution .. Student\r\nSolution .. Exercise\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:JOun2W8n44NxGExmsLBOi7MgBRImzWHXCsWW9fAPo89uzurWN9jX_f_XyMOMLwJUerPBTCouIFMKfCVJIcK9JBzpZbL2JdXf1NWdP75iyvCUEIHXYtCIkbBHwgtL5uTXCkOmO1pxri6mk3a6v_Wat_uxtvXTvR_SXMPAlebl\" \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#plantuml:JOun2W8n44NxGExmsLBOi7MgBRImzWHXCsWW9fAPo89uzurWN9jX_f_XyMOMLwJUerPBTCouIFMKfCVJIcK9JBzpZbL2JdXf1NWdP75iyvCUEIHXYtCIkbBHwgtL5uTXCkOmO1pxri6mk3a6v_Wat_uxtvXTvR_SXMPAlebl\" 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<ul data-nodeid=\"1803\">\n<li data-nodeid=\"1804\">\n<p data-nodeid=\"1805\">1\u3064\u306e<code data-backticks=\"1\" data-nodeid=\"2224\">Solution<\/code>\uff08Student, Exercise\uff09\u30da\u30a2\u3054\u3068\u306b1\u3064\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8<\/p>\n<\/li>\n<li data-nodeid=\"1806\">\n<p data-nodeid=\"1807\">\u5236\u7d04\uff1a\u540c\u3058\u5b66\u751f\u304c\u540c\u3058\u554f\u984c\u306b\u5bfe\u3057\u30662\u3064\u306e\u89e3\u7b54\u3092\u63d0\u51fa\u3067\u304d\u306a\u3044<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1808\">\u5408\u6210 vs. \u96c6\u7d04<\/h3>\n<table data-nodeid=\"1810\">\n<thead data-nodeid=\"1811\">\n<tr data-nodeid=\"1812\">\n<th data-nodeid=\"1814\">\u7279\u5fb4<\/th>\n<th data-nodeid=\"1815\">\u5408\u6210\uff08<code data-backticks=\"1\" data-nodeid=\"2230\">*--<\/code>)<\/th>\n<th data-nodeid=\"1816\">\u96c6\u7d04\uff08<code data-backticks=\"1\" data-nodeid=\"2233\">o--<\/code>)<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1820\">\n<tr data-nodeid=\"1821\">\n<td data-nodeid=\"1822\">\u8a18\u53f7<\/td>\n<td data-nodeid=\"1823\">\u9ed2\u3044\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9<\/td>\n<td data-nodeid=\"1824\">\u767d\u3044\u30c0\u30a4\u30a2\u30e2\u30f3\u30c9<\/td>\n<\/tr>\n<tr data-nodeid=\"1825\">\n<td data-nodeid=\"1826\">\u95a2\u4fc2<\/td>\n<td data-nodeid=\"1827\">\u5168\u4f53-\u90e8\u5206\u3001\u5f37\u3044\u6240\u6709\u95a2\u4fc2<\/td>\n<td data-nodeid=\"1828\">\u5168\u4f53-\u90e8\u5206\u3001\u5f31\u3044\u53c2\u7167<\/td>\n<\/tr>\n<tr data-nodeid=\"1829\">\n<td data-nodeid=\"1830\">\u30e9\u30a4\u30d5\u30b5\u30a4\u30af\u30eb<\/td>\n<td data-nodeid=\"1831\">\u5168\u4f53\u3068\u5171\u306b\u524a\u9664\u3055\u308c\u308b\u90e8\u54c1<\/td>\n<td data-nodeid=\"1832\">\u90e8\u54c1\u306f\u72ec\u7acb\u3057\u3066\u3044\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"1833\">\n<td data-nodeid=\"1834\">\u591a\u91cd\u5ea6<\/td>\n<td data-nodeid=\"1835\">\u5168\u4f53\u5074\u306b1\u307e\u305f\u306f0..1<\/td>\n<td data-nodeid=\"1836\">\u4efb\u610f<\/td>\n<\/tr>\n<tr data-nodeid=\"1837\">\n<td data-nodeid=\"1838\">RDBMS\u30de\u30c3\u30d4\u30f3\u30b0<\/td>\n<td data-nodeid=\"1839\"><code data-backticks=\"1\" data-nodeid=\"2248\">ON DELETE CASCADE<\/code><\/td>\n<td data-nodeid=\"1840\">\u6a19\u6e96\u306e\u5916\u90e8\u30ad\u30fc<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AMhgw2ae6UdfQId191Ii5v_pSWlpYp9BC_3o4qdoiIXtJqujIqnCXIXrIyrA0jWC0\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AMhgw2ae6UdfQId191Ik5vrjRddLCGAZAnwhgvUosvrjQUBaSKlDIW7O20000\" \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\" data-nodeid=\"1841\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Chapter\r\nclass Exercise\r\nChapter *-- \"0..*\" Exercise : \u7d44\u6210\r\nChapter o-- \"0..*\" Exercise : \u96c6\u7d04\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AMhgw2ae6UdfQId191Ik5vrjRddLCGAZAnwhgvUosvrjQUBaSKlDIW7O20000\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmpaWiA4ajWd5TArABaZEBKtcve18AMhgw2ae6UdfQId191Ii5v_pSWlpYp9BC_3o4qdoiIXtJqujIqnCXIXrIyrA0jWC0\" 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<hr data-nodeid=\"1842\"\/>\n<h2 data-nodeid=\"1843\">\ud83d\udd39 \u64cd\u4f5c\u3068\u30e1\u30bd\u30c3\u30c9<\/h2>\n<h3 data-nodeid=\"1844\">\u64cd\u4f5c\u5ba3\u8a00\u306e\u69cb\u6587<\/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#plantuml:JOzB2i9038RtXTuXonRr0eL2yGLT2k8-fA4Cn1d8P4GflRjJBUWo_-iZNJHKItSf2nAC4Gueb0GjA4nb0R21aUqQ3AMAbeR-s43lZKVMBJXFSdgQOWFx48JHGmkcYUi6pXBGO7BnabXVxQBEtxqf8ytHl0ptFX-UkCgD7tdDKSYk9ihA_ETMpZjpA3UKn2keNYexKAOrzbby13UKHSPsx8Vyuni0\" 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#plantuml:JOzB2i9038RtXTuXonRr0eL2yGLT2k8-fA4Cn1d8P4GflRjJBUWo_-iZNJHKItSf2nAC4Gueb0GjA4nb0R21aUqQ3AMAbeR-s43lZKVMBJXFSdgQOWFx48JHGmkcYUi6pXBGO7BnabXVxQBEtxqf8ytHl0ptFX-UkCgD7tdDKSYk9ihA_ETMpZjpA3UKn2keNYexKAOrzbby13UKHSPsx8Vyuni0\" \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\" data-nodeid=\"1845\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Calculator {\r\n  + getTotal(studID: Integer, inclExtra: Boolean = true): Float {isQuery=true}\r\n  + {static} getInstance(): Calculator\r\n  + {constructor} Calculator(initialValue: Float)\r\n  - recalculate(): void\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:JOzB2i9038RtXTuXonRr0eL2yGLT2k8-fA4Cn1d8P4GflRjJBUWo_-iZNJHKItSf2nAC4Gueb0GjA4nb0R21aUqQ3AMAbeR-s43lZKVMBJXFSdgQOWFx48JHGmkcYUi6pXBGO7BnabXVxQBEtxqf8ytHl0ptFX-UkCgD7tdDKSYk9ihA_ETMpZjpA3UKn2keNYexKAOrzbby13UKHSPsx8Vyuni0\" \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#plantuml:JOzB2i9038RtXTuXonRr0eL2yGLT2k8-fA4Cn1d8P4GflRjJBUWo_-iZNJHKItSf2nAC4Gueb0GjA4nb0R21aUqQ3AMAbeR-s43lZKVMBJXFSdgQOWFx48JHGmkcYUi6pXBGO7BnabXVxQBEtxqf8ytHl0ptFX-UkCgD7tdDKSYk9ihA_ETMpZjpA3UKn2keNYexKAOrzbby13UKHSPsx8Vyuni0\" 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<p data-nodeid=\"1846\"><strong data-nodeid=\"2256\">\u30d1\u30e9\u30e1\u30fc\u30bf\u306e\u6307\u5b9a<\/strong>:<\/p>\n<pre data-nodeid=\"1847\"><code>[\u65b9\u5411] \u540d\u524d: \u578b [= \u30c7\u30d5\u30a9\u30eb\u30c8\u5024]\r\n<\/code><\/pre>\n<ul data-nodeid=\"1848\">\n<li data-nodeid=\"1849\">\n<p data-nodeid=\"1850\">\u65b9\u5411\uff1a<code data-backticks=\"1\" data-nodeid=\"2258\">in<\/code>\u00a0(\u30c7\u30d5\u30a9\u30eb\u30c8),\u00a0<code data-backticks=\"1\" data-nodeid=\"2260\">out<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"2262\">inout<\/code><\/p>\n<\/li>\n<li data-nodeid=\"1851\">\n<p data-nodeid=\"1852\">\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306b\u3088\u308a\u30aa\u30d7\u30b7\u30e7\u30f3\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u53ef\u80fd\u306b\u306a\u308b<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"1853\">\u7279\u5225\u306a\u64cd\u4f5c\u306e\u30b9\u30bfereotype<\/h3>\n<table data-nodeid=\"1855\">\n<thead data-nodeid=\"1856\">\n<tr data-nodeid=\"1857\">\n<th data-nodeid=\"1859\">\u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7<\/th>\n<th data-nodeid=\"1860\">\u76ee\u7684<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1863\">\n<tr data-nodeid=\"1864\">\n<td data-nodeid=\"1865\"><code data-backticks=\"1\" data-nodeid=\"2267\">{isQuery=true}<\/code><\/td>\n<td data-nodeid=\"1866\">\u72b6\u614b\u306e\u5909\u66f4\u3092\u4fdd\u8a3c\u3057\u306a\u3044<\/td>\n<\/tr>\n<tr data-nodeid=\"1867\">\n<td data-nodeid=\"1868\"><code data-backticks=\"1\" data-nodeid=\"2269\">{\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf}<\/code><\/td>\n<td data-nodeid=\"1869\">\u65b0\u3057\u3044\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u4f5c\u6210\u304a\u3088\u3073\u521d\u671f\u5316\u3059\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"1870\">\n<td data-nodeid=\"1871\"><code data-backticks=\"1\" data-nodeid=\"2271\">{\u9759\u7684}<\/code><\/td>\n<td data-nodeid=\"1872\">\u30af\u30e9\u30b9\u30ec\u30d9\u30eb\u306e\u64cd\u4f5c\u3001\u6697\u9ed9\u7684\u3067\u306f\u306a\u3044<code data-backticks=\"1\" data-nodeid=\"2273\">self<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"1873\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u306b\u304a\u3051\u308b\u64cd\u4f5c<\/h3>\n<p data-nodeid=\"1874\"><strong data-nodeid=\"2279\">\u6587\u5316\u7684\u306a\u885d\u7a81<\/strong>: \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u306f\u30ab\u30d7\u30bb\u30eb\u5316\u3092\u5f37\u8abf\u3059\u308b\uff1b\u30ea\u30ec\u30fc\u30b7\u30e7\u30ca\u30eb\u306f\u76f4\u63a5\u7684\u306a\u30c7\u30fc\u30bf\u30a2\u30af\u30bb\u30b9\u3092\u5f37\u8abf\u3059\u308b\u3002<\/p>\n<p data-nodeid=\"1875\"><strong data-nodeid=\"2284\">\u5b9f\u88c5\u6226\u7565<\/strong>:<\/p>\n<table data-nodeid=\"1876\">\n<thead data-nodeid=\"1877\">\n<tr data-nodeid=\"1878\">\n<th data-nodeid=\"1880\">\u64cd\u4f5c\u30bf\u30a4\u30d7<\/th>\n<th data-nodeid=\"1881\">RDBMS\u306e\u5b9f\u88c5<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1884\">\n<tr data-nodeid=\"1885\">\n<td data-nodeid=\"1886\">\u5358\u7d14\u306a\u5c5e\u6027\u30a2\u30af\u30bb\u30b9<\/td>\n<td data-nodeid=\"1887\">\u76f4\u63a5\u7684\u306aSELECT\/UPDATE<\/td>\n<\/tr>\n<tr data-nodeid=\"1888\">\n<td data-nodeid=\"1889\">\u5c0e\u51fa\u5c5e\u6027\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u306a\u3057\uff09<\/td>\n<td data-nodeid=\"1890\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9VIEW<\/td>\n<\/tr>\n<tr data-nodeid=\"1891\">\n<td data-nodeid=\"1892\">\u5c0e\u51fa\u5c5e\u6027\uff08\u30d1\u30e9\u30e1\u30fc\u30bf\u3042\u308a\uff09<\/td>\n<td data-nodeid=\"1893\">\u30b9\u30c8\u30a2\u30c9\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\u307e\u305f\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30ed\u30b8\u30c3\u30af<\/td>\n<\/tr>\n<tr data-nodeid=\"1894\">\n<td data-nodeid=\"1895\">\u8907\u96d1\u306a\u5236\u7d04\u306e\u5f37\u5236<\/td>\n<td data-nodeid=\"1896\">\u30c8\u30ea\u30ac\u30fc\u307e\u305f\u306f\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr data-nodeid=\"1897\"\/>\n<h2 data-nodeid=\"1898\">\ud83d\udd39 \u6982\u5ff5\u5316\u3068\u7d99\u627f<\/h2>\n<h3 data-nodeid=\"1899\">\u57fa\u672c\u7684\u306a\u6982\u5ff5\u5316<\/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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5l5mGTGesDRgw25N8WaXg7LBpKe1M0000\" 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\u3059\u308b<\/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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5l5mGTGesDRgw25N8WaXg7LBpKe1M0000\" \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\" data-nodeid=\"1900\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Person\r\nclass Student\r\nclass Professor\r\nPerson &lt;|-- Student\r\nPerson &lt;|-- Professor\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5l5mGTGesDRgw25N8WaXg7LBpKe1M0000\" \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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5l5mGTGesDRgw25N8WaXg7LBpKe1M0000\" 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\u3059\u308b<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"1901\">\u62bd\u8c61\u30af\u30e9\u30b9\u3068\u64cd\u4f5c<\/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#plantuml:TSun2iCm50FGtU0xQ4mflK2cTEazb6z33OvT_7-Q8UJkQMWxPfKUGeCQcyrJzewZMgCO95CLTv4w5yFg7N33oCmYiSSZLzgHNH7YgsgoZjCXVzMbnxkcy1NhVtJ3akmP6fSJlNatn18-JtO0\" 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#plantuml:SoWkIImgAStDuULwrhNtnSQ5ZvlMFsvU-RXffu9ZSd9-QLw9GZKlbuA2ha9IOavYNdAgbO9RJdvY2KXCMo4bjI2_EBD48p4Nf18gfMcbK9QVcG9HKPsOL5nIb9XSKgjGdbcIaLAKM8v3TIqlbqDgNWhGAG00\" \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\" data-nodeid=\"1902\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\u62bd\u8c61\u30af\u30e9\u30b9 Account {\r\n  - balance: Float\r\n  + deposit(amount: Float): void\r\n  + {abstract} withdraw(amount: Float): void\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULwrhNtnSQ5ZvlMFsvU-RXffu9ZSd9-QLw9GZKlbuA2ha9IOavYNdAgbO9RJdvY2KXCMo4bjI2_EBD48p4Nf18gfMcbK9QVcG9HKPsOL5nIb9XSKgjGdbcIaLAKM8v3TIqlbqDgNWhGAG00\" \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#plantuml:TSun2iCm50FGtU0xQ4mflK2cTEazb6z33OvT_7-Q8UJkQMWxPfKUGeCQcyrJzewZMgCO95CLTv4w5yFg7N33oCmYiSSZLzgHNH7YgsgoZjCXVzMbnxkcy1NhVtJ3akmP6fSJlNatn18-JtO0\" 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 data-nodeid=\"1903\">\u4e00\u822c\u5316\u5236\u7d04<\/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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5C07_aepK8fWM2ArWKwEh2zEeOALWOrETabcSbP-PLwAZa9oVMv2JMf9QQsU7gXvkCj4waAp6gySXDIy5w3y0\" 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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5C07_aepK8fWM2ArWKwEh2zEeOALWOrFzSkwyb-szBvQqwoWyNTVpj7L5hPqTgdAumSHgGB8OdnQ7rBmKeES0\" \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\" data-nodeid=\"1904\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Person\r\nclass Student\r\nclass Professor\r\nclass OtherPerson\r\nPerson &lt;|-- Student : &lt;&lt;{\u975e\u91cd\u8907, \u5b8c\u5168}&gt;&gt;\r\nPerson &lt;|-- Professor : &lt;&lt;{\u975e\u91cd\u8907, \u5b8c\u5168}&gt;&gt;\r\nPerson &lt;|-- OtherPerson : &lt;&lt;{\u975e\u91cd\u8907, \u5b8c\u5168}&gt;&gt;\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5C07_aepK8fWM2ArWKwEh2zEeOALWOrFzSkwyb-szBvQqwoWyNTVpj7L5hPqTgdAumSHgGB8OdnQ7rBmKeES0\" \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#plantuml:SoWkIImgAStDuULApaaiBbO8I2qgpi-3yO9BIbDIyqhWaaNvQQd5nVb5C07_aepK8fWM2ArWKwEh2zEeOALWOrETabcSbP-PLwAZa9oVMv2JMf9QQsU7gXvkCj4waAp6gySXDIy5w3y0\" 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 data-nodeid=\"1905\">\u591a\u91cd\u5206\u985e \/ \u533a\u5225\u5b50<\/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#plantuml:SoWkIImgAStDuULApaaiBbPmpIt8oQzCJONnWqiIqz9W7BV4vDASaaeOryFN7yRqoyy3ys3Q5MngT7KXcXMi56niiZFpKkpiqEMXvk5H0JGKB9kPLrnQb9YNd8gf168rfYg7rBmKeCS0\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmpIt8oQzCJONnWqiIqz9W7BV4vDASaaeOryFN7yRqoyy3ys3Q5MngT7KXcXMi56nidgzOzxHZgPqTkWgeYNZL00q6op_PF_Vbp5sOyX2xqPGufEQb0Bq50000\" \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\" data-nodeid=\"1906\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Employee\r\nclass Staff\r\nclass Faculty\r\nclass HMO\r\nclass NonHMO\r\nEmployee &lt;|-- Staff : &lt;&lt;\u7a2e\u5225&gt;&gt;\r\nEmployee &lt;|-- Faculty : &lt;&lt;\u7a2e\u5225&gt;&gt;\r\nEmployee &lt;|-- HMO : &lt;&lt;\u4fdd\u967a&gt;&gt;\r\nEmployee &lt;|-- NonHMO : &lt;&lt;\u4fdd\u967a&gt;&gt;\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmpIt8oQzCJONnWqiIqz9W7BV4vDASaaeOryFN7yRqoyy3ys3Q5MngT7KXcXMi56nidgzOzxHZgPqTkWgeYNZL00q6op_PF_Vbp5sOyX2xqPGufEQb0Bq50000\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmpIt8oQzCJONnWqiIqz9W7BV4vDASaaeOryFN7yRqoyy3ys3Q5MngT7KXcXMi56niiZFpKkpiqEMXvk5H0JGKB9kPLrnQb9YNd8gf168rfYg7rBmKeCS0\" 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<ul data-nodeid=\"1907\">\n<li data-nodeid=\"1908\">\n<p data-nodeid=\"1909\">\u533a\u5225\u5b50\u306f\u4e92\u3044\u306b\u6392\u4ed6\u7684\u306a\u7279\u6b8a\u5316\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"1910\">\n<p data-nodeid=\"1911\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u5404\u533a\u5225\u5b50\u6b21\u5143\u3054\u3068\u306b1\u3064\u306e\u5024\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u308b<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"1912\"\/>\n<h2 data-nodeid=\"1913\">\ud83d\udd39 \u62e1\u5f35\u30e1\u30ab\u30cb\u30ba\u30e0<\/h2>\n<p data-nodeid=\"1914\">UML\u306f3\u3064\u306e\u62e1\u5f35\u30e1\u30ab\u30cb\u30ba\u30e0\u3092\u63d0\u4f9b\u3059\u308b\uff1a<\/p>\n<h3 data-nodeid=\"1915\">1. \u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7<code data-backticks=\"1\" data-nodeid=\"2305\">&lt;&lt; &gt;&gt;<\/code><\/h3>\n<p data-nodeid=\"1916\">\u30e1\u30bf\u30e2\u30c7\u30eb\u8981\u7d20\u306e\u65b0\u3057\u3044\u300c\u30b5\u30d6\u30bf\u30a4\u30d7\u300d\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u3067\u3001UML\u306e\u610f\u5473\u3092\u62e1\u5f35\u3059\u308b\u3002<\/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#plantuml:SoWkIImgAStDuULApaaiBbPmBYqkoSzDBLAmiKdDAyaigRIpKwZcvL9Gq5N8JB5IyCmhIKrFBO88v2Ncfbef19SKPUQbytBLmepmJIp9yCbCAaeigWIQKbgIcODaZBP2SMQUHeMLWbjEVcA99fI6o2Jd5sEH0Phha9gN0dGZ0000\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmBYqkoSzDBLAmiNdSjE9ny-R7pMsFcnP3I3ixXMfUBWK5NONC52i5pxoIrFJK8eX0Nc9kgfL2S4bHPbuwBrSjp3ZVn98CdyoaeiIYIf29pSiUD--1cRWArL1jXUBCF8qAAmMtdFp44aqe3P59pY_68WEqnI4rBmNeUW00\" \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\" data-nodeid=\"1917\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Customer &lt;&lt;\u30a8\u30f3\u30c6\u30a3\u30c6\u30a3&gt;&gt; {\r\n  - id: Integer\r\n  - name: String\r\n}\r\nclass MathLibrary &lt;&lt;\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3&gt;&gt; {\r\n  + sin(x: Float): Float\r\n  + cos(x: Float): Float\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmBYqkoSzDBLAmiNdSjE9ny-R7pMsFcnP3I3ixXMfUBWK5NONC52i5pxoIrFJK8eX0Nc9kgfL2S4bHPbuwBrSjp3ZVn98CdyoaeiIYIf29pSiUD--1cRWArL1jXUBCF8qAAmMtdFp44aqe3P59pY_68WEqnI4rBmNeUW00\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmBYqkoSzDBLAmiKdDAyaigRIpKwZcvL9Gq5N8JB5IyCmhIKrFBO88v2Ncfbef19SKPUQbytBLmepmJIp9yCbCAaeigWIQKbgIcODaZBP2SMQUHeMLWbjEVcA99fI6o2Jd5sEH0Phha9gN0dGZ0000\" 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 data-nodeid=\"1918\">2. \u30bf\u30b0\u4ed8\u304d\u5024<code data-backticks=\"1\" data-nodeid=\"2312\">{\u30ad\u30fc=\u5024}<\/code><\/h3>\n<p data-nodeid=\"1919\">\u30e2\u30c7\u30eb\u8981\u7d20\u306b\u30ab\u30b9\u30bf\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8ffd\u52a0\u3059\u308b\u3002<\/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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg4uiBSd8Bx8jJj9HA4ijAixCpxCrr3FGKIW0SOfBKlEIKstXx99Qa1vTXSmKAmNFl9BKzDGYNYwWc4DgNWhG1W00\" 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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg4uiBSd8Bx8jJj9HA4ijAixCpxCrr3FGKIW0SOfBKlEIKstXx99Qa1vTXSmKAmNFl9BKzDGYNYwWc4DgNWhG1W00\" \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\" data-nodeid=\"1920\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Student {\r\n  {author=sb, version=1.0, persistence=persistent}\r\n  - id: Integer\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg4uiBSd8Bx8jJj9HA4ijAixCpxCrr3FGKIW0SOfBKlEIKstXx99Qa1vTXSmKAmNFl9BKzDGYNYwWc4DgNWhG1W00\" \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#plantuml:SoWkIImgAStDuULApaaiBbO8BYbDISqhKQZcvL9Gg4uiBSd8Bx8jJj9HA4ijAixCpxCrr3FGKIW0SOfBKlEIKstXx99Qa1vTXSmKAmNFl9BKzDGYNYwWc4DgNWhG1W00\" 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 data-nodeid=\"1921\">3. \u5236\u7d04<code data-backticks=\"1\" data-nodeid=\"2315\">{...}<\/code><\/h3>\n<p data-nodeid=\"1922\">\u81ea\u7531\u306a\u5f62\u5f0f\u306e\u30c6\u30ad\u30b9\u30c8\u3001OCL\u3001\u307e\u305f\u306f\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u7701\u7565\u8a9e\u3092\u4f7f\u7528\u3057\u3066\u610f\u5473\u7684\u306a\u5236\u7d04\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJbMevkLIKD1LoCktKl3CAqbDJos221JaP-QL5CC55QhB4dDAKnNiR1KCQa4ggY4A56ni5N8JAmB07A0443cavgK0RG80\" 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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJbMevkLIKD1LoCktKl3CAqbDJos221JaP-QL5CC55QhB4dDAKnNiR1KCQa4ggY4A56ni5N8JAmB07A0443cavgK0RG80\" \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\" data-nodeid=\"1923\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclass Exercise {\r\n  - no: Integer\r\n  - points: Integer {value &gt;= 0}\r\n  {points &lt;= maxPoints}\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJbMevkLIKD1LoCktKl3CAqbDJos221JaP-QL5CC55QhB4dDAKnNiR1KCQa4ggY4A56ni5N8JAmB07A0443cavgK0RG80\" \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#plantuml:SoWkIImgAStDuULApaaiBbPmhKWjIiuiJbMevkLIKD1LoCktKl3CAqbDJos221JaP-QL5CC55QhB4dDAKnNiR1KCQa4ggY4A56ni5N8JAmB07A0443cavgK0RG80\" 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<hr data-nodeid=\"1924\"\/>\n<h2 data-nodeid=\"1925\">\ud83d\udd39 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u8a08\u306e\u305f\u3081\u306eUML\uff1a\u91cd\u8981\u306a\u8003\u616e\u4e8b\u9805<\/h2>\n<h3 data-nodeid=\"1926\">UML\u304b\u3089\u95a2\u4fc2\u30b9\u30ad\u30fc\u30de\u3078\u306e\u5909\u63db<\/h3>\n<table data-nodeid=\"1928\">\n<thead data-nodeid=\"1929\">\n<tr data-nodeid=\"1930\">\n<th data-nodeid=\"1932\">UML\u69cb\u6210\u8981\u7d20<\/th>\n<th data-nodeid=\"1933\">\u95a2\u4fc2\u7684\u5b9f\u88c5<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1936\">\n<tr data-nodeid=\"1937\">\n<td data-nodeid=\"1938\">\u30af\u30e9\u30b9<\/td>\n<td data-nodeid=\"1939\">\u30c6\u30fc\u30d6\u30eb<\/td>\n<\/tr>\n<tr data-nodeid=\"1940\">\n<td data-nodeid=\"1941\">\u5c5e\u6027<\/td>\n<td data-nodeid=\"1942\">\u5217<\/td>\n<\/tr>\n<tr data-nodeid=\"1943\">\n<td data-nodeid=\"1944\">\u4e3b\u30ad\u30fc<code data-backticks=\"1\" data-nodeid=\"2326\">{pk}<\/code><\/td>\n<td data-nodeid=\"1945\">PRIMARY KEY\u5236\u7d04<\/td>\n<\/tr>\n<tr data-nodeid=\"1946\">\n<td data-nodeid=\"1947\">\u95a2\u9023 (1:*)<\/td>\n<td data-nodeid=\"1948\">\u300c\u591a\u6570\u300d\u5074\u306e\u5916\u90e8\u30ad\u30fc<\/td>\n<\/tr>\n<tr data-nodeid=\"1949\">\n<td data-nodeid=\"1950\">\u95a2\u9023 (<em data-nodeid=\"2341\">:<\/em>)<\/td>\n<td data-nodeid=\"1951\">\u7d50\u5408\/\u4ea4\u5dee\u30c6\u30fc\u30d6\u30eb<\/td>\n<\/tr>\n<tr data-nodeid=\"1952\">\n<td data-nodeid=\"1953\">\u5408\u6210<\/td>\n<td data-nodeid=\"1954\">\u5916\u90e8\u30ad\u30fc +<code data-backticks=\"1\" data-nodeid=\"2345\">ON DELETE CASCADE<\/code><\/td>\n<\/tr>\n<tr data-nodeid=\"1955\">\n<td data-nodeid=\"1956\">\u95a2\u9023\u30af\u30e9\u30b9<\/td>\n<td data-nodeid=\"1957\">\u8907\u5408\u5916\u90e8\u30ad\u30fc\u3068\u5c5e\u6027\u3092\u6301\u3064\u30c6\u30fc\u30d6\u30eb<\/td>\n<\/tr>\n<tr data-nodeid=\"1958\">\n<td data-nodeid=\"1959\">\u4e00\u822c\u5316<\/td>\n<td data-nodeid=\"1960\">\u5225\u3005\u306e\u30c6\u30fc\u30d6\u30eb\uff08\u5916\u90e8\u30ad\u30fc\u4ed8\u304d\uff09\u307e\u305f\u306f\u30bf\u30a4\u30d7\u8b58\u5225\u5b50\u3092\u6301\u3064\u5358\u4e00\u30c6\u30fc\u30d6\u30eb<\/td>\n<\/tr>\n<tr data-nodeid=\"1961\">\n<td data-nodeid=\"1962\"><code data-backticks=\"1\" data-nodeid=\"2350\">{\u9806\u5e8f\u4ed8\u304d}<\/code>\u95a2\u9023<\/td>\n<td data-nodeid=\"1963\">\u30b7\u30fc\u30b1\u30f3\u30b9\u5217\u306e\u8ffd\u52a0 + \u30e6\u30cb\u30fc\u30af\u5236\u7d04<\/td>\n<\/tr>\n<tr data-nodeid=\"1964\">\n<td data-nodeid=\"1965\">\u4fee\u98fe\u5b50<\/td>\n<td data-nodeid=\"1966\">\u8907\u5408\u30ad\u30fc\u307e\u305f\u306f\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u4ed8\u304d\u5217\u306e\u4e00\u90e8<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"1967\">\u91cd\u8981\u306a\u9055\u3044\uff1a\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411 vs. \u95a2\u4fc2\u578b<\/h3>\n<table data-nodeid=\"1969\">\n<thead data-nodeid=\"1970\">\n<tr data-nodeid=\"1971\">\n<th data-nodeid=\"1973\">\u5074\u9762<\/th>\n<th data-nodeid=\"1974\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411<\/th>\n<th data-nodeid=\"1975\">\u95a2\u4fc2\u578b<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"1979\">\n<tr data-nodeid=\"1980\">\n<td data-nodeid=\"1981\"><strong data-nodeid=\"2362\">\u8b58\u5225\u5b50<\/strong><\/td>\n<td data-nodeid=\"1982\">\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u53c2\u7167\uff08\u30b5\u30ed\u30b2\u30fc\u30c8\uff09<\/td>\n<td data-nodeid=\"1983\">\u4e3b\u30ad\u30fc\uff08\u30d3\u30b8\u30cd\u30b9\u30ad\u30fc\u307e\u305f\u306f\u30b5\u30ed\u30b2\u30fc\u30c8\u30ad\u30fc\uff09<\/td>\n<\/tr>\n<tr data-nodeid=\"1984\">\n<td data-nodeid=\"1985\"><strong data-nodeid=\"2368\">\u64cd\u4f5c<\/strong><\/td>\n<td data-nodeid=\"1986\">\u8a2d\u8a08\u306e\u6838\u3001\u30ab\u30d7\u30bb\u30eb\u5316\u3055\u308c\u3066\u3044\u308b<\/td>\n<td data-nodeid=\"1987\">\u5916\u90e8\uff08SQL\u3001\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\uff09<\/td>\n<\/tr>\n<tr data-nodeid=\"1988\">\n<td data-nodeid=\"1989\"><strong data-nodeid=\"2374\">\u30ab\u30d7\u30bb\u30eb\u5316<\/strong><\/td>\n<td data-nodeid=\"1990\">\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306a\u5c5e\u6027\u3001\u30d1\u30d6\u30ea\u30c3\u30af\u306a\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9<\/td>\n<td data-nodeid=\"1991\">\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u30c6\u30fc\u30d6\u30eb\u3078\u306e\u76f4\u63a5\u30a2\u30af\u30bb\u30b9<\/td>\n<\/tr>\n<tr data-nodeid=\"1992\">\n<td data-nodeid=\"1993\"><strong data-nodeid=\"2380\">\u7d99\u627f<\/strong><\/td>\n<td data-nodeid=\"1994\">\u30cd\u30a4\u30c6\u30a3\u30d6\u8a00\u8a9e\u306e\u30b5\u30dd\u30fc\u30c8<\/td>\n<td data-nodeid=\"1995\">\u8907\u96d1\u306a\u30de\u30c3\u30d4\u30f3\u30b0\u6226\u7565<\/td>\n<\/tr>\n<tr data-nodeid=\"1996\">\n<td data-nodeid=\"1997\"><strong data-nodeid=\"2386\">\u95a2\u4fc2<\/strong><\/td>\n<td data-nodeid=\"1998\">\u30dd\u30a4\u30f3\u30bf\uff0f\u53c2\u7167<\/td>\n<td data-nodeid=\"1999\">\u5916\u90e8\u30ad\u30fc\u3068\u7d50\u5408<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 data-nodeid=\"2000\">\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u8a08\u8005\u3078\u306e\u5b9f\u7528\u7684\u30a2\u30c9\u30d0\u30a4\u30b9<\/h3>\n<ol data-nodeid=\"2001\">\n<li data-nodeid=\"2002\">\n<p data-nodeid=\"2003\"><strong data-nodeid=\"2398\">\u30ad\u30fc\u3092\u660e\u793a\u7684\u306b\u30e2\u30c7\u30eb\u5316\u3059\u308b<\/strong>: \u4f7f\u7528\u3059\u308b<code data-backticks=\"1\" data-nodeid=\"2394\">{pk}<\/code>,\u00a0<code data-backticks=\"1\" data-nodeid=\"2396\">{ak1}<\/code>UML\u306b\u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u306a\u30ad\u30fc\u5bfe\u5fdc\u304c\u306a\u3044\u305f\u3081\u3001\u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"2004\">\n<p data-nodeid=\"2005\"><strong data-nodeid=\"2405\">\u6c38\u7d9a\u6027\u3092\u30de\u30fc\u30af\u3059\u308b<\/strong>: \u4f7f\u7528\u3059\u308b<code data-backticks=\"1\" data-nodeid=\"2403\">{persistent}<\/code>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u30af\u30e9\u30b9\u3068\u4e00\u6642\u7684\u306a\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30af\u30e9\u30b9\u3092\u533a\u5225\u3059\u308b\u305f\u3081\u306e\u30bf\u30b0\u4ed8\u304d\u5024\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"2006\">\n<p data-nodeid=\"2007\"><strong data-nodeid=\"2410\">\u64cd\u4f5c\u3092\u7c21\u7d20\u5316\u3059\u308b<\/strong>: \u30af\u30a8\u30ea\u64cd\u4f5c\u3092\u30d3\u30e5\u30fc\u306b\u30de\u30c3\u30d4\u30f3\u30b0\uff1b\u8907\u96d1\u306a\u64cd\u4f5c\u3092\u30b9\u30c8\u30a2\u30c9\u30d7\u30ed\u30b7\u30fc\u30b8\u30e3\u306b\u30de\u30c3\u30d4\u30f3\u30b0<\/p>\n<\/li>\n<li data-nodeid=\"2008\">\n<p data-nodeid=\"2009\"><strong data-nodeid=\"2415\">\u7d99\u627f\u3092\u614e\u91cd\u306b\u6271\u3046<\/strong>: \u30af\u30a8\u30ea\u30d1\u30bf\u30fc\u30f3\u306b\u57fa\u3065\u3044\u3066\u30de\u30c3\u30d4\u30f3\u30b0\u6226\u7565\u3092\u9078\u629e\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"2010\">\n<p data-nodeid=\"2011\"><strong data-nodeid=\"2420\">\u5236\u7d04\u3092\u6587\u66f8\u5316\u3059\u308b<\/strong>: \u30d3\u30b8\u30cd\u30b9\u30eb\u30fc\u30eb\u306b\u306fOCL\u307e\u305f\u306f\u660e\u78ba\u306a\u30c6\u30ad\u30b9\u30c8\u5236\u7d04\u3092\u4f7f\u7528\u3059\u308b<\/p>\n<\/li>\n<li data-nodeid=\"2012\">\n<p data-nodeid=\"2013\"><strong data-nodeid=\"2425\">\u95a2\u9023\u30af\u30e9\u30b9\u306e\u4f7f\u7528\u306f\u614e\u91cd\u306b\u884c\u3046<\/strong>: \u95a2\u4fc2\u306b\u91cd\u8981\u306a\u5c5e\u6027\u304c\u3042\u308b\u5834\u5408\u306b\u9650\u308b<\/p>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"2014\"\/>\n<h2 data-nodeid=\"2015\">\ud83c\udfaf \u30af\u30a4\u30c3\u30af\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8<\/h2>\n<h3 data-nodeid=\"2016\">PlantUML\u30af\u30e9\u30b9\u56f3\u8868\u8a18\u8981\u7d04<\/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#plantuml:SoWkIImgAStDuULApaaiBbQmiIakIIrApI-fB4YrirDm1Wdw9UQcAbJpSYaeL9SafgUdfjYM9UQKfjQ2HAArzNNrbVNhOXNoWAgYSqjpIcAj54A0kXMYRHM0wc8LgWkAyWkAiQZMA4WiIimjrhHI24ejGIW38eVKl1IWem00\" 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\u3059\u308b<\/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#plantuml:SoWkIImgAStDuULwtBJ-SVFAnqqx5MniWEJZvhR7pMiUDwrwtBJ_STEInytJxUmKu6gUJkXLgERbKb2e1ajlUB9xnkF6Njkd3KjgGQBHslgw-ihwTR4AG8LFEtkZdowPzRAzz-ckPR5M2a_dTIj4soe0rSO2jJTFVzoyzd7pH91zJOknwjO0IwzytBpmSVCUe7sQLWhFEdO_Rke26e7D121oICrB0VeA0000\" \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\" data-nodeid=\"2017\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n\u30af\u30e9\u30b9 &lt;&lt;\u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7&gt;&gt; \u30af\u30e9\u30b9\u540d {\r\n  {\u30bf\u30b0\u4ed8\u304d=\u5024}\r\n  [+\/-\/#\/~] \u540d\u524d[\u591a\u91cd\u5ea6]: \u578b [= \u5024] {\u30d7\u30ed\u30d1\u30c6\u30a3}\r\n  [+\/-\/#\/~] \u540d\u524d(\u30d1\u30e9\u30e1\u30fc\u30bf): \u623b\u308a\u5024 {\u30d7\u30ed\u30d1\u30c6\u30a3}\r\n}\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULwtBJ-SVFAnqqx5MniWEJZvhR7pMiUDwrwtBJ_STEInytJxUmKu6gUJkXLgERbKb2e1ajlUB9xnkF6Njkd3KjgGQBHslgw-ihwTR4AG8LFEtkZdowPzRAzz-ckPR5M2a_dTIj4soe0rSO2jJTFVzoyzd7pH91zJOknwjO0IwzytBpmSVCUe7sQLWhFEdO_Rke26e7D121oICrB0VeA0000\" \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#plantuml:SoWkIImgAStDuULApaaiBbQmiIakIIrApI-fB4YrirDm1Wdw9UQcAbJpSYaeL9SafgUdfjYM9UQKfjQ2HAArzNNrbVNhOXNoWAgYSqjpIcAj54A0kXMYRHM0wc8LgWkAyWkAiQZMA4WiIimjrhHI24ejGIW38eVKl1IWem00\" 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\u3059\u308b<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"2018\">\u95a2\u9023\u306e\u8868\u8a18<\/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#plantuml:LSvD2e0W40NWVT0T1ZT1u0LQXDQ-Eqmb8gWJZNN-x8UetS3x7cyK9rpJ5dnPz1wPDOYm-QG5I7cVdO0hwQ01pKoJm-Ge3XZCswapVX1Kq5DOYDsfNa4_eQrTZSMVaBBzY05tPt7qUKEPEES73m00\" 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\u3059\u308b<\/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#plantuml:SoWkIImgAStDuULopaaiBdPKKCejpIbnL5BGrOKmdPGKm39E2bOABwSjUjcm-Ec4NhXgBQ0ogBI2kiBZfisFcu5exkEc7O-RjZzkNWxamjNcewXzqJZhwOGEkAIkhXsIvDF-zIywLhrOsCFBvP2Qbm9q7m00\" \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\" data-nodeid=\"2019\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nClassA \"multA\" -- \"multB\" ClassB : \u95a2\u9023\u540d\r\nClassA *-- ClassB  ' \u30b3\u30f3\u30dd\u30b8\u30b7\u30e7\u30f3\r\nClassA o-- ClassB  ' \u805a\u5408\r\nClassA --&gt; ClassB  ' \u53ef\u822a\u884c\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com#plantuml:SoWkIImgAStDuULopaaiBdPKKCejpIbnL5BGrOKmdPGKm39E2bOABwSjUjcm-Ec4NhXgBQ0ogBI2kiBZfisFcu5exkEc7O-RjZzkNWxamjNcewXzqJZhwOGEkAIkhXsIvDF-zIywLhrOsCFBvP2Qbm9q7m00\" \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#plantuml:LSvD2e0W40NWVT0T1ZT1u0LQXDQ-Eqmb8gWJZNN-x8UetS3x7cyK9rpJ5dnPz1wPDOYm-QG5I7cVdO0hwQ01pKoJm-Ge3XZCswapVX1Kq5DOYDsfNa4_eQrTZSMVaBBzY05tPt7qUKEPEES73m00\" 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\u3059\u308b<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h3 data-nodeid=\"2020\">\u53ef\u8996\u6027\u8a18\u53f7<\/h3>\n<ul data-nodeid=\"2021\">\n<li data-nodeid=\"2022\">\n<p data-nodeid=\"2023\"><code data-backticks=\"1\" data-nodeid=\"2430\">+<\/code>\u30d1\u30d6\u30ea\u30c3\u30af<\/p>\n<\/li>\n<li data-nodeid=\"2024\">\n<p data-nodeid=\"2025\"><code data-backticks=\"1\" data-nodeid=\"2432\">-<\/code>\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8<\/p>\n<\/li>\n<li data-nodeid=\"2026\">\n<p data-nodeid=\"2027\"><code data-backticks=\"1\" data-nodeid=\"2434\">#<\/code>\u30d7\u30ed\u30c6\u30af\u30c8<\/p>\n<\/li>\n<li data-nodeid=\"2028\">\n<p data-nodeid=\"2029\"><code data-backticks=\"1\" data-nodeid=\"2436\">~<\/code>\u30d1\u30c3\u30b1\u30fc\u30b8<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"2030\">\u5171\u901a\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u5236\u7d04<\/h3>\n<ul data-nodeid=\"2031\">\n<li data-nodeid=\"2032\">\n<p data-nodeid=\"2033\"><code data-backticks=\"1\" data-nodeid=\"2441\">{\u9759\u7684}<\/code>\u00a0\/\u00a0<code data-backticks=\"1\" data-nodeid=\"2443\">{\u30af\u30a8\u30ea=true}<\/code>\u00a0\/\u00a0<code data-backticks=\"1\" data-nodeid=\"2445\">{\u62bd\u8c61}<\/code><\/p>\n<\/li>\n<li data-nodeid=\"2034\">\n<p data-nodeid=\"2035\"><code data-backticks=\"1\" data-nodeid=\"2446\">{\u5024 &gt;= 0}<\/code>\u00a0\/\u00a0<code data-backticks=\"1\" data-nodeid=\"2448\">{\u6392\u4ed6\u7684\u8ad6\u7406\u548c}<\/code>\u00a0\/\u00a0<code data-backticks=\"1\" data-nodeid=\"2450\">{\u9806\u5e8f\u4ed8\u304d}<\/code>\u00a0\/\u00a0<code data-backticks=\"1\" data-nodeid=\"2452\">{\u4e3b\u30ad\u30fc}<\/code><\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"2036\"\/>\n<blockquote data-nodeid=\"2037\">\n<p data-nodeid=\"2038\">\ud83d\udca1\u00a0<strong data-nodeid=\"2462\">\u6700\u7d42\u7684\u306a\u8003\u5bdf<\/strong>: UML\u30af\u30e9\u30b9\u56f3\u306f\u6982\u5ff5\u30e2\u30c7\u30eb\u4f5c\u6210\u306b\u5f37\u529b\u3067\u3059\u304c\u3001\u4e3b\u306b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u5de5\u5b66\u306e\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u3053\u3068\u3092\u601d\u3044\u51fa\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u8a2d\u8a08\u306bUML\u3092\u4f7f\u7528\u3059\u308b\u969b\u306f\u3001\u30ad\u30fc\u3001\u6b63\u898f\u5316\u3001\u5ba3\u8a00\u7684\u5236\u7d04\u3068\u3044\u3063\u305f\u95a2\u4fc2\u7684\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u8868\u73fe\u3059\u308b\u305f\u3081\u306b\u3001\u30b9\u30c6\u30ec\u30aa\u30bf\u30a4\u30d7\u3001\u30bf\u30b0\u4ed8\u304d\u5024\u3001\u5236\u7d04\u306a\u3069\u3092\u7528\u3044\u3066\u8a18\u6cd5\u3092\u62e1\u5f35\u3059\u308b\u6e96\u5099\u3092\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u3089\u306fUML\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u6307\u5411\u306e\u57fa\u76e4\u306b\u306f\u7d44\u307f\u8fbc\u307e\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n<\/blockquote>\n<p class=\"\" data-nodeid=\"2039\"><em data-nodeid=\"2470\">\u30b9\u30c6\u30d5\u30a1\u30f3\u30fb\u30d6\u30e9\u30b9\u8457\u300ePart 6: UML\u30af\u30e9\u30b9\u56f3\u300f\u304b\u3089\u307e\u3068\u3081\u305f\u30ac\u30a4\u30c9\u30022003\u5e74\u3001\u30cf\u30ec\u5927\u5b66\u3002\u3059\u3079\u3066\u306e\u56f3\u306f\u3001\u73fe\u4ee3\u306e\u30c4\u30fc\u30eb\u4e92\u63db\u6027\u3092\u8003\u616e\u3057\u3066PlantUML\u69cb\u6587\u3067\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udca1\u00a0\u6ce8\u8a18\uff1a\u3059\u3079\u3066\u306e\u56f3\u306f\u00a0PlantUML<\/p>\n","protected":false},"author":3482,"featured_media":11075,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png","fifu_image_alt":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-11074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese<\/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.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese\" \/>\n<meta property=\"og:description\" content=\"\ud83d\udca1\u00a0\u6ce8\u8a18\uff1a\u3059\u3079\u3066\u306e\u56f3\u306f\u00a0PlantUML\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\" \/>\n<meta property=\"og:site_name\" content=\"ArchiMetric Japanese\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-03T05:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1208\" \/>\n\t<meta property=\"og:image:height\" content=\"658\" \/>\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.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.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=\"5\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"headline\":\"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09\",\"datePublished\":\"2026-06-03T05:38:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\"},\"wordCount\":160,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\",\"url\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\",\"name\":\"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese\",\"isPartOf\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png\",\"datePublished\":\"2026-06-03T05:38:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage\",\"url\":\"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png\",\"contentUrl\":\"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png\",\"width\":1208,\"height\":658},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.archimetric.com\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/#website\",\"url\":\"https:\/\/www.archimetric.com\/ja\/\",\"name\":\"ArchiMetric Japanese\",\"description\":\"EA, Dev Ops, Scrum, Agile and More\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.archimetric.com\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.archimetric.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.archimetric.com\/ja\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese","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.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/","og_locale":"ja_JP","og_type":"article","og_title":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese","og_description":"\ud83d\udca1\u00a0\u6ce8\u8a18\uff1a\u3059\u3079\u3066\u306e\u56f3\u306f\u00a0PlantUML","og_url":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/","og_site_name":"ArchiMetric Japanese","article_published_time":"2026-06-03T05:38:37+00:00","og_image":[{"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png","type":"","width":"","height":""},{"width":1208,"height":658,"url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/06\/img_6a1fbb7554f19.png","twitter_misc":{"\u57f7\u7b46\u8005":"curtis","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"5\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#article","isPartOf":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/"},"author":{"name":"curtis","@id":"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"headline":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09","datePublished":"2026-06-03T05:38:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/"},"wordCount":160,"commentCount":0,"image":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png","articleSection":["Uncategorized"],"inLanguage":"ja","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/","url":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/","name":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09 - ArchiMetric Japanese","isPartOf":{"@id":"https:\/\/www.archimetric.com\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage"},"image":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage"},"thumbnailUrl":"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png","datePublished":"2026-06-03T05:38:37+00:00","author":{"@id":"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba"},"breadcrumb":{"@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#primaryimage","url":"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png","contentUrl":"https:\/\/www.archimetric.com\/ja\/wp-content\/uploads\/sites\/6\/2026\/06\/img_6a1fbb7554f19.png","width":1208,"height":658},{"@type":"BreadcrumbList","@id":"https:\/\/www.archimetric.com\/ja\/comprehensive-guide-to-uml-class-diagrams-diagram-as-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.archimetric.com\/ja\/"},{"@type":"ListItem","position":2,"name":"UML\u30af\u30e9\u30b9\u56f3\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9\uff08\u56f3\u3092\u30b3\u30fc\u30c9\u3068\u3057\u3066\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.archimetric.com\/ja\/#website","url":"https:\/\/www.archimetric.com\/ja\/","name":"ArchiMetric Japanese","description":"EA, Dev Ops, Scrum, Agile and More","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.archimetric.com\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/www.archimetric.com\/ja\/#\/schema\/person\/71e6318556cda44457a5b68e284bedba","name":"curtis","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.archimetric.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.archimetric.com\/ja\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/posts\/11074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/users\/3482"}],"replies":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/comments?post=11074"}],"version-history":[{"count":0,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/posts\/11074\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/media\/11075"}],"wp:attachment":[{"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/media?parent=11074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/categories?post=11074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.archimetric.com\/ja\/wp-json\/wp\/v2\/tags?post=11074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}