<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p class="no_idt"><a class="oln" data-kno="K#/275D" href="/275D" rel="nofollow">Notion</a>が気になってる。
<br><a class="oln" data-kno="K#/3EB9" href="/3EB9" rel="nofollow">Mermaid</a>で<a class="oln" data-kno="K#/4CA7" href="/4CA7" rel="nofollow">図</a>を書けると聞いたので。
<br><a class="oln" data-kno="K#/1BE4" href="/1BE4" rel="nofollow">ガントチャート</a>書けるやんけとなってる。
</p><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

<div class="dln" itemprop="articleBody"><div class="shdw top"> </div><p class="no_idt">あMermaidってUML図風のナニカを書けるだけじゃないのか。
<br>おー。いいなこれ。
</p><pre class="mbd mermaid">gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d
</pre><div class="nt i"><p>ref: <a class="URI" href="https://mermaid.js.org/syntax/gantt.html#a-note-to-users" target="_blank" rel="noopener nofollow ugc">https://mermaid.js.org/syntax/gantt.html#a-note-to-users</a>
</p></div><div class="shdw btm"> </div><button type="button" class="mxmz icn_ btn_mxmz"></button></div>

t_wの輪郭

あれ

あれ