cshtmlファイルでのコードのコメント記述 - Razor Pages のコードのコメント記述
ASP.NET Core の Razor Pages のコードのコメント記述方法を紹介します。
書式
コメントの記述方法は以下があります。
@* *@ を用いたコメント
@* から
*@ までがすべてコメントアウトされます。
<!-- --> を用いたコメント
HTMLファイルと同様に<!-- -->を用いてコメントを記述できます。
/* */ を用いたコメント
コードブロック内では
/* */ // のコメントが利用できます。
記述例
@page
@model RazorPagesComment.Pages.IndexModel
@{
}
<html>
<head>
<title>TestPage</title>
</head>
<body>
<h2>Razor Pagesでのコメントアウトのデモ</h2>
<p>コンテンツ1です。</p>
@*
<p>コメント1です。</p>
<p>コメント2です。</p>
*@
<p>コンテンツ2です。</p>
</body>
</html>
補足: HTMLコメントでコメントアウトした場合
HTMLのコメント
<!-- --> でコメントアウトした場合、コメント部分のコードはWebブラウザに送信される動作になります。
以下のRazorページを作成します。
@page
@model RazorPagesComment.Pages.IndexModel
@{
}
<html>
<head>
<title>TestPage</title>
</head>
<body>
<h2>Razor Pagesでのコメントアウトのデモ</h2>
<p>コンテンツ1です。</p>
@*
<p>コメント1です。</p>
<p>コメント2です。</p>
*@
<p>コンテンツ2です。</p>
<!--
<p>コメント3です。</p>
<p>コメント4です。</p>
-->
<p>コンテンツ3です。</p>
</body>
</html>
実行すると、下図のページが表示されます。
ソースコード表示を確認します。
以下のコードとなります。
@* *@ でコメントした「コメント1です。」「コメント2です。」はソースコード中にも表示されませんが、
<!-- --> 凸面tの下、「コメント3です。」「コメント4です。」はページに表示されませんが、ソースコード中には表示されています。
<html>
<head>
<title>TestPage</title>
</head>
<body>
<h2>Razor Pagesでのコメントアウトのデモ</h2>
<p>コンテンツ1です。</p>
<p>コンテンツ2です。</p>
<!--
<p>コメント3です。</p>
<p>コメント4です。</p>
-->
<p>コンテンツ3です。</p>
<!-- Visual Studio Browser Link -->
<script type="text/javascript" src="/_vs/browserLink" async="async" id="__browserLink_initializationData"
data-requestId="477bfa5bead3496dbdd87fb3d2d8aa25"
data-requestMappingFromServer="false"
data-connectUrl="http://localhost:63676/42f27bcf30cf4e538a54cc7ca9d125e1/browserLink"></script>
<!-- End Browser Link -->
<script src="/_framework/aspnetcore-browser-refresh.js"></script></body>
</html>
コードブロックのコメントアウト
コードブロック内をコメントアウトする場合はC#のコメントアウトと同じ
// /* ... */ を利用できます。
記述例
@page
@model RazorPagesComment.Pages.CodeModel
@{
}
<html>
<head>
<title>TestPage</title>
</head>
<body>
<h2>Razor Pagesでのコメントアウトのデモ</h2>
<p>コンテンツ1です。</p>
@{
for (int i=0; i < 5; i++) {
<text>文字列 @i</text>
//<text>もじれつ</text>i.ToString();
<br />
}
}
<p>コンテンツ2です。</p>
@{
/*
for (int i = 0; i < 5; i++) {
<text>文字列 @i</text>
}
*/
}
<p>コンテンツ3です。</p>
@*
@{
for (int i = 0; i < 5; i++) {
<text>文字列 @i</text>
}
}
*@
</body>
</html>
解説
// により、コードブロック内の1行をコメントアウトしています。
//を記述した位置から行末までがコメントになります。
@{
for (int i=0; i < 5; i++) {
<text>文字列 @i</text>
//<text>もじれつ</text>i.ToString();
<br />
}
}
/* */ により、コードブロック内の複数行をコメントアウトできます。
@{
/*
for (int i = 0; i < 5; i++) {
<text>文字列 @i</text>
}
*/
}
コードブロック含めて全体をコメントアウトする場合は、コードブロックの
@{ ... } の外側に
@* ... *@ を記述してコメントアウトできます。
@*
@{
for (int i = 0; i < 5; i++) {
<text>文字列 @i</text>
}
}
*@
Razor Pages でコードをコメントアウトできました。
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
