Diagram as Code

Diagram as Code6 different ways to turn code into beautiful architecture diagrams

[tofu-kun]

こういうのが助かる時と、作図ツールでがっと書く方が楽な時と場合によっては違うことで自分の中で統一できていない…

[cowbee]

構造変わったときなどに数行の変更で繋げてる線が再配置されるのがとてもいいんだよなー。絵描きツールだとそこがどうしてもダルい。一方で融通は効かないから本質じゃないところにメタクソハマったりもする

[noritada]

Graphvizの時代から図表自動生成を試しているけど、結局「ソースデータを更新しても自動再生成できるという長所」と「第三者がパッと見て理解しにくい配置やアスペクト比になりがちという短所」を常に秤にかけている。

[ikeike443]

GUI と相互運用が可能なものが欲しい。。Google slides のオブジェクトも吐き出したい

[Vicugna_pacos]

本番環境で使っているものがある。作図において有効なツールは状況によりけり。わかっている数人ならホワイトボードと写真で十分なんだけどね。

[lizy]

コードから図を生成するツール6種類

[korin]

まだdot言語（Graphviz）ぐらいしか使っていない。ちょっとした状態遷移を書くときに、その時限りの書式でawkを使ってdotに変換、SVG出力して眺める。人に見せるときなどは、そのSVGを別の作画ツールで手で編集してみたり。

[ardarim]

ASCII editorが何というかすごくRFC風味だ

[sisya]

関係図を書いた後に、見やすいように再配置もしたいので、オプションで座標を指定できるようにならないだろうか。座標が指定できるようになれば、座標の調整はGUIでできるアドオンを誰かしら作ると思うので。

[syque]

“6 different ways to turn code into beautiful architecture diagrams”

[motchang]

スライドに差し込むような使い捨ての図は作画ツール、開発で使ってメンテしていく場合はコードで書く方が良い。

[pascal256]

前からこの手のやつは好きだけど、この名前は良いなー

[arakash]

図をコードで各方法のツール一覧

[karuakun]

PlantUMLでもそうなんだけれど、ここの線をもう少しとか本質でない微妙な図の調整にこだわる人が多いんだよね（いや、まぁ指摘されると そうですね。と言いたくなる部分はあるけれど）

[tettekete37564]

mermaid 使い始めたけどPlantUMLと違ってかなり書きやすいね

[Mofuyuki]

素晴らしいGUIでコード生成も可能で、コード変更すると図も変わるやつ、ないの？

[amberjack115]

逆に非効率的に感じてしまう

[chinpokomon_master]

今まさに欲しかったので助かった

[tasukuchan]

markmap知らなかった

[Shinwiki]

定期的に出てくるけどあんまし定着しないおかげで乱立してる気が。資料作りなんてしたくねー！ってのがこういう人種の本音なんだろうかね。UMLはだいぶ頑張った。

[aox]

紙とマーカーで良いのでは…

[versatile]

oo