概要

Draｗ.io（Diagrams.net）はとても便利ですが、VScodeやプラグインと組み合わせるとさらに便利になります。

特に便利と感じた機能を紹介します。

VS Code プラグイン

ここ数年、GitHubでドキュメント（Markdown）を管理するケースが増えており、Markdownに埋め込む編集可能な図として、Draｗ.ioのメタ情報を埋め込んだ画像を利用しています。

当初、ブラウザ（もしくはデスクトップ版）を利用していたのですが、こちらのプランを利用すると、VSCodeから直接png/svgをDraｗ.ioで表示・編集・画像保存が可能となり、とても便利です。

公式でもブログでサラッと紹介してあるのみですが、メニューから、拡張 > プラグインで追加可能です。

網羅性はありませんが、使ってみたプラグインを幾つか紹介します。urlからも追加できるようなので、探してみると可能性が広がりそうです。

DDLからDraｗ.ioのERDを作れます。

凄く便利！と思うのですが、リレーション貼れなかったりあと1歩な感じです。

Draｗ.ioに含まれるTextを一括でExportできます。どこかで使えそうですね。

オブジェクトにアニメーションを付けられます。巨大なオブジェクトにアニメーションをつけるのはかなり労力を使いそうです。

こちらもアニメーションですが、線が動きます。面白いです。

右上にオブジェクトのプロパティが表示されます。邪魔です。

Draｗ.io単品でも無料でここまで使えるものかと驚きます。改めて可能性を感じました。