<h2 id="%E6%A6%82%E8%A6%81" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h2>
<p data-line="2" class="code-line">draw.io (diagrams.net) での図表作成を効率化するショートカットキーをまとめました。</p>
<h2 id="%E3%82%88%E3%81%8F%E4%BD%BF%E3%81%86%E5%9F%BA%E6%9C%AC%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E3%82%88%E3%81%8F%E4%BD%BF%E3%81%86%E5%9F%BA%E6%9C%AC%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88" aria-hidden="true"></a> よく使う基本ショートカット</h2>
<h3 id="%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E6%93%8D%E4%BD%9C" data-line="6" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%E6%93%8D%E4%BD%9C" aria-hidden="true"></a> グループ操作</h3>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">グループ化: <code>Ctrl + G</code>
</li>
<li data-line="9" class="code-line">グループ化解除: <code>Ctrl + Shift + U</code>
</li>
</ul>
<h3 id="%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E6%93%8D%E4%BD%9C" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E6%93%8D%E4%BD%9C" aria-hidden="true"></a> レイヤー操作</h3>
<ul data-line="13" class="code-line">
<li data-line="13" class="code-line">前面に移動: <code>Ctrl + Shift + F</code>
</li>
<li data-line="14" class="code-line">背面に移動: <code>Ctrl + Shift + B</code>
</li>
</ul>
<h2 id="%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%83%AA%E3%83%B3%E3%82%AF" aria-hidden="true"></a> 参考リンク</h2>
<p data-line="18" class="code-line">より詳しい情報は以下を参照してください:</p>
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line"><a href="https://note.com/like_lion7250/n/neb33e1b6f187" target="_blank" rel="nofollow noopener noreferrer">個人的によく使うdraw.ioのショートカット5選</a></li>
<li data-line="21" class="code-line"><a href="https://www.youtube.com/watch?v=-hfJk01hlkg" target="_blank" rel="nofollow noopener noreferrer">Draw.io 作業時短 ショートカット/操作 part1 (動画)</a></li>
<li data-line="22" class="code-line"><a href="https://qiita.com/G-awa/items/8fd414700b68b2bcafcc" target="_blank" rel="nofollow noopener noreferrer">【動画付き】draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜</a></li>
<li data-line="23" class="code-line"><a href="https://penpen-dev.com/blog/diagrams-net-draw-io-property/" target="_blank" rel="nofollow noopener noreferrer">Diagrams.net（旧Draw.io）のプロパティの意味一覧</a></li>
<li data-line="24" class="code-line"><a href="https://tg-global.asia/blog/2021/02/er4/" target="_blank" rel="nofollow noopener noreferrer">傍線からカーディナリティをつける操作</a></li>
</ul>


draw.io (diagrams.net) ショートカット/tips

概要

よく使う基本ショートカット

グループ操作

レイヤー操作

参考リンク

Discussion