Draw.ioとは?
フローチャートやオフィスのレイアウト図
ネットワーク図を作成できる無料の作図ツールです。
GoogleChromeのようなブラウザ上で操作ができ
作成した図はGoogleドライブやGithubと連携させて保存が可能です。
データベース設計のER図もDraw.ioを使えば簡単に書くことができます!
私は絵をかくのが苦手なので、このようなツールがあると非常に助かります。。

導入
VSCodeで拡張機能を開いて
検索欄に「draw.io」と入力をします。
表示されたらインストールをしましょう!

拡張子は .dioとしてファイルを開くと自動的に
以下のような画面になります。
操作方法についてはまだ私もすべてを把握していないのですが
少し触っただけでも直感的に操作できることがわかります。
今回はAWSのアイコンが欲しかったので検索欄にAWSと入力したのですが
様々なアイコンが出てくるのがわかります。

最後に
インフラ構成図を作成するツールはたくさんあると
思いますがVSCodeに導入する手順ほど簡単ではないと思います。
色々触って良い構成図を書いていきましょう!
