すべての開発者が知っておくべき必須キーボードショートカット
VS Code、ターミナル、ブラウザDevTools、Gitで最も重要なキーボードショートカットをマスター。必須のキーコンビネーションでワークフローを高速化。
キーボードショートカットは開発者の秘密兵器です。これらをマスターすることで、ワークフローを劇的に高速化し、コンテキストスイッチを減らすことができます。すべての開発者が知っておくべきショートカットの包括的なガイドです。
基本的な編集ショートカット
Ctrl/Cmd + C - 選択したテキストをコピー
Ctrl/Cmd + X - 選択したテキストを切り取り
Ctrl/Cmd + V - クリップボードから貼り付け
Ctrl/Cmd + A - すべて選択
Ctrl/Cmd + Z - 元に戻す
Ctrl/Cmd + Shift + Z - やり直し（WindowsではCtrl + Yも可）
Ctrl/Cmd + S - 現在のファイルを保存
Ctrl/Cmd + W - 現在のタブ/ウィンドウを閉じる
VS Code / IDE ナビゲーション
Ctrl/Cmd + P - クイックファイルオープン（ファイル名を入力）
Ctrl/Cmd + Shift + P - コマンドパレット
Ctrl/Cmd + G - 特定の行番号へジャンプ
Ctrl/Cmd + Shift + O - ファイル内のシンボルへ移動
Ctrl/Cmd + Shift + F - すべてのファイルを横断検索
Ctrl/Cmd + B - サイドバーの表示/非表示
Ctrl/Cmd + J - ターミナルパネルの表示/非表示
Ctrl + Tab - 開いているファイル間を切り替え
VS Code / IDE 編集
Ctrl/Cmd + D - 次の同じ単語を選択
Ctrl/Cmd + Shift + L - すべての同じ単語を選択
Alt + 上/下 - 現在の行を上/下に移動
Alt + Shift + 上/下 - 行を上/下に複製
Ctrl/Cmd + / - 行コメントの切り替え
Ctrl/Cmd + Shift + / - ブロックコメントの切り替え
Ctrl/Cmd + [ - インデントを減らす
Ctrl/Cmd + ] - インデントを増やす
Ctrl/Cmd + Shift + K - 行全体を削除
Ctrl/Cmd + Enter - 下に空行を挿入
Ctrl/Cmd + Shift + Enter - 上に空行を挿入
マルチカーソル編集
Alt + クリック - クリック位置にカーソルを追加
Ctrl/Cmd + Alt + 上/下 - 上/下にカーソルを追加
Ctrl/Cmd + Shift + L - すべての出現箇所にカーソルを追加
Esc - マルチカーソルモードを終了
コードの折りたたみ
Ctrl/Cmd + Shift + [ - 現在の領域を折りたたむ
Ctrl/Cmd + Shift + ] - 現在の領域を展開
Ctrl/Cmd + K, Ctrl/Cmd + 0 - すべての領域を折りたたむ
Ctrl/Cmd + K, Ctrl/Cmd + J - すべての領域を展開
ターミナルショートカット
Ctrl + C - 現在のコマンドをキャンセル/中断
Ctrl + D - ターミナルを終了（またはEOFを送信）
Ctrl + L - ターミナル画面をクリア
Ctrl + R - コマンド履歴を検索
Ctrl + A - カーソルを行頭へ移動
Ctrl + E - カーソルを行末へ移動
Ctrl + U - カーソルから行頭までを削除
Ctrl + K - カーソルから行末までを削除
Ctrl + W - カーソル前の単語を削除
Tab - コマンドやパスのオートコンプリート
上/下 - コマンド履歴をナビゲート
ブラウザDevTools
F12 または Ctrl/Cmd + Shift + I - DevToolsを開く
Ctrl/Cmd + Shift + C - 要素検査モード
Ctrl/Cmd + Shift + J - コンソールを直接開く
Ctrl/Cmd + Shift + M - デバイスモードの切り替え
Ctrl/Cmd + R - ページをリロード
Ctrl/Cmd + Shift + R - ハードリロード（キャッシュクリア）
Esc - DevTools内でコンソールドロワーを切り替え
Gitショートカット（VS Code）
Ctrl/Cmd + Shift + G - ソースコントロールパネルを開く
Ctrl/Cmd + Enter - ステージされた変更をコミット（コミットメッセージボックス内で）
これらのショートカットを毎日練習して、第二の天性になるまで身につけましょう。投資した時間は、より速くコーディングでき、中断が減ることで何倍にもなって返ってきます。DevTypeはコード構文のための同様の自動的なスキルを構築するのに役立ちます。