9
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

StylezAdvent Calendar 2021

Day 23

draw.io (diagrams.net) 忘れがちな操作方法の覚書

Last updated at Posted at 2021-12-23

この文書は

多機能・高性能・無料etc の作図ツール draw.io の特定の操作方法についての記事です。
とても便利なのですが、これまで使ってきたVisioやOffice系ツールと操作方法が異なるところが多く、しばらく使わないと忘れてしまいがちなので、調べて知ったことをこの記事にまとめていこうと思います。

List系コンポーネントへの要素追加

  • List Item を ドラッグ&ドロップで追加する
    qiita.drawio - diagrams.net 2021-12-23 16-00-35_Trim_2.gif

  • テーブル中のList Itemをコピペした上で、テーブルの中に入れなおす
    qiita.drawio - diagrams.net 2021-12-23 16-01-54_Trim.gif

  • コンポーネントを選択して、フォーマットパネルの 配置 タブ テーブル のメニューより追加
    qiita.drawio - diagrams.net 2021-12-23 16-03-43_Trim.gif

コンポーネント内のラベルの値変更

コンポーネントをダブルクリックすると、ラベル部分にフォーカスが入る。
ラベル部分をダブルクリックだとフォーカスが入らない場合があるので、選択した時のエリア(青枠)内をダブルクリックする。
qiita.drawio - diagrams.net 2021-12-23 16-04-57_Trim.gif

コンポーネントの変更

  • 新しいコンポーネントをコンポーネント選択エリアで選択し、ドラッグ&ドロップで、変更したいコンポーネントに重ねる
    qiita.drawio - diagrams.net 2021-12-23 16-06-54_Trim_3.gif

  • キーボードショートカットを使って複数コンポーネントを一括置換する方法もある → 参考 のリンク参照

よく使うコンポーネントをストック

左端のコンポーネント選択エリア スクラッチパッド のエリアにコンポーネントをドラッグすると保存される。
使う場合は、スクラッチパッドからドラッグして配置すれば :ok:
スタイル変更を保って保存しておけるのが便利。
qiita.drawio - diagrams.net 2021-12-23 16-07-50_Trim.gif

参考

9
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?