Programming Tech

[VScode] チートシート:効率的なコーディングのためのショートカットキー一覧

Mac版ショートカットキー 一覧

ファイル操作

操作 ショートカットキー
新規ファイルを作成 Command + N
ファイルを開く Command + O
ファイルを保存 Command + S
ファイルを保存して閉じる Command + W
ファイルを閉じる Command + W
すべてのファイルを閉じる Option + Command + W

編集操作

操作 ショートカットキー
元に戻す Command + Z
やり直す Shift + Command + Z
コピー Command + C
切り取り Command + X
貼り付け Command + V
全てを選択 Command + A
行を選択 Shift + Command + L
コメントアウト Command + /
フォーマット Option + Shift + F
コードのインデント Control + ]
コードのアンインデント Control + [
行を上に移動 Option + Up Arrow
行を下に移動 Option + Down Arrow

エディタ操作

操作 ショートカットキー
エディタを分割 Command + \
エディタの分割を解除 Shift + Command + \
エディタを左に移動 Control + Option + Left
エディタを右に移動 Control + Option + Right
エディタを上に移動 Control + Option + Up
エディタを下に移動 Control + Option + Down
エディタのタブを切り替え Control + Tab
ファイル内のシンボルを検索 Shift + Command + O
エディタの検索/置換を開く Command + F
ファイルを上にスクロール Control + Up Arrow
ファイルを下にスクロール Control + Down Arrow

検索操作

操作 ショートカットキー
ファイル全体を検索 Shift + Command + F
選択範囲内を検索 Option + Command + F
次を検索 Command + G
前を検索 Shift + Command + G

Windows版ショートカットキー 一覧

ファイル操作

操作 ショートカットキー
新規ファイルを作成 Ctrl + N
ファイルを開く Ctrl + O
ファイルを保存 Ctrl + S
ファイルを保存して閉じる Ctrl + F4
ファイルを閉じる Ctrl + F4
すべてのファイルを閉じる Ctrl + K, Ctrl + W

編集操作

操作 ショートカットキー
元に戻す Ctrl + Z
やり直す Ctrl + Y
コピー Ctrl + C
切り取り Ctrl + X
貼り付け Ctrl + V
全てを選択 Ctrl + A
行を選択 Ctrl + L
コメントアウト Ctrl + /
フォーマット Shift + Alt + F
コードのインデント Ctrl + ]
コードのアンインデント Ctrl + [
行を上に移動 Alt + Up Arrow
行を下に移動 Alt + Down Arrow

エディタ操作

操作 ショートカットキー
エディタを分割 Ctrl + \
エディタの分割を解除 Ctrl + \
エディタを左に移動 Ctrl + Alt + Left
エディタを右に移動 Ctrl + Alt + Right
エディタを上に移動 Ctrl + Alt + Up
エディタを下に移動 Ctrl + Alt + Down
エディタのタブを切り替え Ctrl + Tab
ファイル内のシンボルを検索 Ctrl + P
エディタの検索/置換を開く Ctrl + F
ファイルを上にスクロール Ctrl + Up Arrow
ファイルを下にスクロール Ctrl + Down Arrow

検索操作

操作 ショートカットキー
ファイル全体を検索 Ctrl + Shift + F
選択範囲内を検索 Ctrl + F
次を検索 F3
前を検索 Shift + F3

ご紹介

ショートカットってめちゃくちゃ量多い割に使うの少ないですよね。
でもその少ないショートカットをアプリごとに覚えないと毎回チートシート見る😩 っていう逆に非効率になっちゃいます。

今回チートシート作るにあたって「どうやれば覚えるかな」👉「使うのだけでも使ってたら覚えるか」👉「そういうアプリでも作ろうかしら」👉「COMMAND LAB: ショートカット&コマンドの練習」にたどり着きました。

「Command Lab」は、ショートカットキーやコマンドをゲーム感覚で楽しく学べるウェブサイトです。
日常的に使われるアプリケーションのショートカットキーやコマンドを繰り返し入力することで、直感的に覚えることができます。

反復練習が何よりも重要で、当サイトはその練習を効率的にかつ迅速に行うことができる環境になってます(寿司打とか地道にやっていた時が思い出される. 自動的に出題される課題に継続的に取り組むことで、ショートカットキーを体で覚え、いざという時にスムーズに入力できるようになるはずです。

多様なアプリに対応しており、ExcelやPowerPointなどのビジネスツールから、VS codeやAtom、VIMといった開発ツール、さらにはPhotoshopやFigma、WordPressといったクリエイティブツールまで、あらゆるユーザーに対応しています。ありがたい!

対応しているアプリ一覧:

No. アプリ・ツール 説明
1 TEXT WindowsとMacのテキスト操作におけるショートカットの練習。様々なアプリで横断的に使えるショートカットを学ぶことができます。
2 Excel ビジネスには欠かせないツールであるExcelのショートカットをしっかり学べます。覚えておくとマウス操作の必要が飛躍的になくなるショートカットを提供しています。
3 PowerPoint プレゼンや資料作成には欠かせないビジネスのスタンダードツールであるPowerPointのショートカットをしっかり学べます。
4 VS code Microsoftが開発した多機能のソースコードエディタであるVisual Studio Code、通称vscodeのショートカットをしっかり学べます。
5 Atom GitHubが開発したソースコードエディタであるAtomのショートカットを学べます。
6 VIM 覚えれば爆速でコーディングできるエディタ「vim」のコマンドが効率的に楽しく学べます。
7 terminal ターミナルというキーボードからコマンドを打つだけで様々な操作ができるツール。UNIXコマンドを使ってできる様々な操作を直感的に学べます。
8 Photoshop webデザイナーやフォトグラファーなどには欠かせないAdobe社のビットマップデータ加工ツール、Photoshopのショートカットがしっかり学べます。
9 Figma UIデザインやワイヤーフレームの制作に適したツールで、ブラウザ上で動作し、チームでのコラボレーションがしやすい設計が特徴です。
10 Word 論文や契約書などの文書作成に適しているツール。見出しや文章の校正機能が充実していて原稿用紙のような見た目が特徴。そんなWordの覚えておくと便利なショートカットが学べます。
11 WordPress 世界中で使われているブログを簡単に作成するためのCMS。投稿ページや固定ページの作成時用のショートカットキーが豊富にあります。

ぜひ使ってみてください!(回し者 ここにないものでみんなの使用頻度が高そうなものは後々アプリ化していけたらと思っています。