Webブラウザ上でフロントエンド開発を行いGitHubとも連携ができるCodeSandboxの便利なショートカットキーを紹介していきます。
MacとWindowsの2つのOSで対応するコマンドを記載していきますのでぜひWeb開発やプログラミング学習の際にはお役立てください。
ショートカットキー一覧
コピー
- Windows ctrl + C
- Mac cmd + C
コピーしたい行を選択してコマンドを入力する
ペースト(貼り付け)
- Windows ctrl + V
- Mac cmd + V
コピーまたは切り取りをした状態で張り付けたい場所にカーソルを移動してコマンドを入力する
全選択
- Windows ctrl + A
- Mac cmd + A
全ての範囲を選択状態にする。
ファイルの保存
- Windows ctrl + S
- Mac cmd + S
現在までの修正箇所(ファイルやフォルダの追加、ファイル修正)を保存します。
行ごとにコメントアウト
Windows ctrl + /(スラッシュ)
Mac cmd + /
// ここはコメントアウトされた行です
カーソルのある行をコメントアウトします。範囲選択を行ってコマンドを入力すると指定した範囲をすべてコメントアウトすることもできます。
コメントアウトされている行は下記のように行頭にスラッシュが二つ記載されます。スラッシュは直接入力しても適応されます
選択範囲をコメントアウト
Windows ctrl + Alt + A
Mac cmd + option + A
/* ここはコメントアウトされた行です */
囲った範囲すべてをコメントアウトするコマンドです。ショートカットキーなので前述のコメントアウトの方法と使用感は変わりません。プロジェクトの方針や好みによって使い分けましょう。
元に戻す・やり直し
元に戻す(1つ戻る)
Windows ctrl + Z
Mac cmd + Z
やり直し(1つ進む)
Windows ctrl + Y
Mac cmd + Y
直前の作業より1つ戻る(もしくは進む)コマンドです
1つ進むはあまり利用頻度はありませんが、1つ戻るはよく利用されます。
置換
Windows ctrl + H
Mac cmd + H
表示されたウィンドウのFindに検索文字列を入力する。Replaceに置換後の文字列を入力してEnterキーを押下する。
検索
Windows ctrl + F
Mac cmd + F
表示されたウィンドウに検索したい文字列を入力してEnterキーを押下する
選択した範囲を移動する
Windows Alt + ↑ もしくは ↓
Mac option + ↑ もしくは ↓
カーソルのある行、もしくは選択した範囲を 上 もしくは 下 に移動する
選択した範囲をコピーする
Windows Shift + Alt + ↑ もしくは ↓
Mac Shift + option + ↑ もしくは ↓
カーソルのある行、もしくは選択した範囲を 上 もしくは 下 にコピーする
マルチカーソルに切り替え
Windows Alt + クリック
Mac option + クリック
クリックした箇所にカーソルを追加する
