【効率化】知らなきゃ損！STUDIOで使用可能なショートカットまとめ

こんにちは。会社員クリエイターのこばたです。

今回はSTUDIOで使えるショートカットを基礎部分のおさらいから、知らなきゃ損する応用部分までまとめました。
特に応用部分は作業スピードを格段に上げ、ストレスを下げるショートカットです。
ノーコードのスピード感をより加速させるために、ぜひ覚えて使いこなしてくださいね。

1.基礎編

筆者が実務を行う上で特に使用率の高いショートカットは太字にしてあります。

ボックスなどの要素の編集

ボックスなどの要素の編集は、基本的にパワーポイントなどのその他のツールと同様なショートカットが利用できます。

・command＋C　コピー

・command＋V　ペースト

・command＋X　カット（切り取り）

・command＋G　グループ化

・command＋Shift＋G　グループ化解除

・command＋J　シンボル化

・command＋L　リスト化

・delete　要素を削除

・command＋D　要素の複製

ボックスなどの要素の選択

1つ下の階層のボックスを選択したいとなった際に、階層が複雑になるほど選択ができなかったりします。
そのため要素選択のショートカットは覚えておくと、作業効率が上がり、ストレスが減少します。

・Shift＋クリック　複数選択

・Return(Enter)　子のボックスを選択

・Shift＋Return(Enter)　親のボックスを選択

・Tab　次のボックスを選択

・Shift＋Tab　前のボックスを選択

エディタ画面の操作

・＋　ズーム

・−　アウト

・command＋0　画面を100%表示

・command＋Z　戻る

・command＋Shift＋Z　進む

2.応用編

・command＋1　ページパネル表示
・command＋2　レイヤーパネル表示
・command＋3　スタイルパネル表示
・command＋2　追加パネル表示
・command＋2　選択中ボックスの設定（右）パネル表示

・option＋クリック　以下レイヤー 一括表示

・辺をダブルクリック　幅の長さをautoに変更

・テキスト選択＋Return(Enter)

まとめ

いかがでしたでしょうか。みなさん当たり前のように使用しているショートカットばかりだと思います。
一つでも知らなかったショートカットがあればこの記事を書いて良かったです。

STUDIOでのショートカットをマスターして作業スピードをいつも以上にUPさせてみてください。

STUDIOでサイトの制作をしてほしい、STUDIOでWebサイト作りたいけど、何から始めていいか分からない…という方へ。
STUDIOにてサイトの制作依頼や講師等の依頼も承っておりますので、ご連絡いただけますと幸いです。

最後までお読みいただきありがとうございました。