vscode draw.io 導入

開発ツール

Draw.ioとは?

フローチャートやオフィスのレイアウト図

ネットワーク図を作成できる無料の作図ツールです。
GoogleChromeのようなブラウザ上で操作ができ

作成した図はGoogleドライブやGithubと連携させて保存が可能です。
データベース設計のER図もDraw.ioを使えば簡単に書くことができます!
私は絵をかくのが苦手なので、このようなツールがあると非常に助かります。。

導入

VSCodeで拡張機能を開いて

検索欄に「draw.io」と入力をします。

表示されたらインストールをしましょう!

拡張子は .dioとしてファイルを開くと自動的に

以下のような画面になります。
操作方法についてはまだ私もすべてを把握していないのですが

少し触っただけでも直感的に操作できることがわかります。
今回はAWSのアイコンが欲しかったので検索欄にAWSと入力したのですが

様々なアイコンが出てくるのがわかります。

最後に

インフラ構成図を作成するツールはたくさんあると

思いますがVSCodeに導入する手順ほど簡単ではないと思います。

色々触って良い構成図を書いていきましょう!

コメントを残す

メールアドレスが公開されることはありません。