はじめに

完了

このモジュールでは、.NET と C# を使用して、クロスプラットフォームの ASP.NET Core Razor Pages Web アプリを作成します。

シナリオ例

あなたは Contoso Pizza という名前のピザ会社の従業員だとします。 上司から、社内の管理 Web サイトの前提条件としてピザ在庫管理ページを開発するように依頼されました。 アプリは、ビューとデータ モデルの考慮事項が分離されるように構築する必要があります。

学習内容

このモジュールでは、次のことを行います。

  • ASP.NET Core アプリに Razor Pages を使用するタイミングとその理由を理解する。
  • Razor Pages を使用する既存の ASP.NET Core アプリを確認する。
  • アプリの製品データ管理要件をサポートする新しい Razor ページを作成する。
  • タグ ヘルパーを使用して、HTML と C# の間のコンテキストの切り替えを減らす。
  • Razor ページ ハンドラーを使用して、HTTP 要求を処理する。

このモジュールの最後には、導入された各機能領域の詳細情報を提供するコンテンツへのリンクがあります。

必要なツール

このモジュールでは、.NET CLIVisual Studio Code (Windows、Linux、および macOS) を使用して ASP.NET Core Razor Pages 開発のデモンストレーションを行います。 このモジュールの完了後に、Visual Studio (Windows)、Visual Studio for Mac (macOS)、Visual Studio Code などの開発環境を使用して、その概念を適用することができます。

ヒント

GitHub Codespaces を IDE として使用すると、以下のツールのインストールをスキップできます。 別のブラウザー タブで、このモジュールのスターター アプリが含まれている GitHub リポジトリに移動し、[コード] ボタンを選択し、main ブランチに新しい codespace を作成してください。 詳細については、codespace を作成する方法に関するページを参照してください。

あるいは、Visual Studio Code の Dev Containers 拡張機能を使用できます。 この拡張機能がインストールされたら、F1 を押してコマンド パレットを開き、[Dev Containers: コンテナー ボリュームのリポジトリ複製] を探して選択し、URL https://github.com/MicrosoftDocs/mslearn-create-razor-pages-aspnet-core を指定します。 これによりリポジトリが複製され、必要なツールがすべてインストールされた状態のコンテナーで開きます。

次のツールが必要です。

.NET SDK

このモジュールでは、.NET 8.0 SDK を使います。 適切なコマンド ターミナルで次のコマンドを実行して、.NET 8.0 がインストールされていることを確認します。

dotnet --list-sdks

次の例のような出力が表示されます。

6.0.317 [C:\Program Files\dotnet\sdk]
7.0.401 [C:\Program Files\dotnet\sdk]
8.0.100 [C:\Program Files\dotnet\sdk]

8 で始まるバージョンが一覧に表示されていることを確実にします。 何も表示されない場合、またはコマンドが見つからない場合は、最新の .NET 8.0 SDK をインストールしてください。

GitHub CLI

GitHub からサンプル アプリを複製するには、GitHub CLI が必要です。

Visual Studio Code

最新バージョンの Visual Studio CodeC# 開発キットがインストールされていることをご確認ください。