36 キーボードのショートカットでツールを切り替える - WEBの作業が楽になるテクニック総まとめ 第5回 | デザインってオモシロイ -MdN Design Interactive-

36 キーボードのショートカットでツールを切り替える - WEBの作業が楽になるテクニック総まとめ 第5回

2024.4.20 SAT

【サイトリニューアル!】新サイトはこちらMdNについて

WEBの作業が楽になるテクニック総まとめ 第5回



3600  
キーボードの
ショートカットで
ツールを切り替える


文=沖 良矢(世路庵)


いくつものツールを切り替えて使うとき、いちいちマウスを移動してクリックするのは意外とめんどうだ。1回の操作では大したことがなくても、何百回、何千回と同じ操作を繰り返すと、多大な作業負担になる。こういった場合は、キーボードのショートカットを活用しよう。ショートカットはシンボルやトゥイーンの作成などに利用しているケースが多いと思うが、実はツールの切り替えにも使える。 操作方法は簡単で、【1】【2】のように設定されている単一のキーを押すだけで即座にツールが切り替わる。設定されているキーが気に入らなければ、編集メニュー→“キーボードショートカット”から変更可能だc。筆者は、頻繁に使用する虫めがねツールのキーを、押しやすいZキーに変更している。ちなみに、各パネルのフィールドなどにフォーカスがある場合は、文字入力が優先されてしまいツールがうまく切り替わらない。このようなときは、ステージを1回クリックするなどして、フォーカスを外してからキー入力を行うとよい【3】。

ツールパネルにおけるキーボードショートカットの初期設定一覧は上図のとおりだ
【1】ツールパネルにおけるキーボードショートカットの初期設定一覧は上図のとおりだ

ツールパネルにおけるキーボードショートカットの初期設定一覧は上図のとおりだ
【2】ツールパネルにおけるキーボードショートカットの初期設定一覧は上図のとおりだ

キーの変更は、編集メニュー→“キーボードショートカット”で[コマンド:ツールパネル]に設定して、任意の項目を選ぶ
【3】キーの変更は、編集メニュー→“キーボードショートカット”で[コマンド:ツールパネル]に設定して、任意の項目を選ぶ

変更時にすでに使われているキーがあると、注意を促すダイアログが表示される
【4】変更時にすでに使われているキーがあると、注意を促すダイアログが表示される

POINT CS3以前では一部異なるので注意


[INDEX]
>>> 36 キーボードのショートカットでツールを切り替える
>>> 37 登録したスニペットに個別のショートカットキーを割り当てる
>>> 38 選択範囲からアウトラインを作成する
>>> 39 作成するラインを線の内側に表示させCSSや画像の指定位置と合わせる
>>> 40 「SuperPreview」でブラウザチェックを効率よく実行する
>>> 41 新規レイヤーと効果適用したレイヤーを統合して処理を行う

【バックナンバー】WEBの作業が楽になるテクニック総まとめ
[第1回を見る] [第2回を見る] [第3回を見る][第4回を見る]

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在