# 2章【Google Chromeの基本操作を覚えよう】
## 学習の目標
前章ではGoogle Chromeをインストールし、起動方法を学びました。
本章ではGoogle Chromeを使っていく上で使いこなしていきたい機能を説明していきます。
今後長く使用していくツールですので、しっかり身につけていきましょう。
<br>

## はじめに
本章では大きく以下2つの分類に分けて紹介しています。
- 必須級
- 実用的

全ての機能を紹介するわけではありませんのでご了承ください。
また、ショートカットキーについては[Mac]、[Windows]、[共通]と表記を分けています。
[公式のショートカットキー一覧](https://support.google.com/chrome/answer/157179?co=GENIE.Platform%3DDesktop&hl=ja) も併せてご確認ください。
<br>

## 必須級
Google Chromeを使用していくにあたり、必要不可欠となる機能について説明していきます。

### ページ内検索
表示しているページ内で文字を検索します。
[Mac]`command⌘`+`f`
[Windows]`Ctrl`+`f`

### 最大化、最小化、終了
読んで字のごとく、ウィンドウの最大化、最小化、およびChromeの終了を行います。
こちらはほとんどのアプリケーションで共通の項目となっています。
それぞれ以下の通りです。
[Mac]ウィンドウの左上。左から赤：終了／黄：最小化／緑：最大化


[Windows]ウィンドウの右上。左から－：最小化／□：最大化／×：終了


### ページの再読み込み
表示しているページを再読み込みします。
これには２種類あります。

#### リロード
[Mac]`command⌘`+`r`
[Windows]`Ctrl`+`r`
[共通]ウィンドウ左上の↷アイコン

#### スーパーリロード
[Mac]`command⌘`+`Shift`+`r`
[Windows]`Ctrl`+`Shift`+`r`

これら2つの違いは、キャッシュの有無にあります。
「キャッシュ」とは、Webページの情報を一時的に保存する仕組みのことで、
同じサイトを何度も表示（リロード）するときには、
このキャッシュを用いることで読み込みを高速化しています。
しかし、キャッシュは少し前の状態を状態を保持していることが多く、
最新の情報が反映されないこともあります。
そのような場合に、キャッシュを無視して読み込むスーパーリロードを用いることで、最新の状態を表示できます。

### ズーム倍率の変更
表示しているページのズーム倍率を変更します。

#### 拡大
[Mac]`command⌘`+`+`
[Windows]`Ctrl`+`+`

#### 縮小
[Mac]`command⌘`+`-`
[Windows]`Ctrl`+`-`

#### 100%に戻す
[Mac]`command⌘`+`0`
[Windows]`Ctrl`+`0`

#### アドレスバーの虫眼鏡アイコン
ページのURLが表示されている部分を「アドレスバー」と呼びます。
100%から変更していると、以下のように虫眼鏡アイコンが表示されます。
ここをクリックすることでもズーム倍率の変更ができます。


#### デフォルトのズーム倍率変更
デフォルトのズーム倍率は100%ですが、
これを変更することができます。
ウィンドウ右上の三点アイコンをクリックし、
表示されたメニューから「設定」を選択します。
Chromeの設定画面が開きますので、
「デザイン」→「ページのズーム」の項目で変更ができます。
なお、先ほど説明した「100%に戻す」は、
厳密にはここで設定された値に戻す機能になります。


### 別タブで開く
リンク先のページを別タブで開きます。
[Mac]`command⌘`+リンクをクリック
[Windows]`Ctrl`+リンクをクリック

また、`Shift`キーを追加すると、開いたページのタブが表示されます。
これらは後ほど説明する「ブックマーク」にも使用可能です。

### 別ウィンドウで開く
リンク先のページを別ウィンドウで開きます。
[共通]`Shift`+リンクをクリック

### 新しいタブを開く
新しいタブを開きます。
[Mac]`command⌘`+`t`
[Windows]`Ctrl`+`t`
[共通]ウィンドウ上部の＋アイコン

### 新しいウィンドウを開く
新しいウィンドウを開きます。
[Mac]`command⌘`+`n`
[Windows]`Ctrl`+`n`

### タブ移動
タブの順序や位置を移動します。
[Mac]`control`+タブをクリック→タブを別のウィンドウに移動
[Windows]タブを右クリック→タブを別のウィンドウに移動
[共通]タブをドラッグアンドドロップ

### ブックマーク
「ブックマーク」とは特定のページへのショートカットのことです。
よく使用するページをブックマークに登録することで、
日々の学習をスムーズに進めることができます。
また、気になったページを登録することで、あとで見返すこともできます。

#### 現在開いているページをブックマーク登録
[Mac]`command⌘`+`d`
[Windows]`Ctrl`+`d`
[共通]アドレスバーの星アイコンをクリック

#### ブックマークバーの表示オンオフ
ブックマークバーの表示は切り替えることができます。
なお、「新しいタブ」では常に表示されます。
[Mac]`command⌘`+`Shift`+`b`
[Windows]`Ctrl`+`Shift`+`b`

#### 既存ブックマークの編集
[Mac]`control`+ブックマークをクリック→編集
[Windows]ブックマークを右クリック→編集

名前を空白にすると、以下のようにアイコンだけになります。
アイコンだけで判別が付く場合はすっきりします。
また、フォルダを作成することもできます。


#### ブックマークマネージャー
ブックマークの編集を行うことができるページです。
大きな変更を加える場合はこちらを使用すると良いでしょう。
[Mac]`control`+ブックマークバーをクリック→ブックマークマネージャー
[Windows]ブックマークバーを右クリック→ブックマークマネージャー

### デベロッパーツール（検証機能）のオンオフ
デベロッパーツールは、Chromeが提供する機能の１つです。
Webサイトの要素を確認したり、サイトのコードを試しに編集することができます。
こちらについては【HTML・CSSを学ぼう】以降で詳しく説明します。
今はこのような機能がある、ということだけ頭に入れておきましょう。
[Mac]`command⌘`+`option`+`i`
[Windows]`Ctrl`+`Shift`+`i`
<br>

## 実用的
Google Chromeを使用していくにあたり、覚えておくとより効率的に作業ができるような機能について説明していきます。

### 進む、戻る
現在表示しているタブ内の履歴を1つ分進む／戻ることができます。

#### 進む
[Mac]`command⌘`+`]`/ `command⌘`+ 左矢印
[Windows]`Alt`+ 左矢印
[共通]ウィンドウ右上の→アイコン

#### 戻る
[Mac]`command⌘`+`[` / `command⌘`+ 右矢印
[Windows]`Alt`+ 右矢印
[共通]ウィンドウ右上の←アイコン

なお、進む／戻る共通の機能として、
矢印アイコンを長押しすることで、そのタブ内での履歴が表示されます。

### 表示タブ切り替え
タブをクリックせず、ショートカットキーのみでもタブの表示切り替えができます。

#### 一つ左
[Mac]`command⌘`+`option`+左矢印
[Windows]`Ctrl`+`Shift`+`Tab`

#### 一つ右
[Mac]`command⌘`+`option`+右矢印
[Windows]`Ctrl`+`Tab`

#### 左から1～8番目
[Mac]`command⌘`+`1`～`8`
[Windows]`Ctrl`+`1`～`8`

#### 右端
[Mac]`command⌘`+`9`
[Windows]`Ctrl`+`9`

### タブグループ
タブが増えていくと、特定のタブを探すのが大変になります。
そこで「タブグループ」という機能が役に立ちます。
以下画像のようにグループに名前をつけ、複数タブを管理することができます。
[Mac]`control`+タブをクリック→タググループ
[Windows]タブを右クリック→タググループ


### シークレットモード
シークレットモードは、自分が閲覧したホームページの閲覧履歴やダウンロード履歴を残したくないときに使用します。
シークレットモード使用中には、以下のようにアドレスバーの右に「シークレット」と表示されます。
[Mac]`command⌘`+`Shift`+`n` / `control`+Chromeアイコンをクリック→新規シークレットウィンドウ
[Windows]`Ctrl`+`Shift`+`n` / Chromeアイコンを右クリック→シークレットブラウザ


### テーマ変更
Chromeのテーマ変更ができます。
[共通]ウィンドウ右上の三点アイコン→設定→デザイン→テーマ

右端のアイコンをクリックすると、chromeウェブストアが開きます。
多種多様なテーマがあるので、時間があるときにゆっくり探してみましょう。


なお、テーマを変更していると以下のような表示になります。


<br>

## 本章のまとめ
本章ではGoogle Chromeでよく使用する機能について学習しました。
本章で紹介した以外にもたくさんの機能があります。
自分にあった使い方を見つけ、使いこなしていきましょう。

[前の章へ](/Tl7fHQpUTKOfyQVyUMUqFw) | [一覧](/bvG7awAKQPWGcQ8TRyCI4w) | [次の章へ](/o1hqARw2S0S-mQLGBA9vrQ)