Web制作コース

【まずはここから🔰】ゼロから始めるWeb制作

【Web制作】ローカル開発レッスンサンプル1

## 検証ツールの開き方

検証ツールを開く方法は主に2つあります。

1. **右クリックメニューから開く**
   - ブラウザ上でマウスの「右クリック」を行い、「検証」を選択します。

2. **ショートカットキーを使う**
   - **Mac**: `command` + `option` + `I` を押します。
   - **Windows**: `Ctrl` + `Shift` + `I` を押します。

## 言語設定を変更する

デフォルトでは検証ツールは英語で表示されますが、日本語に変更することも可能です。英語に抵抗がある方は、以下の手順で日本語に設定しましょう。

1. 検証ツールの右上にある「歯車マーク」をクリックします。
2. 「Preferences」タブの「Language」セクションで「日本語」を選択します。
3. 右上の「×」ボタンをクリックして設定を閉じます。
4. 「Reload Dev Tools」と表示されるので、クリックして検証ツールをリロードします。

## 画面配置のカスタマイズ

検証ツールの表示位置はデフォルトで画面の右側ですが、任意でレイアウトを変更することが可能です。

1. 検証ツール内の右上にある「…」ボタンをクリックします。
2. 「Dock side」のアイコンから、ツールの表示位置を選択します（右側、下側、左側、または別ウィンドウ）。

2. 【検証ツール】基本設定