🐾

Visual Studio のデバッグ方法の基本

2024/06/13に公開

.NET

これだけ覚える

デバッグの基本は、これだけ覚えれば十分です。

ブレークポイント
F5 キー（次のブレークポイントまでジャンプ）
F10 キー（1 行ずつ移動）
F11 キー（1 行ずつ移動し、行が関数の場合は関数の中へジャンプ）
デバッグ時に値を確認する方法

どのような目的でデバッグを利用するのか

バグが発生したときはもちろんのこと、開発中に多く利用します。
変数の値の中身を見たり、エラーを捕捉しエラー内容を確認したりします。

使用するコード

公式サンプルコードで Blazor Server アプリを作成の記事で紹介した microsoft 公式サンプルコードに手を加えて使用します。

[Counter.razor] ページを以下のものに置き換えてください。

Counter.razor

@page "/counter"
@rendermode InteractiveServer

<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
@if (judgeStr == "")
{
	<br />
	<br />
}
else
{
	<p>@judgeStr</p>
	<p>@dispStr</p>
}
<button class="btn btn-primary" @onclick="onClickBtn">Click me</button>

@code {
	private int currentCount = 0;
	private string judgeStr = "";
	private string dispStr = "";

	/// <summary>
	/// クリックでカウントする関数
	/// </summary>
	private void incrementCount()
	{
		currentCount++;
	}

	/// <summary>
	/// クリック数で偶数奇数を判断し文字列を表示する関数
	/// </summary>
	private void numJudge()
	{
		int remainder = currentCount % 2; // 2 で割った余り
		if (remainder == 0)
		{
			judgeStr = "偶数カウントです";
		}
		else if (remainder == 1)
		{
			judgeStr = "奇数カウントです";
		}
		else
		{
			judgeStr = "";
		}
	}

	/// <summary>
	/// クリック数で文字列を並べて表示する関数
	/// </summary>
	private void setStr()
	{
		int remainder = currentCount % 3; // 3 で割った余り
		string str = "";

		if (remainder == 2)
		{
			str = "いちご";
		}
		else if (remainder == 1)
		{
			str = "メロン";
		}
		else if (remainder == 0)
		{
			str = "みかん";
		}

		dispStr = dispStr + str;
	}

	/// <summary>
	/// Click me ボタンクリック時関数
	/// </summary>
	private void funcOnClick()
	{
		incrementCount();
		numJudge();
		setStr();
	}

	/// <summary>
	/// Click me ボタンクリック時イベント
	/// </summary>
	/// <param name="args"></param>
	/// <returns></returns>
	private async Task onClickBtn(EventArgs args)
	{
		await Task.Run(() => funcOnClick());
	}
}