{"id":1603,"date":"2026-03-20T07:00:55","date_gmt":"2026-03-20T07:00:55","guid":{"rendered":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/"},"modified":"2026-03-20T07:00:55","modified_gmt":"2026-03-20T07:00:55","slug":"the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose","status":"publish","type":"post","link":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/","title":{"rendered":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b"},"content":{"rendered":"<blockquote data-nodeid=\"10751\">\n<p data-nodeid=\"10752\"><em data-nodeid=\"11236\">\u300c\u4e00\u679a\u306e\u7d75\u306f\u5343\u306e\u8a00\u8449\u306b\u5339\u6575\u3059\u308b\u304c\u3001\u6b63\u3057\u3044\u7d75\u3067\u306a\u3051\u308c\u3070\u610f\u5473\u304c\u306a\u3044\u3002\u300d<\/em><br \/>\n\u2014 C4\u30e2\u30c7\u30eb\u306e\u7cbe\u795e\u306b\u57fa\u3065\u3044\u3066\u30a2\u30ec\u30f3\u30b8<\/p>\n<\/blockquote>\n<p data-nodeid=\"10753\">The\u00a0<strong data-nodeid=\"11246\">C4\u30e2\u30c7\u30eb<\/strong>\u00a0\uff08\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3001\u30b3\u30f3\u30c6\u30ca\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30b3\u30fc\u30c9\uff09\u306f\u3001\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u6587\u66f8\u5316\u3059\u308b\u305f\u3081\u306e\u5f37\u529b\u3067\u8efd\u91cf\u3001\u968e\u5c64\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1\u3067\u3059\u3002Simon Brown\u306b\u3088\u3063\u3066\u4f5c\u6210\u3055\u308c\u307e\u3057\u305f\u3002<strong data-nodeid=\"11247\">Simon Brown<\/strong>\u3001\u8907\u96d1\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u30c1\u30fc\u30e0\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\uff08CEO\u304b\u3089\u30b8\u30e5\u30cb\u30a2\u958b\u767a\u8005\u307e\u3067\uff09\u304c\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p data-nodeid=\"10754\">\u3053\u306e\u30ac\u30a4\u30c9\u3067\u306f\u3001\u30e2\u30c7\u30eb\u306e\u3059\u3079\u3066\u306e\u30ec\u30d9\u30eb\u3092\u4e01\u5be7\u306b\u89e3\u8aac\u3057\u3001\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3092\u8aac\u660e\u3057\u3001\u5b9f\u969b\u306e\u4f8b\u3092\u793a\u3057\u3001C4\u3092\u81ea\u3089\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u9069\u7528\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n<hr data-nodeid=\"10755\"\/>\n<h2 data-nodeid=\"10756\">\ud83d\udd0d\u00a0<strong data-nodeid=\"11253\">\u306a\u305cC4\u30e2\u30c7\u30eb\u3092\u4f7f\u3046\u306e\u304b\uff1f<\/strong><\/h2>\n<p data-nodeid=\"10757\">\u672c\u683c\u7684\u306b\u59cb\u3081\u308b\u524d\u306b\u3001\u5927\u304d\u306a\u7591\u554f\u306b\u7b54\u3048\u3066\u307f\u307e\u3057\u3087\u3046\uff1a<\/p>\n<blockquote data-nodeid=\"10758\">\n<p data-nodeid=\"10759\">\u2753\u00a0<em data-nodeid=\"11259\">\u306a\u305cUML\u3092\u4f7f\u3063\u305f\u308a\u3001\u30e9\u30f3\u30c0\u30e0\u306a\u56f3\u3092\u63cf\u3044\u305f\u308a\u3057\u306a\u3044\u306e\u304b\uff1f<\/em><\/p>\n<\/blockquote>\n<h3 data-nodeid=\"10760\">\u5f93\u6765\u306e\u56f3\u306e\u554f\u984c\u70b9\uff1a<\/h3>\n<ul data-nodeid=\"10761\">\n<li data-nodeid=\"10762\">\n<p data-nodeid=\"10763\"><strong data-nodeid=\"11265\">\u8a73\u7d30\u304c\u591a\u3059\u304e\u308b<\/strong>\u00a0\uff08\u4f8b\uff1a\u3059\u3079\u3066\u306e\u30e1\u30bd\u30c3\u30c9\u3084\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u542b\u3080UML\u30af\u30e9\u30b9\u56f3\uff09\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10764\">\n<p data-nodeid=\"10765\"><strong data-nodeid=\"11270\">\u6a19\u6e96\u5316\u304c\u306a\u3044<\/strong>\u00a0\u2014 \u307f\u3093\u306a\u304c\u305d\u308c\u305e\u308c\u9055\u3046\u65b9\u6cd5\u3067\u63cf\u304f\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10766\">\n<p data-nodeid=\"10767\"><strong data-nodeid=\"11275\">\u4fdd\u5b88\u304c\u96e3\u3057\u3044<\/strong>\u00a0\u2014 \u56f3\u306f\u3059\u3050\u306b\u53e4\u304f\u306a\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10768\">\n<p data-nodeid=\"10769\"><strong data-nodeid=\"11280\">\u3059\u3079\u3066\u306e\u5bfe\u8c61\u306b\u9069\u3057\u3066\u3044\u306a\u3044<\/strong>\u00a0\u2014 \u30a8\u30f3\u30b8\u30cb\u30a2\u306f\u7406\u89e3\u3067\u304d\u308b\u304c\u3001\u7d4c\u55b6\u9663\u306f\u7406\u89e3\u3067\u304d\u306a\u3044\u3002<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"10770\">\u2705 C4\u306e\u89e3\u6c7a\u7b56\uff1a<\/h3>\n<ul data-nodeid=\"10771\">\n<li data-nodeid=\"10772\">\n<p data-nodeid=\"10773\"><strong data-nodeid=\"11286\">\u968e\u5c64\u7684<\/strong>\u00a0\u2192 Google\u30de\u30c3\u30d7\u306e\u3088\u3046\u306b\u30ba\u30fc\u30e0\u30a4\u30f3\u30fb\u30a2\u30a6\u30c8\u3067\u304d\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10774\">\n<p data-nodeid=\"10775\"><strong data-nodeid=\"11291\">\u5bfe\u8c61\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b<\/strong>\u00a0\u2192 \u5404\u30b0\u30eb\u30fc\u30d7\u306b\u3068\u3063\u3066\u91cd\u8981\u306a\u60c5\u5831\u3060\u3051\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10776\">\n<p data-nodeid=\"10777\"><strong data-nodeid=\"11298\">\u30b7\u30f3\u30d7\u30eb\u304b\u3064\u4e00\u8cab\u6027\u304c\u3042\u308b<\/strong>\u00a0\u2192 \u6a19\u6e96\u7684\u306a\u56f3\u5f62\u3068\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3059\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10778\">\n<p data-nodeid=\"10779\"><strong data-nodeid=\"11303\">\u4fdd\u5b88\u3057\u3084\u3059\u3044<\/strong>\u00a0\u2192 \u66f4\u65b0\u3057\u3084\u3059\u304f\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u3082\u5bb9\u6613\u3002<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"10780\">\n<p data-nodeid=\"10781\">\ud83c\udfaf\u00a0<strong data-nodeid=\"11321\">\u76ee\u7684<\/strong>: \u4f1d\u3048\u308b\u00a0<em data-nodeid=\"11322\">\u4f55\u3092<\/em>\u00a0\u30b7\u30b9\u30c6\u30e0\u304c\u884c\u3046\u3053\u3068\u3067\u3001\u00a0<em data-nodeid=\"11323\">\u3069\u306e\u3088\u3046\u306b<\/em>\u00a0\u69cb\u7bc9\u3055\u308c\u3066\u3044\u308b\u304b\u3001\u305d\u3057\u3066\u00a0<em data-nodeid=\"11324\">\u306a\u305c<\/em>\u00a0\u305d\u306e\u3088\u3046\u306b\u69cb\u9020\u5316\u3055\u308c\u3066\u3044\u308b\u306e\u304b\u2014\u2014\u6280\u8853\u7684\u306a\u30ce\u30a4\u30ba\u306b\u57cb\u3082\u308c\u308b\u3053\u3068\u306a\u304f\u3002<\/p>\n<\/blockquote>\n<hr data-nodeid=\"10782\"\/>\n<h2 data-nodeid=\"10783\">\ud83d\udcca\u00a0<strong data-nodeid=\"11329\">C4\u30e2\u30c7\u30eb\u306e4\u3064\u306e\u30ec\u30d9\u30eb<\/strong><\/h2>\n<p data-nodeid=\"10784\">\u5404\u30ec\u30d9\u30eb\u3092\u8a73\u3057\u304f\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002\u76ee\u7684\u3001\u4f7f\u7528\u3059\u308b\u30bf\u30a4\u30df\u30f3\u30b0\u3001\u63cf\u304d\u65b9\u3001\u907f\u3051\u305f\u3044\u70b9\u3092\u542b\u307f\u307e\u3059\u3002<\/p>\n<p data-nodeid=\"10784\"><img alt=\"Diagrams | C4 model\" decoding=\"async\" src=\"https:\/\/c4model.com\/images\/c4-static.png\"\/><\/p>\n<hr data-nodeid=\"10785\"\/>\n<h3 data-nodeid=\"10786\">\ud83d\udfe6\u00a0<strong data-nodeid=\"11335\">\u30ec\u30d9\u30eb1\uff1a\u30b7\u30b9\u30c6\u30e0\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8<\/strong><\/h3>\n<blockquote data-nodeid=\"10787\">\n<p data-nodeid=\"10788\"><em data-nodeid=\"11339\">\u300c\u30b7\u30b9\u30c6\u30e0\u306f\u4e16\u754c\u306e\u4e2d\u3067\u3069\u3053\u306b\u4f4d\u7f6e\u3057\u3066\u3044\u308b\u306e\u304b\uff1f\u300d<\/em><\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10789\">\ud83c\udfaf\u00a0<strong data-nodeid=\"11344\">\u76ee\u7684<\/strong><\/h4>\n<ul data-nodeid=\"10790\">\n<li data-nodeid=\"10791\">\n<p data-nodeid=\"10792\">\u00a0\u5168\u4f53\u50cf\u3092\u793a\u3059\u00a0<strong data-nodeid=\"11350\">\u5168\u4f53\u50cf<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10793\">\n<p data-nodeid=\"10794\">\u8b58\u5225\u3059\u308b\u00a0<strong data-nodeid=\"11360\">\u30b7\u30b9\u30c6\u30e0\u3092\u5229\u7528\u3059\u308b\u8ab0\u304b<\/strong>\u00a0\u304a\u3088\u3073\u00a0<strong data-nodeid=\"11361\">\u4ed6\u306e\u30b7\u30b9\u30c6\u30e0\u3068\u3069\u306e\u3088\u3046\u306b\u3084\u308a\u53d6\u308a\u3057\u3066\u3044\u308b\u304b<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10795\">\n<p data-nodeid=\"10796\">\u7b54\u3048\uff1a\u00a0<em data-nodeid=\"11368\">\u300c\u6211\u3005\u304c\u89e3\u6c7a\u3057\u3088\u3046\u3068\u3057\u3066\u3044\u308b\u554f\u984c\u306f\u4f55\u304b\u3001\u8ab0\u304c\u95a2\u4e0e\u3057\u3066\u3044\u308b\u306e\u304b\uff1f\u300d<\/em><\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10797\">\ud83e\udde9\u00a0<strong data-nodeid=\"11373\">\u542b\u3081\u308b\u3079\u304d\u5185\u5bb9<\/strong><\/h4>\n<ul data-nodeid=\"10798\">\n<li data-nodeid=\"10799\">\n<p data-nodeid=\"10800\">\u3042\u306a\u305f\u306e<strong data-nodeid=\"11379\">\u30b7\u30b9\u30c6\u30e0<\/strong>\uff08\u300c\u9280\u884c\u30b7\u30b9\u30c6\u30e0\u300d\u306a\u3069\u30e9\u30d9\u30eb\u4ed8\u304d\u306e\u30dc\u30c3\u30af\u30b9\u3067\u56f2\u3080\uff09\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10801\">\n<p data-nodeid=\"10802\"><strong data-nodeid=\"11384\">\u5916\u90e8\u306e\u30a2\u30af\u30bf\u30fc<\/strong>\uff1a\u30e6\u30fc\u30b6\u30fc\u3001\u9867\u5ba2\u3001\u4ed6\u306e\u30b7\u30b9\u30c6\u30e0\uff08\u4f8b\uff1a\u300c\u9867\u5ba2\u300d\u3001\u300c\u6c7a\u6e08\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u300d\u3001\u300c\u30e1\u30fc\u30eb\u30b5\u30fc\u30d3\u30b9\u300d\uff09\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10803\">\n<p data-nodeid=\"10804\"><strong data-nodeid=\"11389\">\u76f8\u4e92\u4f5c\u7528<\/strong>\uff1a\u30c7\u30fc\u30bf\u30d5\u30ed\u30fc\u3092\u793a\u3059\u77e2\u5370\uff08\u4f8b\uff1a\u300c\u9867\u5ba2 \u2192 \u30ed\u30b0\u30a4\u30f3 \u2192 \u9280\u884c\u30b7\u30b9\u30c6\u30e0\u300d\uff09\u3002<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10805\">\u270f\ufe0f\u00a0<strong data-nodeid=\"11394\">\u63cf\u304d\u65b9<\/strong><\/h4>\n<ul data-nodeid=\"10806\">\n<li data-nodeid=\"10807\">\n<p data-nodeid=\"10808\">\u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11400\">\u30b7\u30f3\u30d7\u30eb\u306a\u30dc\u30c3\u30af\u30b9\u3068\u77e2\u5370<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10809\">\n<p data-nodeid=\"10810\"><strong data-nodeid=\"11409\">\u5185\u90e8\u306e\u8a73\u7d30\u306f\u542b\u3081\u306a\u3044<\/strong>\u2014 \u3053\u308c\u306f<em data-nodeid=\"11410\">\u3067\u306f\u306a\u3044<\/em>\u3042\u306a\u305f\u306e\u30a2\u30d7\u30ea\u306e\u30b3\u30fc\u30c9\u306b\u95a2\u3059\u308b\u3082\u306e\u3067\u306f\u306a\u3044\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10811\">\n<p data-nodeid=\"10812\">\u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11416\">\u8aac\u660e\u7684\u306a\u540d\u524d<\/strong>\uff08\u4f8b\uff1a\u300c\u9867\u5ba2\u30dd\u30fc\u30bf\u30eb\u300d\u306a\u3069\u3001\u300e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30a2\u30d7\u30ea\u300f\u3067\u306f\u306a\u304f\uff09\u3002<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10813\">\ud83d\udccc\u00a0<strong data-nodeid=\"11421\">\u4f8b\uff1aEC\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/strong><\/h4>\n<p>\u00a0<\/p>\n<p id=\"WXRChnl\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-1273\" decoding=\"async\" fetchpriority=\"high\" height=\"1027\" sizes=\"(max-width: 1260px) 100vw, 1260px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4ae7e11a8.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4ae7e11a8.png 1260w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4ae7e11a8-300x245.png 300w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4ae7e11a8-768x626.png 768w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4ae7e11a8-1024x835.png 1024w\" width=\"1260\"\/><\/p>\n<p data-nodeid=\"10813\">* Visual Paradigm AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u306b\u3088\u3063\u3066\u751f\u6210<\/p>\n<p>\u00a0<\/p>\n<pre data-nodeid=\"10814\"><code>[\u9867\u5ba2] \u2192 \uff08Web\/\u30e2\u30d0\u30a4\u30eb\u7d4c\u7531\u3067\u306e\u6ce8\u6587\uff09\u2192 [EC\u30b7\u30b9\u30c6\u30e0]\r\n                              \u2193\r\n                      [\u6c7a\u6e08\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\uff08Stripe\uff09]\r\n                              \u2193\r\n                      [\u5728\u5eab\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0]\r\n                              \u2193\r\n                      [\u30e1\u30fc\u30eb\u30b5\u30fc\u30d3\u30b9\uff08SendGrid\uff09]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"10815\">\n<p data-nodeid=\"10816\">\u2705\u00a0<strong data-nodeid=\"11427\">\u6700\u9069\u306a\u7528\u9014<\/strong>\uff1a\u30d7\u30ed\u30c0\u30af\u30c8\u30aa\u30fc\u30ca\u30fc\u3001\u7d4c\u55b6\u9663\u3001\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3001\u65b0\u30e1\u30f3\u30d0\u30fc\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3002<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10817\">\u26a0\ufe0f\u00a0<strong data-nodeid=\"11432\">\u907f\u3051\u308b\u3079\u304d\u3053\u3068<\/strong><\/h4>\n<ul data-nodeid=\"10818\">\n<li data-nodeid=\"10819\">\n<p data-nodeid=\"10820\">\u5185\u90e8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u542b\u3081\u306a\u3044\u3053\u3068\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10821\">\n<p data-nodeid=\"10822\">\u300c\u30e6\u30fc\u30b6\u30fc\u300d\u306e\u3088\u3046\u306a\u66d6\u6627\u306a\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u3002\u300c\u30aa\u30f3\u30e9\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30fc\u300d\u307e\u305f\u306f\u300c\u7ba1\u7406\u8005\u30e6\u30fc\u30b6\u30fc\u300d\u306a\u3069\u3001\u660e\u78ba\u306b\u6307\u5b9a\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"10823\"\/>\n<h3 data-nodeid=\"10824\">\ud83d\udfe8\u00a0<strong data-nodeid=\"11439\">\u30ec\u30d9\u30eb2\uff1a\u30b3\u30f3\u30c6\u30ca<\/strong><\/h3>\n<blockquote data-nodeid=\"10825\">\n<p data-nodeid=\"10826\"><em data-nodeid=\"11443\">\u300c\u9ad8\u30ec\u30d9\u30eb\u306e\u6280\u8853\u7684\u69cb\u6210\u8981\u7d20\u306f\u4f55\u3067\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10827\">\ud83c\udfaf\u00a0<strong data-nodeid=\"11448\">\u76ee\u7684<\/strong><\/h4>\n<ul data-nodeid=\"10828\">\n<li data-nodeid=\"10829\">\n<p data-nodeid=\"10830\">\u30b7\u30b9\u30c6\u30e0\u3092\u4ee5\u4e0b\u306b\u5206\u89e3\u3059\u308b<strong data-nodeid=\"11454\">\u4e3b\u8981\u306a\u8ad6\u7406\u7684\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10831\">\n<p data-nodeid=\"10832\">\u4ee5\u4e0b\u3092\u793a\u3059<strong data-nodeid=\"11464\">\u30b3\u30f3\u30c6\u30ca\u9593\u306e\u901a\u4fe1\u65b9\u6cd5<\/strong>\u304a\u3088\u3073<strong data-nodeid=\"11465\">\u4f7f\u7528\u3059\u308b\u6280\u8853<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10833\">\n<p data-nodeid=\"10834\">\u7b54\u3048\uff1a<em data-nodeid=\"11472\">\u300c\u30b7\u30b9\u30c6\u30e0\u306f\u3069\u306e\u3088\u3046\u306b\u69cb\u7bc9\u3055\u308c\u3066\u304a\u308a\u3001\u5404\u90e8\u5206\u3092\u652f\u3048\u308b\u6280\u8853\u306f\u4f55\u3067\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10835\">\ud83e\udde9\u00a0<strong data-nodeid=\"11477\">\u542b\u3081\u308b\u3079\u304d\u5185\u5bb9<\/strong><\/h4>\n<ul data-nodeid=\"10836\">\n<li data-nodeid=\"10837\">\n<p data-nodeid=\"10838\"><strong data-nodeid=\"11482\">\u30b3\u30f3\u30c6\u30ca<\/strong>\uff1a\u30a2\u30d7\u30ea\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3001API\u3001\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u3001\u30d5\u30a1\u30a4\u30eb\u30b9\u30c8\u30ec\u30fc\u30b8\u306a\u3069<\/p>\n<\/li>\n<li data-nodeid=\"10839\">\n<p data-nodeid=\"10840\"><strong data-nodeid=\"11487\">\u6280\u8853<\/strong>\uff1a\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u3059\u304c\u5f79\u7acb\u3064\uff09\u4f8b\uff1a\u300cReact Web\u30a2\u30d7\u30ea\u300d\u3001\u300cNode.js API\u300d\u3001\u300cPostgreSQL DB\u300d<\/p>\n<\/li>\n<li data-nodeid=\"10841\">\n<p data-nodeid=\"10842\"><strong data-nodeid=\"11492\">\u901a\u4fe1<\/strong>\uff1a\u30c7\u30fc\u30bf\u30d5\u30ed\u30fc\u3092\u793a\u3059\u77e2\u5370\uff08\u4f8b\uff1aHTTP\u3001REST\u3001gRPC\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u30ad\u30e5\u30fc\uff09<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10843\">\u270f\ufe0f\u00a0<strong data-nodeid=\"11497\">\u63cf\u304d\u65b9<\/strong><\/h4>\n<ul data-nodeid=\"10844\">\n<li data-nodeid=\"10845\">\n<p data-nodeid=\"10846\">\u4ee5\u4e0b\u3092\u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11503\">\u89d2\u304c\u4e38\u3044\u9577\u65b9\u5f62<\/strong>\uff08\u307e\u305f\u306f\u30b7\u30f3\u30d7\u30eb\u306a\u7bb1\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10847\">\n<p data-nodeid=\"10848\">\u5404\u30b3\u30f3\u30c6\u30ca\u306b\u660e\u78ba\u306b\u30e9\u30d9\u30eb\u3092\u4ed8\u3051\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10849\">\n<p data-nodeid=\"10850\">\u4f7f\u7528\u3057\u3066\u304f\u3060\u3055\u3044<strong data-nodeid=\"11510\">\u30e9\u30d9\u30eb\u4ed8\u304d\u306e\u77e2\u5370<\/strong>\u76f8\u4e92\u4f5c\u7528\u3092\u793a\u3059\u305f\u3081\u306b\uff08\u4f8b\uff1a\u300cHTTP POST \/login\u300d\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10851\">\n<p data-nodeid=\"10852\"><strong data-nodeid=\"11515\">\u8272\u5206\u3051\u3057\u3066\u304f\u3060\u3055\u3044<\/strong>\u5fc5\u8981\u306b\u5fdc\u3058\u3066\uff08\u4f8b\uff1a\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u306f\u9752\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306f\u7dd1\uff09<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10853\">\ud83d\udccc\u00a0<strong data-nodeid=\"11520\">\u4f8b\uff1a\u30d0\u30f3\u30ad\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0\uff08L2\uff09<\/strong><\/h4>\n<p>\u00a0<\/p>\n<p id=\"lttumye\"><img alt=\"\" class=\"alignnone size-full wp-image-1274\" decoding=\"async\" height=\"1085\" sizes=\"(max-width: 461px) 100vw, 461px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4bdd69065.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4bdd69065.png 461w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4bdd69065-127x300.png 127w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4bdd69065-435x1024.png 435w\" width=\"461\"\/><\/p>\n<p data-nodeid=\"10853\">* Visual Paradigm AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u306b\u3088\u3063\u3066\u751f\u6210<\/p>\n<pre data-nodeid=\"10854\"><code>[\u30ab\u30b9\u30bf\u30de\u30fc\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea] \u2192 (HTTPS) \u2192 [\u30d0\u30f3\u30ad\u30f3\u30b0Web API (Node.js)]\r\n                              \u2193\r\n                      [\u30ab\u30b9\u30bf\u30de\u30fc\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9 (PostgreSQL)]\r\n                              \u2193\r\n                      [\u4e0d\u6b63\u691c\u51fa\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9 (Python)]\r\n                              \u2193\r\n                      [\u30e1\u30fc\u30eb\u30b5\u30fc\u30d3\u30b9 (SendGrid)]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"10855\">\n<p data-nodeid=\"10856\">\u2705\u00a0<strong data-nodeid=\"11526\">\u6700\u9069\u306a\u7528\u9014<\/strong>\uff1a\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001DevOps\u30c1\u30fc\u30e0\u3001\u6280\u8853\u30ea\u30fc\u30c0\u30fc<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10857\">\u26a0\ufe0f\u00a0<strong data-nodeid=\"11531\">\u907f\u3051\u308b\u3079\u304d\u3053\u3068<\/strong><\/h4>\n<ul data-nodeid=\"10858\">\n<li data-nodeid=\"10859\">\n<p data-nodeid=\"10860\">\u30b3\u30f3\u30c6\u30ca\u3092\u3042\u307e\u308a\u7d30\u304b\u304f\u5206\u5272\u3057\u306a\u3044\uff08\u4f8b\uff1a\u300c\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\u300d\u309210\u500b\u306b\u5206\u5272\u3059\u308b\u306a\u3069\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10861\">\n<p data-nodeid=\"10862\">\u6280\u8853\u30b9\u30bf\u30c3\u30af\u306e\u8a73\u7d30\u3067\u904e\u5270\u306b\u60c5\u5831\u3092\u6301\u305f\u305b\u306a\u3044\uff08L3\/L4\u306b\u6b8b\u3059\uff09<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"10863\"\/>\n<h3 data-nodeid=\"10864\">\ud83d\udfe5\u00a0<strong data-nodeid=\"11538\">\u30ec\u30d9\u30eb3\uff1a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong><\/h3>\n<blockquote data-nodeid=\"10865\">\n<p data-nodeid=\"10866\"><em data-nodeid=\"11542\">\u300c\u30b3\u30f3\u30c6\u30ca\u306e\u4e2d\u8eab\u306f\u4f55\u3067\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10867\">\ud83c\udfaf\u00a0<strong data-nodeid=\"11547\">\u76ee\u7684<\/strong><\/h4>\n<ul data-nodeid=\"10868\">\n<li data-nodeid=\"10869\">\n<p data-nodeid=\"10870\">\u4ee5\u4e0b\u306b\u6df1\u304f\u6398\u308a\u4e0b\u3052\u307e\u3059<strong data-nodeid=\"11557\">1\u3064\u306e\u30b3\u30f3\u30c6\u30ca<\/strong>\uff08\u4f8b\uff1a\u30a6\u30a7\u30d6\u30a2\u30d7\u30ea\uff09\u3092\u793a\u3057\u3001\u305d\u306e<strong data-nodeid=\"11558\">\u5185\u90e8\u8ad6\u7406\u69cb\u9020<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10871\">\n<p data-nodeid=\"10872\">\u7b54\u3048\uff1a<em data-nodeid=\"11565\">\u300c\u3053\u306e\u30a2\u30d7\u30ea\u306f\u5b9f\u969b\u306b\u5185\u90e8\u3067\u3069\u306e\u3088\u3046\u306b\u52d5\u4f5c\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10873\">\ud83e\udde9\u00a0<strong data-nodeid=\"11570\">\u542b\u3081\u308b\u3079\u304d\u5185\u5bb9<\/strong><\/h4>\n<ul data-nodeid=\"10874\">\n<li data-nodeid=\"10875\">\n<p data-nodeid=\"10876\"><strong data-nodeid=\"11575\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong>: \u8ad6\u7406\u7684\u306a\u30e2\u30b8\u30e5\u30fc\u30eb\uff08\u4f8b: \u300c\u8a8d\u8a3c\u30b5\u30fc\u30d3\u30b9\u300d\u3001\u300c\u6ce8\u6587\u51e6\u7406\u300d\u3001\u300c\u30e1\u30fc\u30eb\u9001\u4fe1\u300d\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10877\">\n<p data-nodeid=\"10878\"><strong data-nodeid=\"11580\">\u4f9d\u5b58\u95a2\u4fc2<\/strong>: \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u9593\u306e\u76f8\u4e92\u4f5c\u7528\u3092\u793a\u3059\u77e2\u5370\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10879\">\n<p data-nodeid=\"10880\"><strong data-nodeid=\"11585\">\u6280\u8853\u306b\u95a2\u3059\u308b\u30d2\u30f3\u30c8<\/strong>: \uff08\u4efb\u610f\uff09\u4f8b: \u300cJWT\u3092\u4f7f\u7528\u300d\u3001\u300cRedis\u3092\u547c\u3073\u51fa\u3057\u300d<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"10881\">\n<p data-nodeid=\"10882\">\ud83d\udca1\u00a0<strong data-nodeid=\"11595\">\u6ce8\u610f<\/strong>: \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f<strong data-nodeid=\"11596\">\u8ad6\u7406\u7684<\/strong>\u3067\u3042\u308a\u3001\u7269\u7406\u7684\u3067\u306f\u306a\u3044\u3002\u30d5\u30a1\u30a4\u30eb\u3084\u30af\u30e9\u30b9\u306b\u5bfe\u5fdc\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u3002<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10883\">\u270f\ufe0f\u00a0<strong data-nodeid=\"11601\">\u63cf\u304d\u65b9<\/strong><\/h4>\n<ul data-nodeid=\"10884\">\n<li data-nodeid=\"10885\">\n<p data-nodeid=\"10886\">\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3059\u308b:<strong data-nodeid=\"11607\">\u30b7\u30f3\u30d7\u30eb\u306a\u30dc\u30c3\u30af\u30b9<\/strong>\uff08\u8907\u96d1\u306aUML\u306f\u4e0d\u8981\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10887\">\n<p data-nodeid=\"10888\">\u660e\u78ba\u306b\u30e9\u30d9\u30eb\u3092\u4ed8\u3051\u308b: \u300c\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u300d<\/p>\n<\/li>\n<li data-nodeid=\"10889\">\n<p data-nodeid=\"10890\">\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3092\u4f7f\u7528\u3059\u308b:<strong data-nodeid=\"11614\">\u77e2\u5370<\/strong>\u4f9d\u5b58\u95a2\u4fc2\u3092\u793a\u3059\uff08\u4f8b: \u300c\u30e6\u30fc\u30b6\u30fc \u30b5\u30fc\u30d3\u30b9 \u2192 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u300d\uff09<\/p>\n<\/li>\n<li data-nodeid=\"10891\">\n<p data-nodeid=\"10892\">\u4ee5\u4e0b\u306e\u5185\u5bb9\u3092\u8868\u793a\u3057\u306a\u3044:<strong data-nodeid=\"11620\">\u30af\u30e9\u30b9\u3001\u30e1\u30bd\u30c3\u30c9\u3001\u307e\u305f\u306f\u30c7\u30fc\u30bf\u69cb\u9020<\/strong>\uff08\u3053\u308c\u306fL4\u306e\u7bc4\u56f2\uff09<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10893\">\ud83d\udccc\u00a0<strong data-nodeid=\"11625\">\u4f8b: Web\u30a2\u30d7\u30ea\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong><\/h4>\n<p>\u00a0<\/p>\n<p id=\"fAkcTyL\"><img alt=\"\" class=\"alignnone size-full wp-image-1275\" decoding=\"async\" height=\"933\" sizes=\"(max-width: 471px) 100vw, 471px\" src=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png\" srcset=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png 471w, https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621-151x300.png 151w\" width=\"471\"\/><\/p>\n<h4 data-nodeid=\"10893\"><strong data-nodeid=\"11625\">\u00a0<\/strong><\/h4>\n<pre data-nodeid=\"10894\"><code>[\u30e6\u30fc\u30b6\u30fc\u8a8d\u8a3c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8]\r\n         \u2193\r\n[\u30e6\u30fc\u30b6\u30fc \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb \u30b5\u30fc\u30d3\u30b9]\r\n         \u2193\r\n[\u6ce8\u6587\u51e6\u7406\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8]\r\n         \u2193\r\n[\u30e1\u30fc\u30eb\u901a\u77e5\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8]\r\n         \u2193\r\n[\u6c7a\u6e08\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u7d71\u5408]\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"10895\">\n<p data-nodeid=\"10896\">\u2705\u00a0<strong data-nodeid=\"11631\">\u6700\u9069\u306a\u7528\u9014<\/strong>: \u958b\u767a\u8005\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3001\u30c1\u30fc\u30e0\u30ea\u30fc\u30c0\u30fc\u3001\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30fc<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10897\">\u26a0\ufe0f\u00a0<strong data-nodeid=\"11636\">\u907f\u3051\u308b<\/strong><\/h4>\n<ul data-nodeid=\"10898\">\n<li data-nodeid=\"10899\">\n<p data-nodeid=\"10900\">\u3059\u3079\u3066\u306e\u30af\u30e9\u30b9\u3084\u95a2\u6570\u3092\u63cf\u304f\u3053\u3068\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10901\">\n<p data-nodeid=\"10902\">\u8907\u96d1\u306a\u72b6\u614b\u6a5f\u68b0\u306a\u3069\u5fc5\u8981\u306a\u5834\u5408\u3092\u9664\u304d\u3001UML\u8868\u8a18\u3092\u4f7f\u7528\u3059\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10903\">\n<p data-nodeid=\"10904\">\u3042\u307e\u308a\u8a73\u7d30\u306b\u3057\u3059\u304e\u308b\u3053\u3068\u2014\u2014\u3053\u308c\u306f<em data-nodeid=\"11644\">\u3067\u306f\u306a\u3044<\/em>\u30af\u30e9\u30b9\u56f3\u3067\u306f\u306a\u3044\u3002<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"10905\"\/>\n<h3 data-nodeid=\"10906\">\ud83d\udfe9\u00a0<strong data-nodeid=\"11649\">\u30ec\u30d9\u30eb4\uff1a\u30b3\u30fc\u30c9\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09<\/strong><\/h3>\n<blockquote data-nodeid=\"10907\">\n<p data-nodeid=\"10908\"><em data-nodeid=\"11653\">\u300c\u5b9f\u969b\u306e\u30b3\u30fc\u30c9\u306f\u3069\u306e\u3088\u3046\u306a\u69cb\u9020\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10909\">\ud83c\udfaf\u00a0<strong data-nodeid=\"11658\">\u76ee\u7684<\/strong><\/h4>\n<ul data-nodeid=\"10910\">\n<li data-nodeid=\"10911\">\n<p data-nodeid=\"10912\">\u4ee5\u4e0b\u306e\u69cb\u9020\u3092\u793a\u3059\u2014\u2014<strong data-nodeid=\"11664\">\u5b9f\u969b\u306e\u30b3\u30fc\u30c9\u69cb\u9020<\/strong>\u2014\u2014\u901a\u5e38\u3001\u8907\u96d1\u307e\u305f\u306f\u91cd\u8981\u306a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5411\u3051\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10913\">\n<p data-nodeid=\"10914\">\u7b54\u3048\uff1a<em data-nodeid=\"11671\">\u300c\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306f\u3069\u306e\u3088\u3046\u306b\u5b9f\u88c5\u3055\u308c\u3066\u3044\u307e\u3059\u304b\uff1f\u300d<\/em><\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10915\">\ud83e\udde9\u00a0<strong data-nodeid=\"11676\">\u542b\u3081\u308b\u3079\u304d\u5185\u5bb9<\/strong><\/h4>\n<ul data-nodeid=\"10916\">\n<li data-nodeid=\"10917\">\n<p data-nodeid=\"10918\"><strong data-nodeid=\"11681\">\u30af\u30e9\u30b9\u3001\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3001\u95a2\u6570<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10919\">\n<p data-nodeid=\"10920\"><strong data-nodeid=\"11686\">\u95a2\u4fc2\u6027<\/strong>\uff1a\u7d99\u627f\u3001\u7d44\u6210\u3001\u4f9d\u5b58\u6027\u306e\u6ce8\u5165\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10921\">\n<p data-nodeid=\"10922\"><strong data-nodeid=\"11691\">\u30d1\u30c3\u30b1\u30fc\u30b8\uff0f\u30e2\u30b8\u30e5\u30fc\u30eb<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10923\">\u270f\ufe0f\u00a0<strong data-nodeid=\"11696\">\u63cf\u304d\u65b9<\/strong><\/h4>\n<ul data-nodeid=\"10924\">\n<li data-nodeid=\"10925\">\n<p data-nodeid=\"10926\">\u4f7f\u7528\u3059\u308b\u2014\u2014<strong data-nodeid=\"11710\">UML\u30af\u30e9\u30b9\u56f3<\/strong>,\u00a0<strong data-nodeid=\"11711\">\u30d1\u30c3\u30b1\u30fc\u30b8\u56f3<\/strong>\u3001\u307e\u305f\u306f\u00a0<strong data-nodeid=\"11712\">\u30b7\u30fc\u30b1\u30f3\u30b9\u56f3<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10927\">\n<p data-nodeid=\"10928\">\u30b7\u30f3\u30d7\u30eb\u306b\u4fdd\u3063\u3066\u00a0<strong data-nodeid=\"11718\">\u7126\u70b9\u3092\u7d5e\u3063\u3066<\/strong>\u00a0\u2014 1\u3064\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3060\u3051\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10929\">\n<p data-nodeid=\"10930\">\u6b21\u306e\u3088\u3046\u306a\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3059\u308b\u00a0<strong data-nodeid=\"11724\">PlantUML\u3001Draw.io\u3001\u307e\u305f\u306fVisual Studio Code\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u306a\u3069<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<h4 data-nodeid=\"10931\">\ud83d\udccc\u00a0<strong data-nodeid=\"11729\">\u4f8b: \u30e6\u30fc\u30b6\u30fc\u30b5\u30fc\u30d3\u30b9 (L4)<\/strong><\/h4>\n<pre class=\"lang-plantuml\" data-nodeid=\"10932\"><code data-language=\"plantuml\">@startuml\r\nclass UserService {\r\n  + createUser()\r\n  + getUserById()\r\n  + validateUser()\r\n}\r\n\r\nclass UserRepository {\r\n  + save(user)\r\n  + findById(id)\r\n}\r\n\r\nUserService \"1\" -- \"1\" UserRepository : \u4f7f\u7528\u3059\u308b\r\n@enduml\r\n<\/code><\/pre>\n<blockquote data-nodeid=\"10933\">\n<p data-nodeid=\"10934\">\u2705\u00a0<strong data-nodeid=\"11735\">\u6700\u3082\u9069\u3057\u3066\u3044\u308b\u5834\u9762<\/strong>\uff1a\u30b7\u30cb\u30a2\u958b\u767a\u8005\u3001\u30b3\u30fc\u30c9\u30ec\u30d3\u30e5\u30a2\u30fc\u3001\u8907\u96d1\u306a\u8ad6\u7406\u3078\u306e\u65b0\u5165\u793e\u54e1\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3002<\/p>\n<\/blockquote>\n<h4 data-nodeid=\"10935\">\u26a0\ufe0f\u00a0<strong data-nodeid=\"11740\">\u907f\u3051\u308b\u3079\u304d\u3053\u3068<\/strong><\/h4>\n<ul data-nodeid=\"10936\">\n<li data-nodeid=\"10937\">\n<p data-nodeid=\"10938\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u5185\u306e\u3059\u3079\u3066\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u63cf\u753b\u3059\u308b\u3053\u3068\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10939\">\n<p data-nodeid=\"10940\">\u3042\u307e\u308a\u306b\u5927\u304d\u304f\u8907\u96d1\u306b\u3059\u308b\u3053\u3068\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10941\">\n<p data-nodeid=\"10942\">\u3059\u3079\u3066\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306bL4\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068 \u2014\u00a0<strong data-nodeid=\"11748\">\u5fc5\u8981\u304c\u3042\u308b\u3068\u304d\u3060\u3051\u4f7f\u7528\u3059\u308b<\/strong>.<\/p>\n<\/li>\n<\/ul>\n<blockquote data-nodeid=\"10943\">\n<p data-nodeid=\"10944\">\ud83d\udd11\u00a0<strong data-nodeid=\"11758\">\u76ee\u5b89<\/strong>\uff1aL4\u306f\u6b21\u306e\u3082\u306e\u306b\u5bfe\u3057\u3066\u306e\u307f\u4f7f\u7528\u3059\u308b\u00a0<strong data-nodeid=\"11759\">\u8907\u96d1\u3067\u3001\u91cd\u8981\u3067\u3001\u307e\u305f\u306f\u7406\u89e3\u304c\u96e3\u3057\u3044<\/strong>\u00a0\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3002<\/p>\n<\/blockquote>\n<hr data-nodeid=\"10945\"\/>\n<h2 data-nodeid=\"10946\">\ud83d\udd04\u00a0<strong data-nodeid=\"11764\">\u5b9f\u969b\u306e\u73fe\u5834\u3067C4\u3092\u3069\u3046\u4f7f\u3046\u304b<\/strong><\/h2>\n<h3 data-nodeid=\"10947\">\u30b9\u30c6\u30c3\u30d7\u30d0\u30a4\u30b9\u30c6\u30c3\u30d7\u306e\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\uff1a<\/h3>\n<ol data-nodeid=\"10948\">\n<li data-nodeid=\"10949\">\n<p data-nodeid=\"10950\"><strong data-nodeid=\"11769\">L1\uff1a\u30b7\u30b9\u30c6\u30e0\u306e\u6587\u8108\u304b\u3089\u59cb\u3081\u307e\u3059<\/strong><\/p>\n<ul data-nodeid=\"10951\">\n<li data-nodeid=\"10952\">\n<p data-nodeid=\"10953\">\u30b7\u30b9\u30c6\u30e0\u3068\u305d\u306e\u74b0\u5883\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10954\">\n<p data-nodeid=\"10955\">\u91cd\u8981\u306a\u30e6\u30fc\u30b6\u30fc\u3068\u5916\u90e8\u30b7\u30b9\u30c6\u30e0\u3092\u7279\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"10956\">\n<p data-nodeid=\"10957\"><strong data-nodeid=\"11775\">L2\uff1a\u30b3\u30f3\u30c6\u30ca\u3078\u79fb\u884c\u3057\u307e\u3059<\/strong><\/p>\n<ul data-nodeid=\"10958\">\n<li data-nodeid=\"10959\">\n<p data-nodeid=\"10960\">\u30b7\u30b9\u30c6\u30e0\u3092\u9ad8\u30ec\u30d9\u30eb\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u5206\u5272\u3057\u307e\u3059\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10961\">\n<p data-nodeid=\"10962\">\u6280\u8853\u7684\u306a\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u660e\u78ba\u5316\u3057\u307e\u3059\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"10963\">\n<p data-nodeid=\"10964\"><strong data-nodeid=\"11781\">\u30b3\u30f3\u30c6\u30ca\u3092\u9078\u629e\u3057\u3001L3\uff1a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3078\u8a73\u7d30\u306b\u6398\u308a\u4e0b\u3052\u307e\u3059<\/strong><\/p>\n<ul data-nodeid=\"10965\">\n<li data-nodeid=\"10966\">\n<p data-nodeid=\"10967\">\u4e00\u3064\u306e\u91cd\u8981\u306a\u9818\u57df\u306b\u7126\u70b9\u3092\u5f53\u3066\u308b\uff08\u4f8b\uff1a\u8a8d\u8a3c\u3001\u6c7a\u6e08\uff09\u3002<\/p>\n<\/li>\n<li data-nodeid=\"10968\">\n<p data-nodeid=\"10969\">\u8ad6\u7406\u69cb\u9020\u3092\u793a\u3059 \u2014 \u30b3\u30fc\u30c9\u3067\u306f\u306a\u3044\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"10970\">\n<p data-nodeid=\"10971\"><strong data-nodeid=\"11787\">\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306b\u306e\u307fL4\u3078\u9032\u3080<\/strong><\/p>\n<ul data-nodeid=\"10972\">\n<li data-nodeid=\"10973\">\n<p data-nodeid=\"10974\">\u8907\u96d1\u306a\u8ad6\u7406\u3084\u8a2d\u8a08\u610f\u601d\u6c7a\u5b9a\u306e\u8aac\u660e\u306b\u4f7f\u7528\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"10975\">\n<p data-nodeid=\"10976\"><strong data-nodeid=\"11792\">\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u5316\u3068\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406<\/strong><\/p>\n<ul data-nodeid=\"10977\">\n<li data-nodeid=\"10978\">\n<p data-nodeid=\"10979\">\u56f3\u3092\u00a0\u306b\u4fdd\u5b58\u3059\u308b<strong data-nodeid=\"11798\">Markdown\u3001PlantUML\u3001\u307e\u305f\u306fDraw.io<\/strong>.<\/p>\n<\/li>\n<li data-nodeid=\"10980\">\n<p data-nodeid=\"10981\">\u4f7f\u7528\u3059\u308b\u00a0<strong data-nodeid=\"11804\">\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\uff08Git\uff09<\/strong>\u5909\u66f4\u3092\u8ffd\u8de1\u3059\u308b\u305f\u3081\u306b\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li data-nodeid=\"10982\">\n<p data-nodeid=\"10983\"><strong data-nodeid=\"11808\">\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3068\u30ec\u30d3\u30e5\u30fc\u3059\u308b<\/strong><\/p>\n<ul data-nodeid=\"10984\">\n<li data-nodeid=\"10985\">\n<p data-nodeid=\"10986\">L1\u306f\u7d4c\u55b6\u5c64\u306b\u3001L3\u306f\u958b\u767a\u8005\u306b\u3001L2\u306f\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u306b\u63d0\u793a\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<hr data-nodeid=\"10987\"\/>\n<h2 data-nodeid=\"10988\">\ud83d\udee0\ufe0f\u00a0<strong data-nodeid=\"11814\">C4\u56f3\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb<\/strong><\/h2>\n<table data-nodeid=\"10990\">\n<thead data-nodeid=\"10991\">\n<tr data-nodeid=\"10992\">\n<th data-nodeid=\"10994\">\u30c4\u30fc\u30eb<\/th>\n<th data-nodeid=\"10995\">\u6700\u9069\u306a\u7528\u9014<\/th>\n<th data-nodeid=\"10996\">\u5099\u8003<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"11000\">\n<tr data-nodeid=\"11001\">\n<td data-nodeid=\"11002\"><strong data-nodeid=\"11821\">PlantUML<\/strong><\/td>\n<td data-nodeid=\"11003\">\u30b3\u30fc\u30c9\u30d9\u30fc\u30b9\u306e\u56f3\uff08\u81ea\u52d5\u5316\u306b\u6700\u9069\uff09<\/td>\n<td data-nodeid=\"11004\">\u4f7f\u7528\u3059\u308b\u00a0<code data-backticks=\"1\" data-nodeid=\"11824\">@startuml<\/code>\u00a0C4\u69cb\u6587\u3067<\/td>\n<\/tr>\n<tr data-nodeid=\"11005\">\n<td data-nodeid=\"11006\"><strong data-nodeid=\"11829\">Draw.io (diagrams.net)<\/strong><\/td>\n<td data-nodeid=\"11007\">\u624b\u52d5\u3067\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\u7de8\u96c6<\/td>\n<td data-nodeid=\"11008\">\u7121\u6599\u3001C4\u306e\u5f62\u72b6\u3092\u30b5\u30dd\u30fc\u30c8<\/td>\n<\/tr>\n<tr data-nodeid=\"11009\">\n<td data-nodeid=\"11010\"><strong data-nodeid=\"11835\">Lucidchart<\/strong><\/td>\n<td data-nodeid=\"11011\">\u30c1\u30fc\u30e0\u5354\u50cd<\/td>\n<td data-nodeid=\"11012\">\u6280\u8853\u7684\u306a\u77e5\u8b58\u306e\u306a\u3044\u30e6\u30fc\u30b6\u30fc\u306b\u3082\u9069\u3057\u3066\u3044\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"11013\">\n<td data-nodeid=\"11014\"><strong data-nodeid=\"11841\">Excalidraw<\/strong><\/td>\n<td data-nodeid=\"11015\">\u624b\u66f8\u304d\u98a8\u3001\u697d\u3057\u304f\u3066\u9ad8\u901f<\/td>\n<td data-nodeid=\"11016\">\u30db\u30ef\u30a4\u30c8\u30dc\u30fc\u30c9\u4f5c\u6210\u306b\u6700\u9069<\/td>\n<\/tr>\n<tr data-nodeid=\"11017\">\n<td data-nodeid=\"11018\"><strong data-nodeid=\"11849\">C4-Model \u30d7\u30e9\u30b0\u30a4\u30f3 (VS Code)<\/strong><\/td>\n<td data-nodeid=\"11019\">\u958b\u767a\u8005\u30ef\u30fc\u30af\u30d5\u30ed\u30fc<\/td>\n<td data-nodeid=\"11020\">\u30b3\u30fc\u30c9\u304b\u3089\u56f3\u3092\u81ea\u52d5\u751f\u6210<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"11021\">\n<p data-nodeid=\"11022\">\ud83d\udca1\u00a0<strong data-nodeid=\"11865\">\u30d7\u30ed\u306e\u30c6\u30af\u30cb\u30c3\u30af<\/strong>: \u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11866\">PlantUML<\/strong>\u3068\u4f75\u7528\u3057\u3066<strong data-nodeid=\"11867\">Markdown<\/strong>\uff08\u4f8b\uff1aGitHub\u306eREADME\u306a\u3069\uff09\u56f3\u3092\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u53ef\u80fd\u3067\u691c\u7d22\u53ef\u80fd\u306a\u72b6\u614b\u306b\u4fdd\u3064\u305f\u3081\u306b<\/p>\n<\/blockquote>\n<hr data-nodeid=\"11023\"\/>\n<h2 data-nodeid=\"11024\">\ud83c\udfa8\u00a0<strong data-nodeid=\"11872\">C4\u56f3\u306e\u898f\u7d04\uff08\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\uff09<\/strong><\/h2>\n<table data-nodeid=\"11026\">\n<thead data-nodeid=\"11027\">\n<tr data-nodeid=\"11028\">\n<th data-nodeid=\"11030\">\u30eb\u30fc\u30eb<\/th>\n<th data-nodeid=\"11031\">\u306a\u305c\u91cd\u8981\u306a\u306e\u304b<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"11034\">\n<tr data-nodeid=\"11035\">\n<td data-nodeid=\"11036\">\u2705 \u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11880\">\u30dc\u30c3\u30af\u30b9<\/strong>\u30b7\u30b9\u30c6\u30e0\u3001\u30b3\u30f3\u30c6\u30ca\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u4f7f\u7528<\/td>\n<td data-nodeid=\"11037\">\u30b7\u30f3\u30d7\u30eb\u3067\u8aad\u307f\u3084\u3059\u304f\u3001\u30b9\u30b1\u30fc\u30e9\u30d6\u30eb<\/td>\n<\/tr>\n<tr data-nodeid=\"11038\">\n<td data-nodeid=\"11039\">\u2705 \u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11887\">\u77e2\u5370<\/strong>\u901a\u4fe1\u306b\u4f7f\u7528<\/td>\n<td data-nodeid=\"11040\">\u63a5\u7d9a\u3060\u3051\u3067\u306a\u304f\u3001\u30c7\u30fc\u30bf\u306e\u6d41\u308c\u3092\u793a\u3059<\/td>\n<\/tr>\n<tr data-nodeid=\"11041\">\n<td data-nodeid=\"11042\">\u2705 \u30e9\u30d9\u30eb<strong data-nodeid=\"11894\">\u3059\u3079\u3066<\/strong>\u660e\u78ba\u306b<\/td>\n<td data-nodeid=\"11043\">\u66d6\u6627\u3055\u304c\u306a\u3044<\/td>\n<\/tr>\n<tr data-nodeid=\"11044\">\n<td data-nodeid=\"11045\">\u2705 \u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11901\">\u4e00\u8cab\u3057\u305f\u8272<\/strong>\uff08\u30aa\u30d7\u30b7\u30e7\u30f3\uff09<\/td>\n<td data-nodeid=\"11046\">\u4f8b\uff1a\u9752 = Web\u3001\u7dd1 = DB\u3001\u8d64 = \u5916\u90e8<\/td>\n<\/tr>\n<tr data-nodeid=\"11047\">\n<td data-nodeid=\"11048\">\u2705 \u56f3\u3092\u7c21\u6f54\u306b\u4fdd\u3064<strong data-nodeid=\"11907\">\u5c0f\u3055\u304f\u3001\u7126\u70b9\u3092\u7d5e\u308b<\/strong><\/td>\n<td data-nodeid=\"11049\">\u3054\u3061\u3083\u3054\u3061\u3083\u3092\u907f\u3051\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"11050\">\n<td data-nodeid=\"11051\">\u2705 \u4f7f\u7528\u3059\u308b<strong data-nodeid=\"11913\">\u8aac\u660e\u7684\u306a\u540d\u524d<\/strong><\/td>\n<td data-nodeid=\"11052\">\u300c\u30ab\u30b9\u30bf\u30de\u30fc\u30b5\u30fc\u30d3\u30b9\u300d\uff1e\u300cService1\u300d<\/td>\n<\/tr>\n<tr data-nodeid=\"11053\">\n<td data-nodeid=\"11054\">\u2705 L4\u4ee5\u5916\u3067\u306fUML\u3092\u907f\u3051\u308b<\/td>\n<td data-nodeid=\"11055\">L1\uff5eL3\u3092\u30b7\u30f3\u30d7\u30eb\u306b\u4fdd\u3064<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"11056\">\n<p data-nodeid=\"11057\">\ud83d\udccc\u00a0<strong data-nodeid=\"11925\">\u9ec4\u91d1\u6cd5\u5247<\/strong>:\u00a0<em data-nodeid=\"11926\">C4\u56f3\u306f\u3001\u30b7\u30b9\u30c6\u30e0\u306b\u4e0d\u6163\u308c\u306a\u4eba\u304c30\u79d2\u4ee5\u5185\u306b\u7406\u89e3\u3067\u304d\u308b\u3079\u304d\u3067\u3042\u308b\u3002<\/em><\/p>\n<\/blockquote>\n<hr data-nodeid=\"11058\"\/>\n<h2 data-nodeid=\"11059\">\ud83d\udd04\u00a0<strong data-nodeid=\"11931\">C4\u5bfeUML\uff1a\u660e\u78ba\u306a\u6bd4\u8f03<\/strong><\/h2>\n<table data-nodeid=\"11061\">\n<thead data-nodeid=\"11062\">\n<tr data-nodeid=\"11063\">\n<th data-nodeid=\"11065\">\u6a5f\u80fd<\/th>\n<th data-nodeid=\"11066\">C4\u30e2\u30c7\u30eb<\/th>\n<th data-nodeid=\"11067\">UML<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"11071\">\n<tr data-nodeid=\"11072\">\n<td data-nodeid=\"11073\"><strong data-nodeid=\"11938\">\u76ee\u7684<\/strong><\/td>\n<td data-nodeid=\"11074\">\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3068\u660e\u78ba\u3055<\/td>\n<td data-nodeid=\"11075\">\u5305\u62ec\u7684\u306a\u30e2\u30c7\u30eb\u5316<\/td>\n<\/tr>\n<tr data-nodeid=\"11076\">\n<td data-nodeid=\"11077\"><strong data-nodeid=\"11946\">\u8a73\u7d30\u5ea6<\/strong><\/td>\n<td data-nodeid=\"11078\">\u968e\u5c64\u7684\uff08\u30ba\u30fc\u30e0\u30a4\u30f3\/\u30a2\u30a6\u30c8\uff09<\/td>\n<td data-nodeid=\"11079\">\u975e\u5e38\u306b\u8a73\u7d30\u306b\u306a\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"11080\">\n<td data-nodeid=\"11081\"><strong data-nodeid=\"11952\">\u5bfe\u8c61\u8005<\/strong><\/td>\n<td data-nodeid=\"11082\">\u3059\u3079\u3066\u306e\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc<\/td>\n<td data-nodeid=\"11083\">\u4e3b\u306b\u958b\u767a\u8005\u304a\u3088\u3073\u30a2\u30fc\u30ad\u30c6\u30af\u30c8<\/td>\n<\/tr>\n<tr data-nodeid=\"11084\">\n<td data-nodeid=\"11085\"><strong data-nodeid=\"11960\">\u8907\u96d1\u3055<\/strong><\/td>\n<td data-nodeid=\"11086\">\u30b7\u30f3\u30d7\u30eb\u3067\u8efd\u91cf<\/td>\n<td data-nodeid=\"11087\">\u9ad8\u3044\uff08\u5727\u5012\u3055\u308c\u308b\u53ef\u80fd\u6027\u304c\u3042\u308b\uff09<\/td>\n<\/tr>\n<tr data-nodeid=\"11088\">\n<td data-nodeid=\"11089\"><strong data-nodeid=\"11966\">\u4fdd\u5b88\u6027<\/strong><\/td>\n<td data-nodeid=\"11090\">\u7c21\u5358<\/td>\n<td data-nodeid=\"11091\">\u3057\u3070\u3057\u3070\u7121\u8996\u3055\u308c\u308b<\/td>\n<\/tr>\n<tr data-nodeid=\"11092\">\n<td data-nodeid=\"11093\"><strong data-nodeid=\"11972\">\u4f7f\u7528\u30b1\u30fc\u30b9<\/strong><\/td>\n<td data-nodeid=\"11094\">\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/td>\n<td data-nodeid=\"11095\">\u8a2d\u8a08\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u4f5c\u6210\u3001\u5206\u6790<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"11096\">\n<p data-nodeid=\"11097\">\u2705\u00a0<strong data-nodeid=\"11989\">\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306bC4\u3092\u4f7f\u7528\u3059\u308b<\/strong><br \/>\n\u2705\u00a0<strong data-nodeid=\"11990\">\u6df1\u3044\u8a2d\u8a08\uff08\u4f8b\uff1a\u72b6\u614b\u6a5f\u68b0\u3001\u30b7\u30fc\u30b1\u30f3\u30b9\u30d5\u30ed\u30fc\uff09\u306bUML\u3092\u4f7f\u7528\u3059\u308b<\/strong>\u00a0\u2014\u00a0<em data-nodeid=\"11991\">\u305f\u3060\u3057\u3001L4\u306eC4\u56f3\u5185\u3067\u306e\u307f<\/em><\/p>\n<\/blockquote>\n<hr data-nodeid=\"11098\"\/>\n<h2 data-nodeid=\"11099\">\ud83c\udf1f\u00a0<strong data-nodeid=\"11996\">\u5b9f\u4e16\u754c\u306e\u4f7f\u7528\u30b1\u30fc\u30b9<\/strong><\/h2>\n<h3 data-nodeid=\"11100\">\ud83c\udfe6\u00a0<strong data-nodeid=\"12001\">\u30d0\u30f3\u30ad\u30f3\u30b0\u30a2\u30d7\u30ea<\/strong><\/h3>\n<ul data-nodeid=\"11101\">\n<li data-nodeid=\"11102\">\n<p data-nodeid=\"11103\"><strong data-nodeid=\"12006\">L1<\/strong>: \u9867\u5ba2 \u2192 \u30d0\u30f3\u30ad\u30f3\u30b0\u30b7\u30b9\u30c6\u30e0 \u2192 \u652f\u6255\u3044\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4<\/p>\n<\/li>\n<li data-nodeid=\"11104\">\n<p data-nodeid=\"11105\"><strong data-nodeid=\"12011\">L2<\/strong>: Web\u30a2\u30d7\u30ea\u3001\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u3001DB\u3001\u4e0d\u6b63\u691c\u51fa\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9<\/p>\n<\/li>\n<li data-nodeid=\"11106\">\n<p data-nodeid=\"11107\"><strong data-nodeid=\"12016\">L3<\/strong>: \u8a8d\u8a3c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u30d7\u30ed\u30bb\u30c3\u30b5\u3001\u30a2\u30e9\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9<\/p>\n<\/li>\n<li data-nodeid=\"11108\">\n<p data-nodeid=\"11109\"><strong data-nodeid=\"12027\">L4<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"12021\">TransactionService.java<\/code>\u00a0\u3068\u00a0<code data-backticks=\"1\" data-nodeid=\"12023\">validate()<\/code>\u00a0\u3068\u00a0<code data-backticks=\"1\" data-nodeid=\"12025\">process()<\/code>\u00a0\u30e1\u30bd\u30c3\u30c9<\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"11110\">\ud83d\uded2\u00a0<strong data-nodeid=\"12032\">E-\u30b3\u30de\u30fc\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/strong><\/h3>\n<ul data-nodeid=\"11111\">\n<li data-nodeid=\"11112\">\n<p data-nodeid=\"11113\"><strong data-nodeid=\"12037\">L1<\/strong>: \u30ab\u30b9\u30bf\u30de\u30fc \u2192 E-\u30b3\u30de\u30fc\u30b9\u30b7\u30b9\u30c6\u30e0 \u2192 \u652f\u6255\u3044\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4 \u2192 \u5728\u5eab\u30b7\u30b9\u30c6\u30e0<\/p>\n<\/li>\n<li data-nodeid=\"11114\">\n<p data-nodeid=\"11115\"><strong data-nodeid=\"12042\">L2<\/strong>: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3001API\u30b2\u30fc\u30c8\u30a6\u30a7\u30a4\u3001\u6ce8\u6587\u30b5\u30fc\u30d3\u30b9\u3001\u5728\u5eab\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/p>\n<\/li>\n<li data-nodeid=\"11116\">\n<p data-nodeid=\"11117\"><strong data-nodeid=\"12047\">L3<\/strong>: \u30ab\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\u3001\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30e1\u30fc\u30eb\u30b5\u30fc\u30d3\u30b9<\/p>\n<\/li>\n<li data-nodeid=\"11118\">\n<p data-nodeid=\"11119\"><strong data-nodeid=\"12057\">L4<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"12052\">CheckoutService<\/code>\u00a0\u3068\u00a0<code data-backticks=\"1\" data-nodeid=\"12054\">applyPromo()<\/code>\u00a0\u3068\u00a0<code data-backticks=\"1\" data-nodeid=\"12056\">sendReceipt()<\/code><\/p>\n<\/li>\n<\/ul>\n<h3 data-nodeid=\"11120\">\ud83e\udde0\u00a0<strong data-nodeid=\"12062\">AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/strong><\/h3>\n<ul data-nodeid=\"11121\">\n<li data-nodeid=\"11122\">\n<p data-nodeid=\"11123\"><strong data-nodeid=\"12067\">L1<\/strong>: \u30e6\u30fc\u30b6\u30fc \u2192 \u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8 \u2192 NLP\u30a8\u30f3\u30b8\u30f3 \u2192 \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9<\/p>\n<\/li>\n<li data-nodeid=\"11124\">\n<p data-nodeid=\"11125\"><strong data-nodeid=\"12072\">L2<\/strong>: Web\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3001\u30dc\u30c3\u30c8API\u3001NLP\u30de\u30a4\u30af\u30ed\u30b5\u30fc\u30d3\u30b9\u3001Redis\u30ad\u30e3\u30c3\u30b7\u30e5<\/p>\n<\/li>\n<li data-nodeid=\"11126\">\n<p data-nodeid=\"11127\"><strong data-nodeid=\"12077\">L3<\/strong>: \u30e1\u30c3\u30bb\u30fc\u30b8\u30cf\u30f3\u30c9\u30e9\u3001\u610f\u56f3\u5206\u985e\u5668\u3001\u5fdc\u7b54\u751f\u6210\u5668<\/p>\n<\/li>\n<li data-nodeid=\"11128\">\n<p data-nodeid=\"11129\"><strong data-nodeid=\"12086\">L4<\/strong>:\u00a0<code data-backticks=\"1\" data-nodeid=\"12082\">IntentClassifier<\/code>\u00a0\u30af\u30e9\u30b9\u306b\u00a0<code data-backticks=\"1\" data-nodeid=\"12084\">predict()<\/code>\u00a0\u30e1\u30bd\u30c3\u30c9<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"11130\"\/>\n<h2 data-nodeid=\"11131\">\ud83d\udcda\u00a0<strong data-nodeid=\"12091\">\u3055\u3089\u306b\u5b66\u3076\u305f\u3081\u306e\u30ea\u30bd\u30fc\u30b9<\/strong><\/h2>\n<ul>\n<li data-nodeid=\"12934\"><a data-nodeid=\"12954\" href=\"https:\/\/blog.visual-paradigm.com\/beginners-guide-to-c4-model-diagrams\/\">C4\u30e2\u30c7\u30eb \u2013 \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u306e\u305f\u3081\u306e\u521d\u5fc3\u8005\u30ac\u30a4\u30c9<\/a>: C4\u30e2\u30c7\u30eb\u306e\u5305\u62ec\u7684\u306a\u7d39\u4ecb\u3067\u3042\u308a\u3001\u305d\u306e4\u3064\u306e\u30ec\u30d9\u30eb\uff08\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u3001\u30b3\u30f3\u30c6\u30ca\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3001\u30b3\u30fc\u30c9\uff09\u3092\u8aac\u660e\u3057\u3001\u30c1\u30fc\u30e0\u9593\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3088\u308a\u826f\u304f\u3059\u308b\u305f\u3081\u306b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u53ef\u8996\u5316\u3092\u7c21\u7d20\u5316\u3059\u308b\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12935\"><a data-nodeid=\"12961\" href=\"https:\/\/blog.visual-paradigm.com\/what-is-c4-model\/\">C4\u30e2\u30c7\u30eb\u3068\u306f\u4f55\u304b\uff1f<\/a>: C4\u30e2\u30c7\u30eb\u306e\u6982\u8981\u3067\u3042\u308a\u3001\u958b\u767a\u30c1\u30fc\u30e0\u304a\u3088\u3073\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u9593\u3067\u306e\u660e\u78ba\u3055\u3001\u5354\u50cd\u3001\u6587\u66f8\u5316\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u3092\u69cb\u9020\u5316\u3059\u308b\u76ee\u7684\u3092\u8a73\u3057\u304f\u8aac\u660e\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12936\"><a data-nodeid=\"12968\" href=\"https:\/\/www.archimetric.com\/the-ultimate-guide-to-c4-model-visualization-with-visual-paradigms-ai-tools\/\">Visual Paradigm\u306eAI\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u305fC4\u30e2\u30c7\u30eb\u53ef\u8996\u5316\u306e\u7a76\u6975\u306e\u30ac\u30a4\u30c9<\/a>: Visual Paradigm\u5185\u3067\u306eAI\u99c6\u52d5\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u3066C4\u30e2\u30c7\u30eb\u56f3\u3092\u4f5c\u6210\u30fb\u6539\u5584\u3059\u308b\u305f\u3081\u306e\u8a73\u7d30\u30ac\u30a4\u30c9\u3067\u3042\u308a\u3001\u3088\u308a\u901f\u304f\u3001\u3088\u308a\u6b63\u78ba\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u6587\u66f8\u4f5c\u6210\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12937\"><a data-nodeid=\"12975\" href=\"https:\/\/www.archimetric.com\/the-c4-model-a-comprehensive-guide-to-visualizing-software-architecture-with-ai-powered-tools\/\">C4\u30e2\u30c7\u30eb\uff1aAI\u99c6\u52d5\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u305f\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u53ef\u8996\u5316\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9<\/a>: \u73fe\u4ee3\u306e\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u8a2d\u8a08\u306b\u304a\u3051\u308bC4\u30e2\u30c7\u30eb\u306e\u5fdc\u7528\u306b\u3064\u3044\u3066\u306e\u5305\u62ec\u7684\u306a\u63a2\u6c42\u3067\u3042\u308a\u3001AI\u5f37\u5316\u30c4\u30fc\u30eb\u304c\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u306e\u4f5c\u6210\u3068\u7dad\u6301\u3092\u3069\u306e\u3088\u3046\u306b\u7c21\u7d20\u5316\u3059\u308b\u304b\u306b\u7126\u70b9\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12938\"><a data-nodeid=\"12982\" href=\"https:\/\/www.qualitymag.com\/articles\/97686-a-quick-guide-to-choosing-machine-vision-for-collaborative-applications\">\u5171\u540c\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5411\u3051\u6a5f\u68b0\u8996\u899a\u306e\u9078\u5b9a\u306e\u305f\u3081\u306e\u30af\u30a4\u30c3\u30af\u30ac\u30a4\u30c9<\/a>: \u30b3\u30e9\u30dc\u30e9\u30c6\u30a3\u30d6\u30ed\u30dc\u30c6\u30a3\u30af\u30b9\u304a\u3088\u3073\u7523\u696d\u81ea\u52d5\u5316\u5411\u3051\u306e\u6a5f\u68b0\u8996\u899a\u30b7\u30b9\u30c6\u30e0\u3092\u9078\u5b9a\u3059\u308b\u305f\u3081\u306e\u5b9f\u7528\u7684\u306a\u30ac\u30a4\u30c9\u3067\u3042\u308a\u3001\u6027\u80fd\u3001\u7d71\u5408\u3001\u9ad8\u5ea6\u306a3D\u30d3\u30b8\u30e7\u30f3\u6a5f\u80fd\u306b\u91cd\u70b9\u3092\u7f6e\u3044\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12939\"><a data-nodeid=\"12989\" href=\"https:\/\/archimate.visual-paradigm.com\/2025\/02\/04\/togaf-and-archimate-an-integrated-approach\/\">TOGAF\u3068ArchiMate\uff1a\u7d71\u5408\u7684\u306a\u30a2\u30d7\u30ed\u30fc\u30c1<\/a>: Visual Paradigm\u5185\u3067\u306eTOGAF\u3068ArchiMate\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u7d71\u5408\u306b\u3064\u3044\u3066\u306e\u8a73\u7d30\u306a\u5206\u6790\u3067\u3042\u308a\u3001\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u30c1\u30a7\u30c3\u30af\u3068\u30e2\u30c7\u30eb\u6574\u5408\u6027\u304c\u4f01\u696d\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u6a19\u6e96\u304a\u3088\u3073\u8981\u4ef6\u3068\u306e\u6574\u5408\u6027\u3092\u4fdd\u8a3c\u3059\u308b\u65b9\u6cd5\u3092\u5f37\u8abf\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12940\"><a data-nodeid=\"12996\" href=\"https:\/\/online.visual-paradigm.com\/diagrams\/features\/c4-model-tool\/\">C4\u30e2\u30c7\u30eb\u30c4\u30fc\u30eb \u2013 Visual Paradigm Online<\/a>: Visual Paradigm Online\u3067\u5229\u7528\u53ef\u80fd\u306aC4\u30e2\u30c7\u30eb\u30c4\u30fc\u30eb\u306e\u6982\u8981\u3067\u3042\u308a\u3001\u56f3\u306e\u4f5c\u6210\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u30b5\u30dd\u30fc\u30c8\u3001\u5206\u6563\u30c1\u30fc\u30e0\u5411\u3051\u306e\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u30c4\u30fc\u30eb\u306a\u3069\u306e\u6a5f\u80fd\u3092\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12941\"><a data-nodeid=\"13003\" href=\"https:\/\/updates.visual-paradigm.com\/releases\/visual-paradigm-full-c4-model-support\/\">Visual Paradigm\u306b\u304a\u3051\u308b\u5b8c\u5168\u306aC4\u30e2\u30c7\u30eb\u5bfe\u5fdc<\/a>: Visual Paradigm\u306b\u304a\u3051\u308bC4\u30e2\u30c7\u30eb\u306e\u5305\u62ec\u7684\u306a\u5bfe\u5fdc\u306b\u3064\u3044\u3066\u306e\u30ea\u30ea\u30fc\u30b9\u30ce\u30fc\u30c8\u3067\u3042\u308a\u3001\u5f37\u5316\u3055\u308c\u305f\u56f3\u4f5c\u6210\u6a5f\u80fd\u3001\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3001\u304a\u3088\u3073\u4ed6\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30e2\u30c7\u30ea\u30f3\u30b0\u6a5f\u80fd\u3068\u306e\u7d71\u5408\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12942\"><a data-nodeid=\"13010\" href=\"https:\/\/www.visual-paradigm.com\/features\/c4-diagram-tool\/\">C4\u56f3\u30c4\u30fc\u30eb \u2013 Visual Paradigm<\/a>: Visual Paradigm\u306eC4\u56f3\u30c4\u30fc\u30eb\u306e\u6a5f\u80fd\u3092\u6982\u8aac\u3059\u308b\u6a5f\u80fd\u30da\u30fc\u30b8\u3067\u3042\u308a\u3001C4\u30e2\u30c7\u30eb\u306e4\u3064\u306e\u30ec\u30d9\u30eb\u3059\u3079\u3066\u306e\u30b5\u30dd\u30fc\u30c8\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30b3\u30e9\u30dc\u30ec\u30fc\u30b7\u30e7\u30f3\u3001\u6587\u66f8\u5316\u7528\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u542b\u3093\u3067\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12943\"><a data-nodeid=\"13017\" href=\"https:\/\/blog.visual-paradigm.com\/unveiling-the-power-of-c4-model-simplifying-software-architecture-diagrams\/\">C4\u30e2\u30c7\u30eb\u306e\u529b\u3092\u89e3\u304d\u660e\u304b\u3059\uff1a\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u306e\u7c21\u7d20\u5316<\/a>: C4\u30e2\u30c7\u30eb\u304c\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u306e\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306b\u304a\u3051\u308b\u8907\u96d1\u6027\u3092\u3069\u306e\u3088\u3046\u306b\u8efd\u6e1b\u3059\u308b\u304b\u306b\u3064\u3044\u3066\u306e\u8b70\u8ad6\u3067\u3042\u308a\u3001\u958b\u767a\u8005\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u3001\u975e\u6280\u8853\u7684\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u304c\u30b7\u30b9\u30c6\u30e0\u8a2d\u8a08\u3092\u7406\u89e3\u3057\u3084\u3059\u304f\u3059\u308b\u70b9\u3092\u5f37\u8abf\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12944\"><a data-nodeid=\"13024\" href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-diagram-generator-complete-c4-model\/\">AI\u56f3\u751f\u6210\u30c4\u30fc\u30eb\uff1a\u5b8c\u5168\u306aC4\u30e2\u30c7\u30eb\u5bfe\u5fdc<\/a>: \u81ea\u7136\u8a00\u8a9e\u5165\u529b\u304b\u3089C4\u30e2\u30c7\u30eb\u56f3\u306e\u4f5c\u6210\u3092\u81ea\u52d5\u5316\u3059\u308bAI\u642d\u8f09\u306e\u56f3\u751f\u6210\u6a5f\u80fd\u3092\u7d71\u5408\u3057\u305f\u30ea\u30ea\u30fc\u30b9\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3067\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u4f5c\u6210\u3092\u5927\u5e45\u306b\u9ad8\u901f\u5316\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12945\"><a data-nodeid=\"13033\" href=\"https:\/\/updates.visual-paradigm.com\/releases\/ai-powered-c4-plantuml-markdown-editor\/\">AI\u642d\u8f09\u306eC4 PlantUML\u304a\u3088\u3073Markdown\u30a8\u30c7\u30a3\u30bf<\/a>: PlantUML\u304a\u3088\u3073Markdown\u3092\u4ecb\u3057\u3066C4\u56f3\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308bAI\u5f37\u5316\u30a8\u30c7\u30a3\u30bf\u306e\u7279\u5fb4\u7d39\u4ecb\u3002\u958b\u767a\u8005\u304c\u30b3\u30fc\u30c9\u98a8\u306e\u69cb\u6587\u304b\u3089\u56f3\u3092\u751f\u6210\u3067\u304d\u3001\u30a4\u30f3\u30c6\u30ea\u30b8\u30a7\u30f3\u30c8\u306a\u63d0\u6848\u3068\u81ea\u52d5\u88dc\u5b8c\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12946\"><a data-nodeid=\"13040\" href=\"https:\/\/www.visual-paradigm.com\/features\/c4-plantuml-studio\/\">C4 PlantUML Studio \u2013 Visual Paradigm<\/a>: C4 PlantUML Studio\u306e\u6a5f\u80fd\u8aac\u660e\u3002\u30e6\u30fc\u30b6\u30fc\u306fPlantUML\u69cb\u6587\u3092\u4f7f\u3063\u3066C4\u56f3\u3092\u8a18\u8ff0\u3067\u304d\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306e\u53ef\u8996\u5316\u3001\u69cb\u6587\u691c\u8a3c\u3001AI\u99c6\u52d5\u306e\u652f\u63f4\u3092\u53d7\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<li data-nodeid=\"12947\"><a data-nodeid=\"13047\" href=\"https:\/\/www.archimetric.com\/leveraging-visual-paradigm-s-ai-c4-studio-a-comprehensive-guide-to-streamlined-architectural-documentation\/\">Visual Paradigm\u306eAI C4 Studio\u3092\u6d3b\u7528\u3059\u308b\uff1a\u30b9\u30e0\u30fc\u30ba\u306a\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u4f5c\u6210\u306e\u5305\u62ec\u7684\u30ac\u30a4\u30c9<\/a>: Visual Paradigm\u306eAI C4 Studio\u304c\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u56f3\u306e\u4f5c\u6210\u3092\u52a0\u901f\u3057\u3001\u4e00\u8cab\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u958b\u767a\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u306b\u30b9\u30e0\u30fc\u30ba\u306b\u7d71\u5408\u3055\u308c\u308b\u4ed5\u7d44\u307f\u3092\u8aac\u660e\u3059\u308b\u30ac\u30a4\u30c9\u3002<\/li>\n<li data-nodeid=\"12948\"><a data-nodeid=\"13054\" href=\"https:\/\/www.visual-paradigm.com\/features\/ai-chatbot\/\">Visual Paradigm\u306eAI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8 \u2013 \u6a5f\u80fd\u3068\u5229\u7528\u4e8b\u4f8b<\/a>: Visual Paradigm\u306eAI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u6a5f\u80fd\u306e\u6982\u8981\u3002\u81ea\u7136\u8a00\u8a9e\u306b\u3088\u308b\u5bfe\u8a71\u3067\u3001\u56f3\u306e\u751f\u6210\u3001\u8aac\u660e\u6587\u306e\u4f5c\u6210\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30e2\u30c7\u30ea\u30f3\u30b0\u30bf\u30b9\u30af\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u652f\u63f4\u3059\u308b\u8a2d\u8a08\u3067\u3059\u3002<\/li>\n<li data-nodeid=\"12949\"><a data-nodeid=\"13061\" href=\"https:\/\/www.youtube.com\/watch?v=wQ2FYYH1G0A\">\u5b9f\u8df5\u306b\u304a\u3051\u308bC4\u30e2\u30c7\u30eb \u2013 \u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/a>: Visual Paradigm\u3092\u4f7f\u7528\u3057\u3066C4\u30e2\u30c7\u30eb\u56f3\u3092\u4f5c\u6210\u30fb\u7ba1\u7406\u3059\u308b\u65b9\u6cd5\u3092\u30b9\u30c6\u30c3\u30d7\u30d0\u30a4\u30b9\u30c6\u30c3\u30d7\u3067\u7d39\u4ecb\u3059\u308b\u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3002\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u30d3\u30e5\u30fc\u306e\u6574\u7406\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3084\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3068\u306e\u5171\u6709\u65b9\u6cd5\u3082\u542b\u307f\u307e\u3059\u3002<\/li>\n<\/ul>\n<hr data-nodeid=\"11143\"\/>\n<h2 data-nodeid=\"11144\">\u2705\u00a0<strong data-nodeid=\"12135\">\u6700\u7d42\u30c1\u30a7\u30c3\u30af\u30ea\u30b9\u30c8\uff1aC4\u3092\u6b63\u3057\u304f\u4f7f\u3063\u3066\u3044\u307e\u3059\u304b\uff1f<\/strong><\/h2>\n<ul data-nodeid=\"11145\">\n<li class=\"task-list-item\" data-nodeid=\"11146\" data-task=\"\">\n<p data-nodeid=\"11147\">\u56f3\u306f<strong data-nodeid=\"12141\">\u968e\u5c64\u7684<\/strong>\uff08L1 \u2192 L4\uff09\u3002<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11148\" data-task=\"\">\n<p data-nodeid=\"11149\">\u5404\u30ec\u30d9\u30eb\u306f<strong data-nodeid=\"12147\">\u5fc5\u8981\u6700\u4f4e\u9650\u306e\u60c5\u5831\u306e\u307f\u3092\u793a\u3059<\/strong>\u8996\u8074\u8005\u306b\u3068\u3063\u3066\u5fc5\u8981\u306a\u3082\u306e\u306e\u307f\u3092\u793a\u3059\u3002<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11150\" data-task=\"\">\n<p data-nodeid=\"11151\">L1\uff5eL3\u3067\u306fUML\u3092\u4f7f\u7528\u3057\u306a\u3044\uff08\u660e\u78ba\u306b\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u5834\u5408\u3092\u9664\u304f\uff09\u3002<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11152\" data-task=\"\">\n<p data-nodeid=\"11153\">\u56f3\u306f<strong data-nodeid=\"12156\">30\u79d2\u4ee5\u5185\u306b\u7406\u89e3\u3067\u304d\u308b<\/strong>.<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11154\" data-task=\"\">\n<p data-nodeid=\"11155\">\u3042\u306a\u305f\u306f<strong data-nodeid=\"12162\">\u4e00\u8cab\u3057\u305f\u547d\u540d\u3068\u5f62\u72b6\u3092\u4f7f\u7528\u3059\u308b<\/strong>.<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11156\" data-task=\"\">\n<p data-nodeid=\"11157\">\u56f3\u306f<strong data-nodeid=\"12168\">\u30d0\u30fc\u30b8\u30e7\u30f3\u7ba1\u7406\u3055\u308c\u3066\u3044\u308b<\/strong>\uff08\u4f8b\uff1aGit\u306a\u3069\uff09\u3002<\/p>\n<\/li>\n<li class=\"task-list-item\" data-nodeid=\"11158\" data-task=\"\">\n<p data-nodeid=\"11159\">\u3042\u306a\u305f\u306f<strong data-nodeid=\"12174\">\u30ec\u30d3\u30e5\u30fc<\/strong>\u30b9\u30c6\u30fc\u30af\u30db\u30eb\u30c0\u30fc\u3068\u5171\u6709\u3059\u308b\u3002<\/p>\n<\/li>\n<\/ul>\n<hr data-nodeid=\"11160\"\/>\n<h2 data-nodeid=\"11161\">\ud83c\udfaf \u6982\u8981\uff1aC4\u306e\u529b<\/h2>\n<table data-nodeid=\"11163\">\n<thead data-nodeid=\"11164\">\n<tr data-nodeid=\"11165\">\n<th data-nodeid=\"11167\">\u30ec\u30d9\u30eb<\/th>\n<th data-nodeid=\"11168\">\u7126\u70b9<\/th>\n<th data-nodeid=\"11169\">\u5bfe\u8c61\u8005<\/th>\n<\/tr>\n<\/thead>\n<tbody data-nodeid=\"11173\">\n<tr data-nodeid=\"11174\">\n<td data-nodeid=\"11175\"><strong data-nodeid=\"12182\">L1\uff1a\u30b7\u30b9\u30c6\u30e0\u306e\u6587\u8108<\/strong><\/td>\n<td data-nodeid=\"11176\">\u5168\u4f53\u50cf<\/td>\n<td data-nodeid=\"11177\">\u7d4c\u55b6\u9663\u3001\u30d7\u30ed\u30c0\u30af\u30c8\u30de\u30cd\u30fc\u30b8\u30e3\u30fc<\/td>\n<\/tr>\n<tr data-nodeid=\"11178\">\n<td data-nodeid=\"11179\"><strong data-nodeid=\"12188\">L2\uff1a\u30b3\u30f3\u30c6\u30ca<\/strong><\/td>\n<td data-nodeid=\"11180\">\u6280\u8853\u7684\u306a\u69cb\u6210\u8981\u7d20<\/td>\n<td data-nodeid=\"11181\">\u30a2\u30fc\u30ad\u30c6\u30af\u30c8\u3001DevOps\u62c5\u5f53\u8005<\/td>\n<\/tr>\n<tr data-nodeid=\"11182\">\n<td data-nodeid=\"11183\"><strong data-nodeid=\"12194\">L3\uff1a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/strong><\/td>\n<td data-nodeid=\"11184\">\u5185\u90e8\u8ad6\u7406<\/td>\n<td data-nodeid=\"11185\">\u958b\u767a\u8005<\/td>\n<\/tr>\n<tr data-nodeid=\"11186\">\n<td data-nodeid=\"11187\"><strong data-nodeid=\"12200\">L4\uff1a\u30b3\u30fc\u30c9<\/strong><\/td>\n<td data-nodeid=\"11188\">\u5b9f\u969b\u306e\u5b9f\u88c5<\/td>\n<td data-nodeid=\"11189\">\u30b7\u30cb\u30a2\u958b\u767a\u8005\u3001\u30ec\u30d3\u30e5\u30fc\u62c5\u5f53\u8005<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<blockquote data-nodeid=\"11190\">\n<p data-nodeid=\"11191\">\u2705\u00a0<strong data-nodeid=\"12207\">C4\u306f\u5358\u306a\u308b\u56f3\u793a\u30c4\u30fc\u30eb\u3067\u306f\u306a\u304f\u3001\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u6226\u7565\u3067\u3059\u3002<\/strong><\/p>\n<\/blockquote>\n<p data-nodeid=\"11192\">\u62bd\u8c61\u7684\u306a\u30b7\u30b9\u30c6\u30e0\u3092<strong data-nodeid=\"12213\">\u5171\u6709\u3055\u308c\u305f\u7406\u89e3<\/strong>\u306b\u5909\u63db\u3057\u3001\u8aa4\u89e3\u3092\u6e1b\u3089\u3057\u3001\u30c1\u30fc\u30e0\u304c\u3088\u308a\u826f\u3044\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u3092\u3088\u308a\u8fc5\u901f\u306b\u69cb\u7bc9\u3059\u308b\u306e\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n<hr data-nodeid=\"11193\"\/>\n<h2 data-nodeid=\"11194\">\ud83d\udce3 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u53ef\u8996\u5316\u3059\u308b\u6e96\u5099\u306f\u3067\u304d\u307e\u3057\u305f\u304b\uff1f<\/h2>\n<p data-nodeid=\"11195\">\ud83d\udc49\u00a0<strong data-nodeid=\"12220\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044<\/strong>\u3001\u305d\u3057\u3066\u79c1\u304c\u751f\u6210\u3057\u307e\u3059\uff1a<\/p>\n<ul data-nodeid=\"11196\">\n<li data-nodeid=\"11197\">\n<p data-nodeid=\"11198\">A<strong data-nodeid=\"12226\">\u30b7\u30b9\u30c6\u30e0\u306e\u6587\u8108\uff08L1\uff09<\/strong>\u56f3<\/p>\n<\/li>\n<li data-nodeid=\"11199\">\n<p data-nodeid=\"11200\">A\u00a0<strong data-nodeid=\"12232\">\u30b3\u30f3\u30c6\u30ca (L2)<\/strong>\u00a0\u56f3<\/p>\n<\/li>\n<li data-nodeid=\"11201\">\n<p data-nodeid=\"11202\">A\u00a0<strong data-nodeid=\"12238\">\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8 (L3)<\/strong>\u00a0\u56f3\uff081\u3064\u306e\u4e3b\u8981\u306a\u30b3\u30f3\u30c6\u30ca\u7528\uff09<\/p>\n<\/li>\n<li data-nodeid=\"11203\">\n<p data-nodeid=\"11204\">\u30aa\u30d7\u30b7\u30e7\u30f3\uff1a\u00a0<strong data-nodeid=\"12244\">\u30b3\u30fc\u30c9 (L4)<\/strong>\u00a0\u30b9\u30cb\u30da\u30c3\u30c8<\/p>\n<\/li>\n<\/ul>\n<p data-nodeid=\"11205\">\u305f\u3060\u8a00\u3046\u3060\u3051\uff1a<\/p>\n<blockquote data-nodeid=\"11206\">\n<p data-nodeid=\"11207\"><em data-nodeid=\"12255\">\u300c\u79c1\u306e[\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d]\u7528\u306bC4\u30e2\u30c7\u30eb\u3092\u4f5c\u6210\u3057\u3066\u307b\u3057\u3044\uff01\u300d<\/em><\/p>\n<\/blockquote>\n<p data-nodeid=\"11208\">\u4e00\u3064\u305a\u3064\u56f3\u3092\u63cf\u304d\u306a\u304c\u3089\u3001\u660e\u78ba\u3055\u3092\u69cb\u7bc9\u3057\u3088\u3046\u3002 \ud83c\udfa8\u2728<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u300c\u4e00\u679a\u306e\u7d75\u306f\u5343\u306e\u8a00\u8449\u306b\u5339\u6575\u3059\u308b\u304c\u3001\u6b63\u3057\u3044\u7d75\u3067\u306a\u3051\u308c\u3070\u610f\u5473\u304c\u306a&hellip;<\/p>\n","protected":false},"author":2,"featured_media":1604,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","fifu_image_url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png","fifu_image_alt":"","footnotes":""},"categories":[61,62,65],"tags":[],"class_list":["post-1603","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-ai-chatbot","category-c4-model"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates<\/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.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates\" \/>\n<meta property=\"og:description\" content=\"\u300c\u4e00\u679a\u306e\u7d75\u306f\u5343\u306e\u8a00\u8449\u306b\u5339\u6575\u3059\u308b\u304c\u3001\u6b63\u3057\u3044\u7d75\u3067\u306a\u3051\u308c\u3070\u610f\u5473\u304c\u306a&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\" \/>\n<meta property=\"og:site_name\" content=\"Viz Note Japanese - AI Insights &amp; Software Industry Updates\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-20T07:00:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png\" \/><meta property=\"og:image\" content=\"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png\" \/>\n\t<meta property=\"og:image:width\" content=\"471\" \/>\n\t<meta property=\"og:image:height\" content=\"933\" \/>\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.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.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=\"9\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\"},\"author\":{\"name\":\"curtis\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7\"},\"headline\":\"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b\",\"datePublished\":\"2026-03-20T07:00:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\"},\"wordCount\":239,\"publisher\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png\",\"articleSection\":[\"AI\",\"AI Chatbot\",\"C4 Model\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\",\"url\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\",\"name\":\"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates\",\"isPartOf\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png\",\"datePublished\":\"2026-03-20T07:00:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage\",\"url\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png\",\"contentUrl\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png\",\"width\":471,\"height\":933},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.viz-note.com\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/#website\",\"url\":\"https:\/\/www.viz-note.com\/ja\/\",\"name\":\"Viz Note Japanese - AI Insights &amp; Software Industry Updates\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.viz-note.com\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/#organization\",\"name\":\"Viz Note Japanese - AI Insights &amp; Software Industry Updates\",\"url\":\"https:\/\/www.viz-note.com\/ja\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2025\/03\/cropped-viz-note-logo.png\",\"contentUrl\":\"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2025\/03\/cropped-viz-note-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Viz Note Japanese - AI Insights &amp; Software Industry Updates\"},\"image\":{\"@id\":\"https:\/\/www.viz-note.com\/ja\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.viz-note.com\/ja\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7\",\"name\":\"curtis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.viz-note.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.viz-note.com\/ja\/author\/curtis\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates","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.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/","og_locale":"ja_JP","og_type":"article","og_title":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates","og_description":"\u300c\u4e00\u679a\u306e\u7d75\u306f\u5343\u306e\u8a00\u8449\u306b\u5339\u6575\u3059\u308b\u304c\u3001\u6b63\u3057\u3044\u7d75\u3067\u306a\u3051\u308c\u3070\u610f\u5473\u304c\u306a&hellip;","og_url":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/","og_site_name":"Viz Note Japanese - AI Insights &amp; Software Industry Updates","article_published_time":"2026-03-20T07:00:55+00:00","og_image":[{"url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png","type":"","width":"","height":""},{"width":471,"height":933,"url":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png","type":"image\/png"}],"author":"curtis","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.viz-note.com\/wp-content\/uploads\/2026\/03\/img_69ae4c34dd621.png","twitter_misc":{"\u57f7\u7b46\u8005":"curtis","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"9\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#article","isPartOf":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/"},"author":{"name":"curtis","@id":"https:\/\/www.viz-note.com\/ja\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7"},"headline":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b","datePublished":"2026-03-20T07:00:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/"},"wordCount":239,"publisher":{"@id":"https:\/\/www.viz-note.com\/ja\/#organization"},"image":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png","articleSection":["AI","AI Chatbot","C4 Model"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/","url":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/","name":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b - Viz Note Japanese - AI Insights &amp; Software Industry Updates","isPartOf":{"@id":"https:\/\/www.viz-note.com\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage"},"image":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage"},"thumbnailUrl":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png","datePublished":"2026-03-20T07:00:55+00:00","breadcrumb":{"@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#primaryimage","url":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png","contentUrl":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2026\/03\/img_69ae4c34dd621.png","width":471,"height":933},{"@type":"BreadcrumbList","@id":"https:\/\/www.viz-note.com\/ja\/the-complete-guide-to-the-c4-model-visualizing-software-architecture-with-clarity-and-purpose\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.viz-note.com\/ja\/"},{"@type":"ListItem","position":2,"name":"C4\u30e2\u30c7\u30eb\u306e\u5b8c\u5168\u30ac\u30a4\u30c9\uff1a\u660e\u78ba\u3055\u3068\u76ee\u7684\u3092\u6301\u3063\u3066\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u53ef\u8996\u5316\u3059\u308b"}]},{"@type":"WebSite","@id":"https:\/\/www.viz-note.com\/ja\/#website","url":"https:\/\/www.viz-note.com\/ja\/","name":"Viz Note Japanese - AI Insights &amp; Software Industry Updates","description":"","publisher":{"@id":"https:\/\/www.viz-note.com\/ja\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.viz-note.com\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/www.viz-note.com\/ja\/#organization","name":"Viz Note Japanese - AI Insights &amp; Software Industry Updates","url":"https:\/\/www.viz-note.com\/ja\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.viz-note.com\/ja\/#\/schema\/logo\/image\/","url":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2025\/03\/cropped-viz-note-logo.png","contentUrl":"https:\/\/www.viz-note.com\/ja\/wp-content\/uploads\/sites\/4\/2025\/03\/cropped-viz-note-logo.png","width":512,"height":512,"caption":"Viz Note Japanese - AI Insights &amp; Software Industry Updates"},"image":{"@id":"https:\/\/www.viz-note.com\/ja\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.viz-note.com\/ja\/#\/schema\/person\/590eb7ad79bca8c04f3ff20056ffaba7","name":"curtis","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.viz-note.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.viz-note.com\/ja\/author\/curtis\/"}]}},"_links":{"self":[{"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/posts\/1603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/comments?post=1603"}],"version-history":[{"count":0,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/posts\/1603\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/media\/1604"}],"wp:attachment":[{"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/media?parent=1603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/categories?post=1603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.viz-note.com\/ja\/wp-json\/wp\/v2\/tags?post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}