https://namaraii.com/tags/d2/Recent content in D2 on namaraii.comHugo -- gohugo.iojahitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))© 2026 TAKEUCHI Hitoshi, All Rights Reserved.Thu, 12 Jan 2023 00:00:00 +0900https://namaraii.com/posts/d2/Thu, 12 Jan 2023 00:00:00 +0900hitoshi@namaraii.com (竹内 仁 (TAKEUCHI Hitoshi))https://namaraii.com/posts/d2/<ul> <li><a href="https://github.com/terrastruct/d2" target="_blank" rel="noreferrer">terrastruct/d2: D2 is a modern diagram scripting language that turns text to diagrams.</a></li> </ul> <p>テキストからダイアグラムを生成するツール。類似のツールとしてはMermaid、GraphViz、PlantUMLなどがあり、以下のサイトでこれらのツールで同じダイアグラムを書く場合の比較が可能。このサイトはD2開発元によるものらしい。</p> <ul> <li><a href="https://text-to-diagram.com/" target="_blank" rel="noreferrer">Text to diagram</a></li> </ul> <h2 class="relative group">テキストと出力の例 <div id="テキストと出力の例" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%a8%e5%87%ba%e5%8a%9b%e3%81%ae%e4%be%8b" aria-label="アンカー">#</a> </span> </h2> <p>公式サイトからの引用</p> <div class="highlight-wrapper"><pre tabindex="0"><code class="language-d2" data-lang="d2"># Actors hans: Hans Niemann defendants: { mc: Magnus Carlsen playmagnus: Play Magnus Group chesscom: Chess.com naka: Hikaru Nakamura mc -&gt; playmagnus: Owns majority playmagnus &lt;-&gt; chesscom: Merger talks chesscom -&gt; naka: Sponsoring } # Accusations hans -&gt; defendants: &#39;sueing for $100M&#39; # Offense defendants.naka -&gt; hans: Accused of cheating on his stream defendants.mc -&gt; hans: Lost then withdrew with accusations defendants.chesscom -&gt; hans: 72 page report of cheating</code></pre></div> <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="auto" alt="image" width="954" height="1216" src="https://namaraii.com/images/d2-001_hu_856d3ce5ae0943f7.png" srcset="https://namaraii.com/images/d2-001_hu_856d3ce5ae0943f7.png 800w, https://namaraii.com/images/d2-001.png 1280w" sizes="(min-width: 768px) 50vw, 65vw" data-zoom-src="https://namaraii.com/images/d2-001.png"></figure> <h2 class="relative group">インストール <div id="インストール" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab" aria-label="アンカー">#</a> </span> </h2> <ul> <li><a href="https://github.com/terrastruct/d2/blob/master/docs/INSTALL.md" target="_blank" rel="noreferrer">d2/INSTALL.md at master · terrastruct/d2</a></li> </ul> <p>Macの場合は<code>brew install d2</code>でOK</p>