イントロダクション

完了

このモジュールでは、.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 の作成」を参照してください。

または、Visual Studio Code 用の Dev Containers 拡張機能を使用することもできます。 拡張機能がインストールされたら、 F1 キーを押してコマンド パレットを開き、 Dev Containers: Clone Repository in Container Volume を検索して選択し、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# Dev Kit がインストールされていることを確認します。