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

■ はじめに

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

目次

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

【1】 Draw.io / draw.io Desktop

* フリーで使える

1)Draw.io

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

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

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

2)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 が立ち上がる

3)VS Codeに対応

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

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

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

【2】 LucidChart

* cf. lucid (ルシード) = 分かりやすい
* Google アカウントがあれば簡単に登録して使用できる

https://eow.alc.co.jp/search?q=lucid

サイト
https://www.lucidchart.com/pages/ja/

家系図作成

* 飼い犬の家系図を作成しようと思ったら、ヒットした
 => ただ、家系図作成ツールは、有料会員だった。。。

https://www.lucidchart.com/pages/ja/examples/family-tree-generator

Draw.io から LucidChart への図変換

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

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

関連記事

使用したソフト ~ UML編 ~
https://dk521123.hatenablog.com/entry/2023/10/07/172115
Visual Studio Code ~ 入門編 ~
https://dk521123.hatenablog.com/entry/2019/10/20/230323