図作成ツール / サイト ~ Draw.io / draw.io Desktop / LucidChart ~

■ はじめに

PowerPoint でも作れるが、よさげなものがあったのでメモ

目次

【1】 Draw.io / draw.io Desktop ... 無料
【2】 LucidChart ... 有料 (無料トライアルはある)

【1】 Draw.io / draw.io Desktop

* フリーで使える

Draw.io

* インストールせずに、使用可能

サイト
https://www.draw.io/
作成できる図

* UML
* Cloud <= AWS 関連の構成図とか作れる
* Software <= クラス図とか作れる
* etc...

draw.io Desktop

* Chrome の プラグインとして利用可能

サイト
https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla?hl=ja

インストールは、Chromeで上記にアクセスし、
「Chromeに追加」ボタン押下でインストールする

使い方

[1] Chrome を立ち上げる
[2] 左側の「アプリ」を押下
[3] 「draw.io Desktop」を押下
 => draw.io Desktop が立ち上がる

VS Codeに対応

VS Codeで「draw」で検索するとでてくる

VS Code については、以下の関連記事を参照のこと

https://dk521123.hatenablog.com/entry/2019/10/20/230323

【2】 LucidChart

cf. lucid (ルシード) = 分かりやすい

https://eow.alc.co.jp/search?q=lucid
サイト
https://www.lucidchart.com/pages/ja/
Draw.io から LucidChart への図変換

Draw.io の XMLファイルがあれば、
LucidChart の Import機能により、簡単に変換できる
 ⇒ ただし、テキスト文字がずれたりする
 (まーまー普通に使える)

https://lucidchart.zendesk.com/hc/ja/articles/360029361151-Using-Lucidchart-for-Confluence-Server#collapseTen

関連記事

Visual Studio Code ~ 入門編 ~
https://dk521123.hatenablog.com/entry/2019/10/20/230323