キーボードショートカット

キーボードショートカットを覚えると、作業が驚くほど速くなるよ！

よく使うものから覚えていこう。

ショートカット一覧

カテゴリ	ショートカット	機能
基本操作	`Cmd/Ctrl` + `C`	要素をコピー
	`Cmd/Ctrl` + `X`	要素を切り取り
	`Cmd/Ctrl` + `V`	要素を貼り付け
	`Cmd/Ctrl` + `D`	要素を複製
	`Delete` / `Backspace`	要素を削除
	`Cmd/Ctrl` + `Z`	元に戻す（Undo）
	`Cmd/Ctrl` + `Shift` + `Z`	やり直す（Redo）
選択・移動	`Escape`	親要素を選択
	`Shift` + `Enter`	親要素を選択
	`矢印キー`	要素の順序変更 / 移動
	`Shift` + `矢印キー`	10px単位で移動
グループ化	`Cmd/Ctrl` + `G`	グループ化
	`Cmd/Ctrl` + `Shift` + `G`	グループ解除
	`Cmd/Ctrl` + `L`	リスト作成
テキスト編集	`Enter`	改行
	`Cmd/Ctrl` + `Enter`	編集終了
	`Cmd/Ctrl` + `A`	全選択
キャンバス操作	`Space` + ドラッグ	パン（移動）
	`Space` + `Cmd/Ctrl` + クリック	ズームイン
	`Space` + `Cmd/Ctrl` + `Option/Alt` + クリック	ズームアウト
	`Cmd/Ctrl` + `.`	パネル開閉

たくさんあるね...

大丈夫！最初は基本操作だけ覚えれば十分。

それでは、詳しく見ていこう！

基本操作

コピー・ペースト・削除

ショートカット	機能
`Cmd/Ctrl` + `C`	要素をコピー
`Cmd/Ctrl` + `X`	要素を切り取り
`Cmd/Ctrl` + `V`	要素を貼り付け
`Cmd/Ctrl` + `D`	要素を複製
`Delete` / `Backspace`	要素を削除

履歴操作

ショートカット	機能
`Cmd/Ctrl` + `Z`	元に戻す（Undo）
`Cmd/Ctrl` + `Shift` + `Z`	やり直す（Redo）

間違えても慌てないで！Cmd+Zで元に戻せるよ。

選択・移動

親要素を選択

ショートカット	機能
`Escape`	親要素を選択
`Shift` + `Enter`	親要素を選択（Escapeと同じ）

親要素って？

例えば、ボタンの中のテキストを選んでいる時に、Escapeを押すとボタン全体が選ばれるよ！

矢印キーで移動・並び替え

ショートカット	機能	説明
`矢印キー`	要素の順序変更	兄弟要素間での順序を変更
`矢印キー`（絶対配置要素）	要素を移動	1px単位で移動
`Shift` + `矢印キー`	高速移動	10px単位で移動

絶対配置要素って何？

自由に配置できる要素のこと！

矢印キーで直接位置を調整できるから便利だよ。

グループ化・リスト

要素の整理

ショートカット	機能
`Cmd/Ctrl` + `G`	グループ化
`Cmd/Ctrl` + `Shift` + `G`	グループ解除
`Cmd/Ctrl` + `L`	リスト作成

関連する要素をまとめて、一緒に動かしたり管理しやすくするんだ！

例えば、見出しと説明文をセットでグループ化したりするよ。

テキスト編集

テキスト要素をダブルクリックして編集モードに入ると、以下の操作ができます。

改行と編集終了

ショートカット	機能
`Enter`	改行
`Cmd/Ctrl` + `Enter`	編集終了

通常のテキスト操作

ショートカット	機能
`Backspace` / `Delete`	文字を削除
`矢印キー`	カーソルを移動
`Shift` + `矢印キー`	テキストを範囲選択
`Cmd/Ctrl` + `A`	テキスト全体を選択
`Cmd/Ctrl` + `V`	プレーンテキストとして貼り付け

テキスト編集中は、普通のテキストエディタと同じように使えるよ！

キャンバス操作

ビュー操作（Adobe風）

ショートカット	機能
`Space` + ドラッグ	パン（キャンバス移動）
`Space` + `Cmd/Ctrl` + クリック	ズームイン
`Space` + `Cmd/Ctrl` + `Option/Alt` + クリック	ズームアウト

パンって何？

キャンバス全体を手で動かすような操作だよ！

Adobe IllustratorやPhotoshopと同じ操作方法なんだ。

パネル操作

ウィンドウの表示・非表示

ショートカット	機能
`Cmd/Ctrl` + `.`	左右のパネルを開閉

作業スペースを広く使いたいときに便利！

よく使うショートカット Top 3

作業効率を上げるために、まずはこの5つを覚えよう。

Cmd/Ctrl + C/V - コピー＆ペースト
Cmd/Ctrl + Z - 元に戻す
Cmd/Ctrl + Shift + Z - やり直す

最初は全部覚えなくても大丈夫！

よく使う操作から自然に覚えていくから、焦らずに使っていこう。

覚えることがたくさんある...

最初は基本操作（コピー、ペースト、削除、Undo）だけ覚えれば十分！

慣れてきたら、グループ化やキャンバス操作も使ってみよう。