製のライブラリ・ツールです。簡単にテキストで書けて、図も綺麗に出力されるかなり良い環境だと思います。フローチャートについて書き方を記載します。連携については下記記事を参考にしてください。素敵なテキストベース仕様書ライフhttps://ryuta46.com/112以前からテキストベースで仕様書(PDF)などを管理したいと思っていたのですが、ようやくその環境が整い、一度実際に運用してみてかなりいい感じだったので紹介したいと思います。インストールできます。インストールする必要があります。テキストファイルから画像ファイルを出力できます。どちらにも対応する拡張機能があります。テキストを作成してエディタ上でプレビューする事が可能です。問題ないかと思います。言語IDが定義されるため、キーバインドが割り当てやすくオススメです。Codeで言語ごとに別のキーバインドを割り当てるhttps://ryuta46.com/406現代の多くのテキストエディタ同様、VSCodeでもキーバインドのカスタマイズができます。今回は、VSCodeのキーバインドのちょっと進んだ設定方法として、編集中の言語ごとにキーバインドを切り替える方法を紹介したいと思います。ように矢印を定義します。テキストを指定しない場合はIDがそのまま表示されます。改行を入れることができます。記号を入れると正しく解釈できない場合があります。いうようにダブルクォーテーションでテキストをくくる必要があります。指定するとグラフが上から下に向かうようにノードが配置されます。いう感じで名前がつけられています。ノード形状テキストを囲む括弧でノードの形状が変わります。TBid1[四角]id2((丸))id3(角丸四角)id4{ひし形}id5&gt;リボン]ひし形は、正確には45度傾いた正方形です。改行した方が良いかと思います。それぞれ矢印の有無があります。リンクのテキストは空白つきでリンクの間に書くか、パイプつきでリンクの右側に書く方法があります。‘-‘(ハイフン)などの数は、厳密に上の記載と一致する必要があるようです。多くても少なくても正しく図が出力されません。いうキーワードでノードをグルーピング出来ます。内のスコープで閉じているわけではなく、グローバルに定義されます。IDを定義するということはでません。内に記載して、リンクの定義は後に記載した方が良いです。意図通りの配置の例です。6桁のカラーコードが使えます。これらの要素は全て書く必要はなく、必要なものだけ書けばデフォルトが上書きされます。ように書いて点線の有無の間隔を指定できそうに見えるのですが、私の環境では第二引数の方を変えても何も変わりませんでした。無いため、対象の指定がかなり特殊です。ように、0始まりでリンクの通し番号を指定します。書くと正しく出力されません。使い辛い印象ですので、ここは今後の改善に期待したいですね。クラス定義による装飾ノードの装飾を個々に行わず、クラスを定義し、同じ装飾を複数のノードに設定することが出来ます。動作していないようです。issueも上がっています。時は動いていたので、デグレしてる気がします。