{"version":"1.0","provider_name":"Learn VP","provider_url":"https:\/\/www.learn-vp.com\/ja","author_name":"vpadmin","author_url":"https:\/\/www.learn-vp.com\/ja\/author\/vpadmin\/","title":"The Evolution of Architecture Documentation: From Static to Diagram-as-Code - Learn VP","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"mZ4Semf1ly\"><a href=\"https:\/\/www.learn-vp.com\/ja\/gallery\/diagram-as-code-with-native-ai\/\">The Evolution of Architecture Documentation: From Static to Diagram-as-Code<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.learn-vp.com\/ja\/gallery\/diagram-as-code-with-native-ai\/embed\/#?secret=mZ4Semf1ly\" width=\"600\" height=\"338\" title=\"&#8220;The Evolution of Architecture Documentation: From Static to Diagram-as-Code&#8221; &#8212; Learn VP\" data-secret=\"mZ4Semf1ly\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.learn-vp.com\/ja\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/www.archimetric.com\/wp-content\/uploads\/2026\/08\/img_6a85229792609.png","thumbnail_width":1024,"thumbnail_height":1024,"description":"The evolution of software architecture documentation has shifted decisively toward \"Diagram-as-Code\" (DaC), yet many tools still treat Artificial Intelligence as an external novelty rather than a core utility. Visual Paradigm\u2019s VPasCode represents a paradigm shift in this space by embedding native AI-powered utilities directly into the workspace interface.  Unlike traditional setups that require toggling between chat windows and code editors, VPasCode allows users to generate, troubleshoot, modify, and translate diagram scripts natively on the canvas. This guide explores how these integrated AI features streamline the modeling process, turning natural language intent into precise, renderable technical diagrams without breaking workflow momentum."}