Razor Pages のコードにコメントを記述する - Razor Pages

Razor Pages のコードにコメントを記述する書式を紹介します。

書式

@* ... *@

@* から *@ までがすべてコメントアウトされます。

記述例

@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を愛用
最終更新日: 2023-04-22
作成日: 2023-03-09
iPentec all rights reserverd.