GitHub操作を時短！ショートカットキーが便利なので広めたい

## はじめに
GitHubには多くの便利なショートカット操作が用意されています。活用できれば時間の節約と生産性の向上が期待できますが、意外と知られていないものも多いのではないでしょうか。

この記事では、私が日常的に活用しているものを中心にGitHubを便利に使いこなすためのショートカット操作を紹介します。ぜひ最後までご覧ください！


### 目次

- [PR操作を効率化する必須ショートカット](#pr操作を効率化する必須ショートカット)
    - [マークダウン入力のショートカット](#-マークダウン入力のショートカット)
    - [入力エディタを瞬時にプレビュー⇔編集の切替え](#-入力エディタを瞬時にプレビュー編集の切替え)
    - [レビューコメントの表示⇔非表示の切替え](#-レビューコメントの表示非表示の切替え)
    - [差分ファイルの一括開閉テクニック](#-差分ファイルの一括開閉テクニック)
    - [タイトル・本文編集のショートカット](#-タイトル本文編集のショートカット)
    - [コメントを素早く送信するキー操作](#-コメントを素早く送信するキー操作)
- [スラッシュコマンドでリッチなPR文書作成効率化](#スラッシュコマンドでリッチなpr文書作成効率化)
    - [テーブル作成](#-テーブル作成--tableを選択)
    - [折りたたみセクション](#-折りたたみセクション--detailsを選択)
    - [コードブロック](#-コードブロック--codeを選択)
    - [Alertボックス](#-alertボックス--alertを選択)
    - [返信テンプレート](#-返信テンプレート--saved-repliesを選択)
- [画面内のタブを瞬時に移動するショートカット](#画面内のタブを瞬時に移動するショートカット)
- [PR一覧を素早く絞り込む検索ショートカット](#pr一覧画面での検索ショートカット)
- [コマンドパレットを使った検索ショートカット](#コマンドパレットを使った検索ショートカット)

:::note warn
**注意点**
記載しているキー操作はMacでの操作を想定して記載しています。
:::


## PR操作を効率化する必須ショートカット

### 📌 マークダウン入力のショートカット

コメントやPRを書く際に使えるマークダウン記法はショートカットが使えます。
時短になるため覚えておくと便利です！

| キー操作 | 内容 |
|:-|:-|
|`Cmd` + `B`|太字（\*\*test\**）|
|`Cmd` + `I`|斜体 （\_text_）|
|`Cmd` + `K`|リンク （\[text](url)）|
|`Cmd` + `E`|インラインコード（\`text`）|

↓その他のキー操作は下記を参照ください

https://docs.github.com/ja/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax


### 📌 入力エディタを瞬時にプレビュー⇔編集の切替え

エディタ内に入力した内容をプレビュー表示したい場合は、キー操作ですぐに切り替えることができます。

| キー操作 | 内容 |
|:-:|:-:|
|`Cmd` + `Shift` + `P`|プレビュー切替|

<img width="550" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/0d647c52-d226-469c-a1f8-1016885a3353.gif">



### 📌 レビューコメントの表示⇔非表示の切替え

PR内のFileChangesのタブにアクセスしていれば下記のキー操作が可能になります。
差分を確認する際にコメントを除外することができるため、レビューの視認性を上げたい場合に便利です。

| キー操作 | 内容 |
|:-|:-|
|`i`|コメントの表示⇔非表示|

![ダウンロード (2).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/ed737fcb-d80d-4b4b-8c6f-ee5af46f1e4d.gif)


### 📌 差分ファイルの一括開閉テクニック
差分として表示されているファイルを一括で折りたたむ or 開くことができます。
差分ファイルの移動や把握をしたい場合に地味に便利です。

| キー操作 | 内容 |
|:-|:-|
|`Alt` + `ファイル名横の>をクリック` |ファイル差分を一括Close⇔Open|

![ダウンロード (4).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/75f3791a-6e5c-4b09-ba79-a89b80dca4c0.gif)


### 📌 タイトル・本文編集のショートカット

PRのタイトルや本文は、キー操作で手軽に編集できます。内容を素早く修正できるので便利です。



| キー操作 | 内容 |
|:-|:-|
|`Cmd` + `K` + `Edit pull request body`を選択|PRの本文を編集 |
|`Cmd` + `K` + `Edit pull request title`を選択  | PRのタイトルを編集  |

<img width="550" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/07b0050e-492b-46c8-94d6-6129055e6778.png">


### 📌 コメントを素早く送信するキー操作

コメント送信はキー操作で完結できます。頻度が多い操作なので時短できると便利です。
入力エディタにいる状態で以下のキー操作を使用できます。

| キー操作 | 内容 |
|:-|:-|
|`Cmd` + `Shift` + `Enter`|Add single comment|
|`Cmd` + `Enter`  | Start a review|

<img width="550" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/d2136902-4b00-4ba7-8e09-5ca207906b93.png">

## スラッシュコマンドでリッチなPR文書作成効率化

テーブルや折りたたみなどのリッチなマークダウン記法はプルリク内の情報の整理や視認性が上がり、レビュー効率が上がるので活用している方も多いと思います。

↓GitHubの入力エディタ内で `/` に続けて特定のコマンドを入力することで、様々なマークダウン記法が効率的に呼び出せるので便利です。

|キー操作|機能|
|--|--|
|`/` + `table`を選択|テーブル作成|
|`/` + `details`を選択|折りたたみセクション作成|
|`/` + `code`を選択|コードブロック挿入|
|`/` + `alert`を選択|Alertボックスの作成|
|`/` + `saved-replies`を選択|返信テンプレートの呼び出し|

### 📌 テーブル作成（`/` + `table`を選択）

| 入力 | 結果 |
|:-:|:-:|
|![スクリーンショット 2025-03-17 14.42.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/33530c58-8ec1-40b2-9dc1-cf821a0d9701.png)|![スクリーンショット 2025-03-17 14.42.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/88bf6af5-3474-424c-85d8-3b8ad611e927.png)|




https://docs.github.com/ja/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-tables#creating-a-table


### 📌 折りたたみセクション（`/` + `details`を選択）

| 入力 | 結果 |
|:-:|:-:|
|![スクリーンショット 2025-03-17 15.24.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/32ea8cc1-27b2-4e67-9cda-e1accab9c6a2.png)|<img width=430px src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/b24737f0-822e-4d9d-a75c-97d5dd783c26.gif">|


https://docs.github.com/ja/get-started/writing-on-github/working-with-advanced-formatting/organizing-information-with-collapsed-sections


### 📌 コードブロック（`/` + `code`を選択）

| 入力 | 結果 |
|:-:|:-:|
|![スクリーンショット 2025-03-17 15.26.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/9955a369-a99c-4467-a977-6ca22cc2e504.png)|![スクリーンショット 2025-03-17 15.28.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/cd801f35-69ba-4d2f-8463-53ecc090f9be.png)|

https://docs.github.com/ja/get-started/writing-on-github/working-with-advanced-formatting/creating-and-highlighting-code-blocks


### 📌 Alertボックス（`/` + `alert`を選択）

| 入力 | 結果 |
|:-:|:-:|
|![スクリーンショット 2025-03-17 14.54.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/d31b8f62-1bd4-487b-a733-b970f53d53e3.png)|![スクリーンショット 2025-03-17 15.17.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/b04e38a7-eb07-4227-bb22-ef9278135812.png)|

https://docs.github.com/ja/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts


### 📌 返信テンプレート（`/` + `saved-replies`を選択）
繰り返し使う返信コメントはテンプレート化でき、いつでも呼び出すことができます。
↓エディタ内の呼び出しボタンを押下でも呼び出し可能です。

![スクリーンショット 2025-03-20 14.14.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/d09c91b4-c348-4bd5-8784-9e701f1822d3.png)

↓入力例(テンプレートには画像を事前に登録)　


| 登録したテンプレを選択 | 結果 |
|--|--|
|![スクリーンショット 2025-03-27 14.00.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/5232c22d-fad0-4dcb-98ec-1122b5df3d5f.png)|![スクリーンショット 2025-03-27 14.01.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/6017e64d-af95-484c-b120-c5a58e058046.png)|

↓返信テンプレートの使用例

https://qiita.com/ucan-lab/items/eeef46cee4b928106d1d


## 画面内のタブを瞬時に移動するショートカット

GitHub内の各タブへの移動にはショートカットキーが登録されており、キー操作のみで移動が可能です。

| キー操作 | 機能 |
|--------------|------|
| `g` + `c` | コードタブへ移動 |
| `g` + `i` | Issuesタブへ移動 |
| `g` + `p` | Pull Requestsタブへ移動 |
| `g` + `w` | Wikiタブへ移動 |
| `g` + `n` | 通知ページへ移動 |
| `g` + `d` | ダッシュボードへ移動 |

↓画面上での対応図

![スクリーンショット 2025-03-17 16.32.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/3c15d7e8-968b-4805-ab41-4f5e0bab734d.png)

↓その他のキー操作は下記を参照ください

https://docs.github.com/ja/get-started/accessibility/keyboard-shortcuts


## PR一覧画面での検索ショートカット
PR一覧画面ではさまざまな絞り込み検索が可能ですが、それぞれショートカットが設定されています。


| ショートカット | 説明                           |
|--------------|------------------------------|
| `u`         | Auther（PRの作成者）で絞り込み |
| `a`         | Assignee（担当者）での絞り込み  |
| `p`         | Projectでの絞り込み |
| `l`         | Labelでの絞り込み  |
| `Cmd` + `/`   | サーチボックスへ移動 |

↓画面側との対応図

![スクリーンショット 2025-03-17 19.57.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3855637/1f06ed1a-5727-4305-a41e-3a1236aa496a.png)



## コマンドパレットを使った検索ショートカット

コマンドパレットを使うと、PRやリポジトリ内移動、ファイル検索などGitHubの様々な機能に素早くアクセスできます。


| キー操作 | 機能 |
|--|--|
|`Cmd` + `K`|コマンドパレットを展開|

### GitHub コマンドパレットでの構文

`Cmd` + `K` でコマンドパレットを展開後下記の操作で様々な検索がショートカットできます。

| キー操作 | 機能 |
|----------|------|
| `#` | issue、pull request、ディスカッション、プロジェクトを検索する|
| `@` | ユーザー、組織、リポジトリを検索|
| `/` | リポジトリ、スコープ内のファイル、または組織スコープ内のリポジトリを検索|
| `!` | プロジェクトを検索|
| `>` | コマンドモードを開始|


↓その他のキー操作は下記を参照ください

https://docs.github.com/ja/get-started/accessibility/github-command-palette



## さいごに
GitHubで効率的に作業するための様々なショートカット操作を紹介しました。
操作を覚えるのには少し時間がかかるかもしれませんが、GitHubをより便利に使いたい方はぜひ使ってみてください！

さいごまで読んでくださったみなさんのGitHub体験がより快適になることを願っています。




## KIYOラーニング株式会社について
当社のビジョンは『世界一「学びやすく、分かりやすく、続けやすい」学習手段を提供する』ことです。革新的な教育サービスを作り成長させていく事で、オンライン教育分野でナンバーワンの存在となり、世界に展開していくことを目指しています。

https://kiyo-learning.com/

### プロダクト


* [スタディング](https://studying.jp/)：「学びやすく・わかりやすく・続けやすい」オンライン資格対策講座
* [スタディングキャリア](https://career.studying.jp/)：資格取得者の仕事探しやキャリア形成を支援する転職サービス
* [AirCourse](https://aircourse.com/)：受け放題の動画研修がついたeラーニングシステム（LMS）

### KIYOラーニング株式会社では一緒に働く仲間を募集しています

https://www.wantedly.com/companies/kiyo-learning/projects

https://herp.careers/v1/kiyolearning