【Dreamweaver】コードビューでよく使うショートカット

BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。
なんと、キーが iPhone ですよ！

今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。

タグ挿入系

• Ctrl+1(～6) = 見出しタグ（h1～h6）の挿入
• Ctrl+Shift+P = 段落タグ（p）の挿入
• Ctrl+Alt+T = テーブル（table）の挿入
• Ctrl+Alt+I = 画像（img）の挿入
• Ctrl+B = 強調（strong）の挿入
• Ctrl+I = やや強調（em）の挿入
• Shift+Enter = 改行（br）の挿入
  

このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。

• Shift+Space = 半角スペースを挿入（全角モードでも半角スペースが入る）
• Ctrl+Shift+Space =   を挿入

スペースの挿入もショートカットが便利です。

あと、カーソル移動や選択系のショートカットも覚えておくと便利です。

カーソル移動・選択系

• Home = 行頭に移動
• End = 行末に移動
• Ctrl+← = 一単語左に移動
• Ctrl+→ = 一単語右に移動
• Ctrl+Shift+← = 一単語左を選択
• Ctrl+Shift+→ = 一単語右を選択
• Ctrl+[ = 親要素を選択 ※これ凄い便利

これらはデフォルトで設定されているショートカットキーで、これはこれで便利ですが、Dreamweaver でコーディングすることのキモは、ショートカットを自由にカスタマイズできることです。
デフォルトには設定がないショートカットを自分で登録していけば、さらに使いやすくなります。
よく使う要素などをスニペットに登録して、ショートカットで登録したスニペットを呼び出すようにすれば、最強レベルのコード・エディタになります。（重いのだけがネック…）