個人的によく使うdraw.ioのショートカット5選

こんにちは。
僕が個人的によく使うなーと思うdraw.ioのショートカットをまとめようと思います。他の図作成ツールの方がいいよというツッコミは今回はなしでお願いしますww

そもそもdraw.ioって何

draw.ioは、フローチャート、ダイアグラム、ネットワーク図、UML(統一モデリング言語)図、組織図などを作成できる無料のオンライン図作成ツールです。豊富なテンプレートやシンボルライブラリが内蔵されているため、下のような図を簡単に書くことができます。

draw.io公式より引用

ただ、慣れていない人はどうしてもこのような図を書こうとするとマウスで微調整をしたり、色々ポチポチしながら作る羽目になり、工数をとてもかけてしまいます。実際僕がそうでしたww
そこで1秒でも工数を減らそうとショートカットを覚えたら、少しアウトプットが早くなったので、覚えてよかったと感じるショートカットをいくつか紹介しようと思います。

ショートカット5選

僕はWindows勢なので、`Ctl`や`Alt`と書きますがMac勢はCtl→Cmd、Alt→Optionだと思ってもらえばOKです。
またこんな5選じゃなくて、網羅的なやつが欲しんだよって人はこちらに公式の網羅的なものがありますのでそちらをチェックしてください。

1.グループ化/グループ化解除

Ctrl + G / Ctrl+Shift+U
気づいた人はいるかと思いますが、グループ化はPowerPointと一緒なんですねー。いいですねー。じゃあ解除も同じかーと思ったそこのあなた、よく見てください。解除は`U`なんですねー。この仕様のせいでキレかけて僕の血管は何本かお亡くなりになりました。皆さんも同じ轍を踏まないようにして下さい。ちなみに`Ctrl+Shift+G`で背景のグリッド表示の切り替えができます。

グリッド線はこれです

2.コネクションを含めたオブジェクト削除

Ctrl + Delete
どういう意味かといいいますと、オブジェクトに結合している矢印や線と一緒に選択したオブジェクトを削除することができるということです。

オブジェクトを選択します
Ctrl + Deleteを実行すると矢印と一緒に選択したオブジェクトが消えます

3.オブジェクトの追加

A / S / D / F / C / R
オブジェクトを画面内に追加するショートカットです。それぞれ、A→テキスト、S→ノート、D→長方形、F→楕円、C→線、R→ひし形が追加されます。細かくて丁寧な図を書くというよりは、ブレストをするときなどにとりあえず案出そうぜってタイミングで大量にオブジェクト作るときに使ってました。

ちなみに「ノート」はこんなオブジェクトです

4.ページ間移動

Ctrl+Shift+PgUp / Ctrl+Shift+PgDn
`PgUp`が前ページ、`PgDn`が先のページに移動する。Google Chromeのタブ移動やExcelのシート移動は`Shift`なしの`Ctrl+PgUp / Ctrl+PgDn`で移動するので、その感覚で作業するとイライラしてしまいます。事前にインプットして、イライラを少しでも解消しましょう。ただ申し訳ないですが、ページの追加のショートカットを知らないので教えてほしいです…..

ちなみにページの追加は知らないです…

5.オブジェクトのロック

Ctrl + L
オブジェクトの変更をロックすることができ、誤編集からオブジェクトを保護することが可能になります。図を作成する上で、基準になるようなオブジェクトに対し、ロックをかけておけば選択したくないのに選択しちゃったみたいなイライラもなくなります。ロックを解除したい場合は再度同じショートカットを実行すればOKです。

全選択をしても、赤枠で囲まれるだけで選択はされないです

最後に

皆さんがdraw.ioを使う際に少しでも早いアウトプットができることをお祈りします。

参考資料

draw.io公式のショートカット集


いいなと思ったら応援しよう!