🏹

diagrams.net(旧draw.io)の外部入力機能

2022/04/02に公開

まえがき

プログラミングな作業をしていると、プログラムから図面に起こしたい的な欲望が湧くときがあるような気がします。

位置をあまり気にしなければmermaidなどの出力でいいはずですが、
そこから手で調整を加えたい時があります。

強力な作図ツールといえば、drawioはXMLなので、それで変更しようと思ったりしますが、
drawioのXMLにはメタ情報が含まれているので手動での編集が難しかったりします。

そこで、方法を探してみると、ありましたので、書いてみます。

diagrams.netの基本情報

https://www.diagrams.net/
旧draw.ioです。

なお、.ioドメインからはセキュリティの事情により移行するようです。
https://www.diagrams.net/blog/move-diagrams-net

メニュー位置

メニュー位置はArrange>insert>Advancedになります。

From Text

テキスト(List)


結果

テキスト(Diagram)


結果

PlantUML

現状はエラーが発生

Mermaid

結果だけ。
分離は難しそう

SQL


結果

CSV


結果

vscode拡張でも開けます

作成したファイルは非公式のvscode拡張でも開けました。
https://marketplace.visualstudio.com/items?itemName=hediet.vscode-drawio

vscode拡張の同等機能

上記vscode拡張にも同等の機能がありました。
配置>挿入>高度な設定

Discussion