実践的ショートカットキー講座ウェブブラウザ編

# 概要

### 執筆のきっかけ
昨年秋ごろに、実践的ショートカットキー講座第1弾として[Windows10編](https://qiita.com/yhyukihama/items/3754e15dfc270787775c)、第2弾として[Googleドキュメント編](https://qiita.com/yhyukihama/items/c31473120359ff439c14)を執筆しました。
それから随分と時間が経ちましたが、その時から構想にあったウェブブラウザ編を第3弾として公開する準備が整いました。
皆さんが毎日使うウェブブラウザで使えるワザを紹介しますので、是非最後まで読んでください！

### 対象
非プログラマー含む、幅広い方を対象にしています。残念ながら、Windowsユーザーに限定です。

### 環境
- Windows10 Home 1909 (November 2019 Update)
- Google Chrome 83.0.4103.116 (Official Build)
- Firefox 78.0.2 (64 bit)

Windowsやウェブブラウザのバージョンによってはショートカットキーが異なる場合があるので、注意してください。

# 1. 《はじめに》ウェブブラウザってなに？
### ウェブブラウザとは
ウェブブラウザとは、パソコンでインターネットを利用するときに使うソフトウェアのことです。Google検索するアレです。
パソコンに詳しくない方でも必ず利用したことがあるというくらい、皆さんの生活に溶け込んでいるものです。

### ウェブブラウザの種類
[最新版の調査](https://gs.statcounter.com/browser-market-share)によると、2020年6月現在では圧倒的にGoogle Chromeが人気のようです。筆者はメインでFirefoxとGoogle Chromeを使っています。

**世界シェア**
1. Google Chrome (65.5%)
2. Safari (17.0%)
3. Firefox (4.3%)
4. Samsung Internet (3.3%)
5. Opera (1.9%)

### ウェブブラウザの関連単語
これらの単語は基礎知識として知っておいてください。
説明はかなり簡略に書いているので、気になる方は各自調べましょう！

| 用語 | 説明 |
|:-:|:-:|
| **タブ** | 表示する画面のこと。複数開いて横に並べることができる |
| **ウィンドウ** | タブの集まりのこと |
| **ブックマーク** | お気に入りのこと。よく使うウェブサイトにすぐにアクセスできる |

# 2. 《基礎の基礎》キーを確認しよう！
読み進める前に、一度は確認してください。既に知っている方はスルーしてもらっても構いません。
なお、キーボード上での表記はご使用のパソコンによって異なります。

<details><summary>Windowsのキーボード(クリックすると開きます)</summary><div>

- 「 **A** 」～「 **Z** 」
- 「 **Alt** 」
- 「 **Back Space** 」
- 「 **Ctrl** 」
- 「 **Delete** 」
- 「 **Enter** 」
- 「 **Esc** 」
- 「 **F1** 」～「 **F12** 」
- 「 **Print Screen** 」
- 「 **Shift** 」
- 「 **Space** 」
- 「 **Tab** 」
- 「 **Windows** 」
- 「 **→** 」「 **←** 」「 **↓** 」「 **↑** 」

</div></details>

# 3. 《ショートカット基礎編》これだけは覚えよう！

### 特に重要なショートカット

**重要度 : ★★★**
**利便性 : ★★★**
**難易度 : ★☆☆**

| ショートカット | 機能 |
|:-:|:-:|
| **「 Ctrl 」 + 「 N 」** | 新しいウィンドウを開く |
| **「 Ctrl 」 + 「 T 」** | 新しいタブを開く | 
| **「 Ctrl 」 + 「 W 」** | 現在のタブを閉じる | 
| **「 Ctrl 」 + 「 Tab 」** | 開いている次のタブに移動する | 
| **「 Ctrl 」 + 「 Shift 」 + 「 Tab 」** | 開いている前のタブに移動する | 
| **「 F5 」** | 更新する |
| **「 F11 」** | 全画面表示にする/全画面表示を終了する |

# 4. 《ショートカット初級編》次はこれを覚えよう！

### 毎日使える便利なショートカット

**重要度 : ★★★**
**利便性 : ★★★**
**難易度 : ★★☆**

| ショートカット | 機能 |
|:-:|:-:|
| **「 Alt 」 + 「 F4 」** | 現在のウィンドウを閉じる |
| **「 Alt 」 + 「 ← 」** | 現在のタブの閲覧履歴の中で前にあるページを開く |
| **「 Alt 」 + 「 → 」** | 現在のタブの閲覧履歴の中で次にあるページを開く |
| **「 Control 」 + 「 D 」** | 現在のウェブページをブックマークとして保存する |
| **「 Control 」 + 「 F 」** | 現在のページ内を検索する検索バーを開く |
| **「 Control 」 + 「 K 」** | 検索バーに移動する |
| **「 Control 」 + 「 Shift 」 + 「 T 」** | 閉じたタブを閉じた順序で再び開く |
| **「 Control 」 + 「 Shift 」 + 「 W 」** | 現在のウィンドウを閉じる |

# 5. 《ショートカット中級編》これを覚えて差をつけよう！

### 痒い所に手が届くショートカット

**重要度 : ★★☆**
**利便性 : ★★★**
**難易度 : ★★★**

| ショートカット | 機能 |
|:-:|:-:|
| **「 Control 」 + 「 Shift 」 + 「 N 」** | 新しいウィンドウをシークレットモードで開く |
| **「 Control 」 + 「 G 」** | 検索バーでの検索内容に一致する次の部分に移動する |
| **「 Control 」 + 「 Shift 」 + 「 G 」** | 検索バーでの検索内容に一致する前の部分に移動する |
| **「 Control 」 + 「 L 」** | アドレスバーに移動する |
| **「 Control 」 + 「 1 」** | 左から1番目のタブに移動する |
| **「 Control 」 + 「 2 」** | 左から2番目のタブに移動する |
| **………** | ……… |
| **「 Control 」 + 「 8 」** | 左から8番目のタブに移動する |
| **「 Control 」 + 「 9 」** | 右端のタブに移動する |
| **「 Control 」 + 「 0 」** | ページのズームレベルをリセットする |

# 6. 《ショートカット上級編》これであなたもショートカットマスターだ！

### キーボードだけですべてが解決するショートカット

**重要度 : ★☆☆**
**利便性 : ★★☆**
**難易度 : ★★★**

| ショートカット | 機能 |
|:-:|:-:|
| **「 Control 」 + 「 Shift 」 + 「 B 」** | ブックマークバーの表示と非表示を切り替える |
| **「 Control 」 + 「 J 」** | ダウンロードページを新しいタブで開く |
| **「 F5 」** | 現在のページを再読み込みする |
| **「 Shift 」 + 「 F5 」** | キャッシュを削除して現在のページを再読み込みする |
| **「 End 」** | ページの最後に移動する |
| **「 Home 」** | ページの先頭に移動する |
| **「 Space 」** | ウェブページを 1 画面ずつ下にスクロールする |
| **「 Shift 」 + 「Space」** | ウェブページを 1 画面ずつ上にスクロールする |

# 7. まとめ

今回は、ウェブブラウザで使えるショートカットキーを紹介しました。
この記事を参考にして、是非使ってみてください。
このページのブックマークは、 **「 Control 」 + 「 D 」** ですよ！

# 8. 関連リンク

- [Wikipediaより「Windowsキー」](https://ja.wikipedia.org/wiki/Windows%E3%82%AD%E3%83%BC)
- [Wikipediaより「ショートカットキー一覧」](https://ja.wikipedia.org/wiki/%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E3%82%AD%E3%83%BC%E4%B8%80%E8%A6%A7)
- [Google Chromeヘルプより「Chromeのキーボードショートカット」](https://support.google.com/chrome/answer/157179)