initial commit

1 files changed, 60 insertions, 0 deletions

diff --git a/files/ja/tools/page_inspector/index.html b/files/ja/tools/page_inspector/index.html
new file mode 100644
index 0000000000..cb87d85681
--- /dev/null
+++ b/files/ja/tools/page_inspector/index.html
@@ -0,0 +1,60 @@
+---
+title: インスペクター
+slug: Tools/Page_Inspector
+tags:
+  - CSS
+  - DOM
+  - HTML
+  - Stylesheets
+  - Web Development
+  - 'Web Development:Tools'
+  - 'l10n:priority'
+translation_of: Tools/Page_Inspector
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>ページの HTML や CSS の調査や変更を行うために、インスペクターを使用しましょう。</p>
+
+<p>Firefox でローカルへのコピーとして読み込んだページの他に、Android 版 Firefox などリモートで読み込んだページも調査できます。開発ツールをリモート環境に接続する手順については、<a href="/ja/docs/Tools/Remote_Debugging">リモートデバッグ</a> をご覧ください。</p>
+
+<hr>
+<h2 id="User_Interface_Tour" name="User_Interface_Tour">ユーザーインターフェイスツアー</h2>
+
+<p>インスペクターについてひととおり理解するために、<a href="/ja/docs/Tools/Page_Inspector/UI_Tour">UI のクイックツアー</a> を用意しました。</p>
+
+<hr>
+<h2 id="How_to" name="How_to">使い方</h2>
+
+<p>インスペクターで何ができるかを知るために、以下の使い方ガイドをご覧ください:</p>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">インスペクターを開く</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">HTML の調査と編集</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">ボックスモデルの調査と編集</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">色の調査と選択</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">ページ内の要素を再配置する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/View_fonts">フォントを確認する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Transform の可視化</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">インスペクターの API を使用する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Select_an_element">要素を選択する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">CSS の調査と編集</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">イベントリスナーの調査</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Work_with_animations">アニメーションを扱う</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">CSS フィルターを編集する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes">CSS shape を編集する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/View_background_images">背景画像を確認する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">ウェブコンソールからインスペクターを使用する</a></li>
+ <li><a href="/ja/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">CSS グリッドレイアウトを調査する</a></li>
+</ul>
+</div>
+
+<hr>
+<h2 id="Reference" name="Reference">リファレンス</h2>
+
+<div class="twocolumns">
+<ul>
+ <li><a href="/ja/docs/Tools/Page_Inspector/Keyboard_shortcuts">キーボードショートカット</a></li>
+ <li><a href="/ja/docs/Tools/Tools_Toolbox#Inspector">オプション</a></li>
+</ul>
+</div>