[VSCode]Draw.ioがローカル環境で使えるようになってた

Draw.ioがVSCodeで使えるようになったということで今回はその使い方を紹介したいと思います。

GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - hediet/vscode-drawio

github.com

利点は「ブラウザからローカルにダウンロードする必要がなくなる」ことが大きいと思います。

拡張機能Draw.io Integrationをインストール

拡張機能の検索窓に「draw.io」と検索してインストールします。

Draw.ioを利用する

「＊.drawio」というファイルを作ってそのファイルを開くだけでDraw.ioが利用できるようになります。

とても詳しいDraw.ioの使い方

【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita

draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、Gi…

qiita.com

Draw.ioで図を作成して、ローカルにダウンロードして、ファイルを移動するというプロセスを省略できるようになるので便利ですね。