PlantUMLとは PlantUMLはオープンソースのUMLダイアグラム作成用言語。 以下のようなコードから図をSVGやPNG形式で作成することができる。 @startuml example User -> Server : request User <- Server : response @enduml 左図がsvg、右図がpng pngで書き出すとぼやけるので、なるべくsvgで書き出す。 svgならファイルサイズが小さく、テキストをコピーできるという利点もある。 VSCode PlantUML拡張機能 VSCode PlantUML拡張機能をインストールする。 PlantUML ターミナルでも使用できるようJAVAとplantuml.jarも別途インストールする。 インストールしたらファイルを.plantumlの拡張子で保存すればalt+Dでプレビューを確認できる。 PlantUM
![VSCodeにPlantUML拡張機能をインストールして図を作成する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/aac2f125e4a7c2b23aa70a59dad2d86d4af54826/height=288;version=1;width=512/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2018%2F11%2Fvscode-plantuml-extension-install.png)