{"id":83,"date":"2026-05-26T07:26:49","date_gmt":"2026-05-26T07:26:49","guid":{"rendered":"https:\/\/www.vpascode.com\/ja\/docs\/uncategorized\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/"},"modified":"2026-07-29T08:30:31","modified_gmt":"2026-07-29T08:30:31","slug":"plantuml-timing-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/","title":{"rendered":"PlantUML Timing Diagram Syntax Guide"},"content":{"rendered":"<h2>What is a Timing Diagram?<\/h2>\n<p>A <strong>Timing Diagram<\/strong> is a specialized behavioral <strong>UML diagram<\/strong> designed to visualize the exact duration of states and the precise conditions under which those states change along a linear timeline. As an essential part of the Unified Modeling Language (UML) specification, this specific <strong>UML diagram type<\/strong> focuses heavily on hard time constraints, clock cycles, and wave signals. It tracks waveforms or step-lines to illustrate exactly how long an object remains in a specific condition before an external trigger shifts its state.<\/p>\n<p>Timing maps are widely used by embedded systems engineers, network protocol developers, and hardware architects to model race conditions, track thread lifecycle changes, or map hardware register transitions. With <strong>VPasCode<\/strong>, you don&#8217;t have to manually calculate pixel widths or map timeline coordinates. Our rendering engine handles the entire temporal grid automatically based on your plain-text scripts.<\/p>\n<h2>Core Syntax Guide: Elements and Constructs<\/h2>\n<p>To design an accurate, standards-compliant UML timing diagram in PlantUML, you need to master participant types, state definitions, time intervals, and synchronization constraints.<\/p>\n<h3>1. Declaring Participants (Robust vs. Concise)<\/h3>\n<p>You can model timelines using two distinct visual styles depending on how much detail your system requires. You must declare them using explicit keywords:<\/p>\n<ul>\n<li><strong>Robust Timelines:<\/strong> Displays states as distinct, stacked rows. Ideal for high-level software processes.\n<pre><code>robust \"Application Thread\" as Thread<\/code><\/pre>\n<\/li>\n<li><strong>Concise Timelines:<\/strong> Displays states along a single flat line, using cross-hatched blocks to indicate changes. Perfect for compact hardware signal maps.\n<pre><code>concise \"CPU Register\" as Reg<\/code><\/pre>\n<\/li>\n<\/ul>\n<h3>2. Defining State Transitions and Time Steps<\/h3>\n<p>Unlike other diagrams, you change states by declaring a time checkpoint using the <code>@<\/code> symbol, referencing your participant, and using the <code>is<\/code> keyword. State names containing spaces or special characters must be wrapped in quotation marks:<\/p>\n<pre><code>@0\r\nThread is Idle\r\n\r\n@10\r\nThread is \"Processing Data\"<\/code><\/pre>\n<h3>3. Generating Clock Signals<\/h3>\n<p>To simulate binary hardware clocks, use the <code>clock<\/code> keyword. You must specify a cycle period, an optional duty cycle, and an internal name:<\/p>\n<pre><code>clock \"System Clock\" as CLK with period 2<\/code><\/pre>\n<h3>4. Adding Precision Constraints and Time Slates<\/h3>\n<p>To document strict execution deadlines (such as ensuring a system transition happens within a specified window), use the <code>&lt;-&gt;<\/code> syntax to bridge two time coordinates with a descriptive label:<\/p>\n<pre><code>@10 &lt;-&gt; @40 : {Less than 30ms}<\/code><\/pre>\n<h2>Best Practices for Clean Timing Layouts<\/h2>\n<ul>\n<li><strong>Keep Time Units Uniform:<\/strong> PlantUML treats timeline integers as generic sequential steps. Choose a uniform time unit for your project (e.g., ticks, microseconds, or seconds) and maintain it consistently.<\/li>\n<li><strong>Use Labels for Intricate Transitions:<\/strong> You can append text messages directly onto state changes by adding a colon immediately after the state assignment (e.g., <code>@10\\nReg is Reading : \"Trigger Interrupt\"<\/code>).<\/li>\n<li><strong>Order Declarations Strategically:<\/strong> PlantUML stacks lifelines vertically in the exact order they are declared in your script. Always put your master clocks at the very top for easier alignment.<\/li>\n<\/ul>\n<h2>Real-World PlantUML Timing Diagram Examples<\/h2>\n<h3>Example 1: Microcontroller Cache &amp; Register States (Concise &amp; Clock Waveforms)<\/h3>\n<p>This runnable blueprint demonstrates a classic embedded hardware engineering timeline, running a standard system clock alongside a concise data storage register tracking hardware states.<\/p>\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:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nclock \"System Clock (CLK)\" as clk with period 2\r\nconcise \"Data Bus Register\" as Reg\r\n\r\n@0\r\nReg is Empty\r\n\r\n@2\r\nReg is Reading : \"Fetch\"\r\n\r\n@6\r\nReg is Writing\r\n\r\n@10\r\nReg is Locked\r\n\r\n@14\r\nReg is Empty\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:NOy_2y903CNtW_iEuIRTj8Y3Kx7LnKvrS3xkGXlwbxiKwRStd531BU_tUCbB7ja6NePUAzTFhWFpN2FZ04LIkw9wx0tO2Axlu4tSmeo19W-P1ARHKKGmfMKBroL2ZGr9EgI42AsqoWzQoGWKuJRCl2QMRQn6wsbiu0BcZknQa_ppvhy2iVY97d-hAcc7_ajF_mTo7Bsyz040\" \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 id=\"GoDTibn\"><img fetchpriority=\"high\" decoding=\"async\" width=\"417\" height=\"134\" class=\"alignnone size-full wp-image-596 \" src=\"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png 417w, https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba-300x96.png 300w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><\/p>\n<p><strong>Syntax Breakdown:<\/strong> The <code>clock<\/code> directive creates a rhythmic high\/low square wave automatically. The <code>Reg<\/code> line handles multiple state assignments sequentially over the absolute timeline grid. Text strings appended with a colon (like <code>: \"Fetch\"<\/code>) render as neat callouts directly over the transition boundary line.<\/p>\n<h3>Example 2: Async Web Consumer Token Refresh (Robust Multi-Thread Constraints)<\/h3>\n<p>This advanced, fully functional software architecture blueprint leverages the robust layout format to trace a multi-threaded web application workflow, mapping precise timing deadlines between a web client and an authorization worker.<\/p>\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:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nrobust \"Web Browser Client\" as Web\r\nrobust \"Auth Token Worker\" as Auth\r\n\r\n@0\r\nWeb is Idle\r\nAuth is Sleep\r\n\r\n@5\r\nWeb is AwaitingToken\r\nAuth is Validating\r\n\r\n@15\r\nAuth is Generating\r\n\r\n@15 &lt;-&gt; @25 : {Generation Window}\r\n\r\n@25\r\nAuth is Sleep\r\nWeb is RenderingPage\r\n\r\n@40\r\nWeb is Idle\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:PT2n2i8m40RWFP1tEBeBMimY8gqEuYOgTax9KKDZ8fUK3kAxcmQrecFk__XpNE63fD1T3MVawiu7o2giOKskzqYmCHfjo41wYEFHb5sumCcrQA5or28bCamvuwoOSZQqQ0yxPP2pnEFhQ11lIOYFA7kfWxPDQXlfMHgjv10aFnDZj4MBz1t1ShA28XUmWFixT74pRPNh7mdbuc-Br_y7j0efbkrbWydEVzSl8eadUW80\" \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 id=\"gbonjBY\"><img decoding=\"async\" width=\"554\" height=\"196\" class=\"alignnone size-full wp-image-597 \" src=\"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900e30fbf7.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900e30fbf7.png 554w, https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900e30fbf7-300x106.png 300w\" sizes=\"(max-width: 554px) 100vw, 554px\" \/><\/p>\n<p><strong>Syntax Breakdown:<\/strong> By using the <code>robust<\/code> declaration, the states are cleanly listed on the Y-axis for each individual lifeline row. The time evaluation constraint (<code>@15 &lt;-&gt; @25 : {Generation Window}<\/code>) draws a standard double-sided dimension arrow across the top of the timeline grid, indicating a strict operational limit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a Timing Diagram? A Timing Diagr&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":47,"menu_order":9,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-83","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\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.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T08:30:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"datePublished\":\"2026-05-26T07:26:49+00:00\",\"dateModified\":\"2026-07-29T08:30:31+00:00\",\"description\":\"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/05\\\/img_6a1900d6b36ba.png\",\"width\":417,\"height\":134},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-timing-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PlantUML Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"PlantUML Timing Diagram Syntax Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ja\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","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.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/","og_locale":"ja_JP","og_type":"article","og_title":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","og_description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/","og_site_name":"VPasCode","article_modified_time":"2026-07-29T08:30:31+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"3\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/","name":"PlantUML Timing Diagram Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png","datePublished":"2026-05-26T07:26:49+00:00","dateModified":"2026-07-29T08:30:31+00:00","description":"Analyze time-dependent state changes with PlantUML timing diagrams in VPasCode, an advanced diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png","contentUrl":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/05\/img_6a1900d6b36ba.png","width":417,"height":134},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-timing-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/ja\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/ja\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"PlantUML Playbook","item":"https:\/\/www.vpascode.com\/ja\/docs\/vpascode-docs\/plantuml-playbook\/"},{"@type":"ListItem","position":4,"name":"PlantUML Timing Diagram Syntax Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/ja\/#website","url":"https:\/\/www.vpascode.com\/ja\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/ja\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/ja\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/ja\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.vpascode.com\/ja\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/ja\/wp-content\/uploads\/sites\/8\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/ja\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/ld_docs\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/users\/4"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/ld_docs\/47"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/ja\/wp-json\/wp\/v2\/ld_collection?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}