aboutsummaryrefslogtreecommitdiff
path: root/files/ja/tools/debugger/how_to/step_through_code
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/tools/debugger/how_to/step_through_code
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/ja/tools/debugger/how_to/step_through_code')
-rw-r--r--files/ja/tools/debugger/how_to/step_through_code/index.html25
1 files changed, 25 insertions, 0 deletions
diff --git a/files/ja/tools/debugger/how_to/step_through_code/index.html b/files/ja/tools/debugger/how_to/step_through_code/index.html
new file mode 100644
index 0000000000..a36b2a3e64
--- /dev/null
+++ b/files/ja/tools/debugger/how_to/step_through_code/index.html
@@ -0,0 +1,25 @@
+---
+title: コードをステップ実行する
+slug: Tools/Debugger/How_to/Step_through_code
+translation_of: Tools/Debugger/How_to/Step_through_code
+---
+<p>{{ToolsSidebar}}</p>
+
+<p>デバッガーがブレークポイントで停止しているときに、<a href="/ja/docs/Tools/Debugger/UI_Tour#Toolbar">ツールバー</a> にある 4 つのボタンを使用してステップ実行ができます:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/14404/debugger-stepping.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>順番に、以下のボタンがあります:</p>
+
+<ul>
+ <li>復帰: 次のブレークポイントまで実行します。</li>
+ <li>ステップオーバー: 同一関数内で次の行へ進みます。</li>
+ <li>ステップイン: 当該行が関数の呼び出しでなければ、関数内で次の行へ進みます。関数の呼び出しである場合は、呼び出した関数に入ります。</li>
+ <li>ステップアウト: 現在の関数の終端まで実行します。</li>
+</ul>
+
+<p>{{EmbedYouTube("RQBwEk0-xe0")}}</p>
+
+<p>一時停止しているとき、"コンソールペインを表示します" ボタン <img alt="" src="https://mdn.mozillademos.org/files/15017/toggle-console.png" style="height: 25px; width: 30px;"> でウェブコンソールを開閉して、エラーや変数についてさらに洞察を得ることができます:</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15019/split-console.png" style="display: block; height: 482px; margin-left: auto; margin-right: auto; width: 900px;"></p>