ASP.NET Core MVC の概要

Note

これは、この記事の最新バージョンではありません。 現在のリリースについては、この記事の .NET 8 バージョンを参照してください。

作成者: Rick Anderson

このチュートリアルでは、コントローラーとビューを使用した ASP.NET Core MVC の Web 開発について説明します。 ASP.NET Core の Web 開発の経験がない場合は、入門者向けであるこのチュートリアルの Razor Pages バージョンを検討してください。 UI 開発について、Razor Pages、MVC、Blazor を比較している、ASP.NET Core UI の選択に関する記事を参照してください。

これは、コントローラーとビューを使用した ASP.NET Core MVC Web 開発について説明するシリーズの最初のチュートリアルです。

シリーズの最後には、映画のデータを管理および表示できるアプリができあがります。 以下の方法について説明します。

  • Web アプリを作成する。
  • モデルを追加してスキャフォールディングする。
  • データベースを使用する。
  • 検索と検証を追加する。

サンプル コードを表示またはダウンロードします (ダウンロード方法)。

必須コンポーネント

Web アプリを作成する

  • Visual Studio を起動し、 [新しいプロジェクトの作成] を選択します。
  • [新しいプロジェクトの作成] ダイアログで、[ASP.NET Core Web アプリ (Model-View-Controller)]>[次へ] の順に選択します。
  • [新しいプロジェクトの構成] ダイアログで、 [プロジェクト名] に「MvcMovie」と入力します。 プロジェクトに MvcMovie という名前を付けることが重要です。 コードをコピーする際に、大文字と小文字の区別が各 namespace と一致する必要があります。
  • [次へ] を選択します。
  • [追加情報] ダイアログで、次を行います。
    • [.NET 8.0 (長期的なサポート)] を選択します。
    • 最上位レベルのステートメントを使用しない がオフになっていることを確認します。
  • [作成] を選択します

Additional info dialog

プロジェクトを作成する別の方法など詳細については、「Visual Studio で新しいプロジェクトを作成する」をご覧ください。

Visual Studio により、作成した MVC プロジェクトに既定のプロジェクト テンプレートが使用されます。 作成したプロジェクトは:

  • 動作するアプリです。
  • 基本的なスターター プロジェクトです。

アプリを実行する

  • Ctrl + F5 キーを選択して、デバッガーなしでアプリを実行します。

    SSL を使用するようにプロジェクトがまだ構成されていない場合、Visual Studio に次のダイアログが表示されます。

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

    IIS Express SSL 証明書を信頼する場合、[はい] を選択します。

    次のダイアログが表示されます。

    Security warning dialog

    開発証明書を信頼することに同意する場合は、[はい] を選択します。

    Firefox ブラウザーを信頼する方法の詳細については、「Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 証明書エラー」を参照してください。

Visual Studio によってアプリが実行され、既定のブラウザーが開かれます。

アドレス バーには、example.com などではなく、localhost:<port#> が表示されます。 ローカル コンピューターの標準的なホスト名は localhost です。 Visual Studio で Web プロジェクトが作成されるとき、Web サーバーにはランダムなポートが使用されます。

Ctrl + F5 キーを選択してデバッグなしでアプリを起動すると、次の操作を行えます。

  • コードを変更します。
  • ファイルを保存します。
  • ブラウザーをすぐに更新して、コードの変更を確認します。

[デバッグ] メニューから、デバッグ モードまたは非デバッグ モードでアプリを起動できます。

Start Debug and Start Without Debugging menus

アプリをデバッグするには、ツール バーの [https] ボタンを選択します。

MvcMovie debug button

次の図はアプリを示しています。

Home or Index page

このシリーズの次のチュートリアルでは、MVC について説明し、コードの作成を開始します。

このチュートリアルでは、コントローラーとビューを使用した ASP.NET Core MVC の Web 開発について説明します。 ASP.NET Core の Web 開発の経験がない場合は、入門者向けであるこのチュートリアルの Razor Pages バージョンを検討してください。 UI 開発について、Razor Pages、MVC、Blazor を比較している、ASP.NET Core UI の選択に関する記事を参照してください。

これは、コントローラーとビューを使用した ASP.NET Core MVC Web 開発について説明するシリーズの最初のチュートリアルです。

シリーズの最後には、映画のデータを管理および表示できるアプリができあがります。 以下の方法について説明します。

  • Web アプリを作成する。
  • モデルを追加してスキャフォールディングする。
  • データベースを使用する。
  • 検索と検証を追加する。

サンプル コードを表示またはダウンロードします (ダウンロード方法)。

必須コンポーネント

Web アプリを作成する

  • Visual Studio を起動し、 [新しいプロジェクトの作成] を選択します。
  • [新しいプロジェクトの作成] ダイアログで、[ASP.NET Core Web アプリ (Model-View-Controller)]>[次へ] の順に選択します。
  • [新しいプロジェクトの構成] ダイアログで、 [プロジェクト名] に「MvcMovie」と入力します。 プロジェクトに MvcMovie という名前を付けることが重要です。 コードをコピーする際に、大文字と小文字の区別が各 namespace と一致する必要があります。
  • [次へ] を選択します。
  • [追加情報] ダイアログで、次を行います。
    • [.NET 7.0] を選択します。
    • 最上位レベルのステートメントを使用しない がオフになっていることを確認します。
  • [作成] を選択します

Additional info dialog

プロジェクトを作成する別の方法など詳細については、「Visual Studio で新しいプロジェクトを作成する」をご覧ください。

Visual Studio により、作成した MVC プロジェクトに既定のプロジェクト テンプレートが使用されます。 作成したプロジェクトは:

  • 動作するアプリです。
  • 基本的なスターター プロジェクトです。

アプリを実行する

  • Ctrl + F5 キーを選択して、デバッガーなしでアプリを実行します。

    SSL を使用するようにプロジェクトがまだ構成されていない場合、Visual Studio に次のダイアログが表示されます。

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

    IIS Express SSL 証明書を信頼する場合、[はい] を選択します。

    次のダイアログが表示されます。

    Security warning dialog

    開発証明書を信頼することに同意する場合は、[はい] を選択します。

    Firefox ブラウザーを信頼する方法の詳細については、「Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 証明書エラー」を参照してください。

Visual Studio によってアプリが実行され、既定のブラウザーが開かれます。

アドレス バーには、example.com などではなく、localhost:<port#> が表示されます。 ローカル コンピューターの標準的なホスト名は localhost です。 Visual Studio で Web プロジェクトが作成されるとき、Web サーバーにはランダムなポートが使用されます。

Ctrl + F5 キーを選択してデバッグなしでアプリを起動すると、次の操作を行えます。

  • コードを変更します。
  • ファイルを保存します。
  • ブラウザーをすぐに更新して、コードの変更を確認します。

[デバッグ] メニューから、デバッグ モードまたは非デバッグ モードでアプリを起動できます。

Debug menu

アプリをデバッグするには、ツール バーの [https] ボタンを選択します。

MvcMovie debug button

次の図はアプリを示しています。

Home or Index page

このシリーズの次のチュートリアルでは、MVC について説明し、コードの作成を開始します。

このチュートリアルでは、コントローラーとビューを使用した ASP.NET Core MVC の Web 開発について説明します。 ASP.NET Core の Web 開発の経験がない場合は、入門者向けであるこのチュートリアルの Razor Pages バージョンを検討してください。 UI 開発について、Razor Pages、MVC、Blazor を比較している、ASP.NET Core UI の選択に関する記事を参照してください。

これは、コントローラーとビューを使用した ASP.NET Core MVC Web 開発について説明するシリーズの最初のチュートリアルです。

シリーズの最後には、映画のデータを管理および表示できるアプリができあがります。 以下の方法について説明します。

  • Web アプリを作成する。
  • モデルを追加してスキャフォールディングする。
  • データベースを使用する。
  • 検索と検証を追加する。

サンプル コードを表示またはダウンロードします (ダウンロード方法)。

必須コンポーネント

Web アプリの作成

  • Visual Studio を起動し、 [新しいプロジェクトの作成] を選択します。
  • [新しいプロジェクトの作成] ダイアログで、[ASP.NET Core Web アプリ (Model-View-Controller)]>[次へ] の順に選択します。
  • [新しいプロジェクトの構成] ダイアログで、 [プロジェクト名] に「MvcMovie」と入力します。 プロジェクトに MvcMovie という名前を付けることが重要です。 コードをコピーする際に、大文字と小文字の区別が各 namespace と一致する必要があります。
  • [次へ] を選択します。
  • [追加情報] ダイアログで、[.NET 6.0 (長期的なサポート)] を選択します。
  • [作成] を選択します

Additional info dialog

プロジェクトを作成する別の方法については、「Visual Studio で新しいプロジェクトを作成する」をご覧ください。

Visual Studio により、作成した MVC プロジェクトに既定のプロジェクト テンプレートが使用されます。 作成したプロジェクトは:

  • 動作するアプリです。
  • 基本的なスターター プロジェクトです。

アプリを実行する

  • Ctrl + F5 キーを選択して、デバッガーなしでアプリを実行します。

    SSL を使用するようにプロジェクトがまだ構成されていない場合、Visual Studio に次のダイアログが表示されます。

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

    IIS Express SSL 証明書を信頼する場合、[はい] を選択します。

    次のダイアログが表示されます。

    Security warning dialog

    開発証明書を信頼することに同意する場合は、[はい] を選択します。

    Firefox ブラウザーを信頼する方法の詳細については、「Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 証明書エラー」を参照してください。

Visual Studio によってアプリが実行され、既定のブラウザーが開かれます。

アドレス バーには、example.com などではなく、localhost:<port#> が表示されます。 ローカル コンピューターの標準的なホスト名は localhost です。 Visual Studio で Web プロジェクトが作成されるとき、Web サーバーにはランダムなポートが使用されます。

Ctrl + F5 キーを選択してデバッグなしでアプリを起動すると、次の操作を行えます。

  • コードを変更します。
  • ファイルを保存します。
  • ブラウザーをすぐに更新して、コードの変更を確認します。

[デバッグ] メニューから、デバッグ モードまたは非デバッグ モードでアプリを起動できます。

Debug menu

ツール バーの [MvcMovie] ボタンを選択して、アプリをデバッグできます。

MvcMovie debug button

次の図はアプリを示しています。

Home or Index page

このシリーズの次のチュートリアルでは、MVC について説明し、コードの作成を開始します。

このチュートリアルでは、コントローラーとビューを使用した ASP.NET Core MVC の Web 開発について説明します。 ASP.NET Core の Web 開発の経験がない場合は、入門者向けであるこのチュートリアルの Razor Pages バージョンを検討してください。 UI 開発について、Razor Pages、MVC、Blazor を比較している、ASP.NET Core UI の選択に関する記事を参照してください。

これは、コントローラーとビューを使用した ASP.NET Core MVC Web 開発について説明するシリーズの最初のチュートリアルです。

シリーズの最後には、映画のデータを管理および表示できるアプリができあがります。 以下の方法について説明します。

  • Web アプリを作成する。
  • モデルを追加してスキャフォールディングする。
  • データベースを使用する。
  • 検索と検証を追加する。

サンプル コードを表示またはダウンロードします (ダウンロード方法)。

必須コンポーネント

Web アプリの作成

  • Visual Studio を開始し、 [新しいプロジェクトの作成] を選択します。
  • [新しいプロジェクトの作成] ダイアログで、[ASP.NET Core Web アプリケーション]>[次へ] の順に選択します。
  • [新しいプロジェクトの構成] ダイアログで、 [プロジェクト名] に「MvcMovie」と入力します。 プロジェクトに MvcMovie という名前を付けることが重要です。 コードをコピーする際に、大文字と小文字の区別が各 namespace と一致する必要があります。
  • [作成] を選択します
  • [新しい ASP.NET Core Web アプリケーションの作成] ダイアログで、次のものを選択します。
    • ドロップダウンで [.NET Core][ASP.NET Core 5.0]
    • ASP.NET Core Web アプリ (Model-View-Controller)
    • Create

Create a new ASP.NET Core web application

プロジェクトを作成する別の方法については、「Visual Studio で新しいプロジェクトを作成する」をご覧ください。

Visual Studio により、作成した MVC プロジェクトに既定のプロジェクト テンプレートが使用されました。 作成したプロジェクトは:

  • 動作するアプリです。
  • 基本的なスターター プロジェクトです。

アプリを実行する

  • Ctrl + F5 キーを選択して、デバッガーなしでアプリを実行します。

    SSL を使用するようにプロジェクトがまだ構成されていない場合、Visual Studio に次のダイアログが表示されます。

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

    IIS Express SSL 証明書を信頼する場合、[はい] を選択します。

    次のダイアログが表示されます。

    Security warning dialog

    開発証明書を信頼することに同意する場合は、[はい] を選択します。

    Firefox ブラウザーを信頼する方法の詳細については、「Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 証明書エラー」を参照してください。

    Visual Studio:

    • IIS Express を起動します。
    • アプリを実行します。

    アドレス バーには、example.com などではなく、localhost:port# が表示されます。 ローカル コンピューターの標準的なホスト名は localhost です。 Visual Studio で Web プロジェクトが作成されるとき、Web サーバーにはランダムなポートが使用されます。

Ctrl + F5 キーを選択してデバッグなしでアプリを起動すると、次の操作を行えます。

  • コードを変更します。
  • ファイルを保存します。
  • ブラウザーをすぐに更新して、コードの変更を確認します。

[デバッグ] メニュー項目から、デバッグ モードまたは非デバッグ モードでアプリを起動できます。

Debug menu

[IIS Express] ボタンを選択することで、アプリをデバッグできます。

IIS Express

次の図はアプリを示しています。

Home or Index page

このチュートリアルの次のパートでは、MVC について説明し、コードの作成を開始します。

このチュートリアルでは、コントローラーとビューを使用した ASP.NET Core MVC の Web 開発について説明します。 ASP.NET Core の Web 開発の経験がない場合は、入門者向けであるこのチュートリアルの Razor Pages バージョンを検討してください。 UI 開発について、Razor Pages、MVC、Blazor を比較している、ASP.NET Core UI の選択に関する記事を参照してください。

これは、コントローラーとビューを使用した ASP.NET Core MVC Web 開発について説明するシリーズの最初のチュートリアルです。

シリーズの最後には、映画のデータを管理および表示できるアプリができあがります。 以下の方法について説明します。

  • Web アプリを作成する。
  • モデルを追加してスキャフォールディングする。
  • データベースを使用する。
  • 検索と検証を追加する。

サンプル コードを表示またはダウンロードします (ダウンロード方法)。

必須コンポーネント

Web アプリの作成

  • Visual Studio から [新しいプロジェクトの作成] を選択します。

  • [ASP.NET Core Web アプリケーション]>[次へ] の順に選択します。

    Create a new ASP.NET Core Web Application project

  • プロジェクトに MvcMovie という名前を付けて、 [作成] を選択します。 コードをコピーするときに名前空間が一致するように、プロジェクトに MvcMovie と名前を付けることが重要です。

    Configure your new project

  • [Web アプリケーション (モデル ビュー コントローラー)] を選択します。 ドロップダウン ボックスから [.NET Core][ASP.NET Core 3.1] を選択した後、 [作成] を選択します。

    New project dialog, .NET Core in left pane, ASP.NET Core web

Visual Studio により、作成した MVC プロジェクトに既定のプロジェクト テンプレートが使用されました。 作成したプロジェクトは:

  • 動作するアプリです。
  • 基本的なスターター プロジェクトです。

アプリを実行する

  • Ctrl + F5 キーを選択して、デバッグなしでアプリを実行します。

    SSL を使用するようにプロジェクトがまだ構成されていない場合、Visual Studio に次のダイアログが表示されます。

    This project is configured to use SSL. To avoid SSL warnings in the browser you can choose to trust the self-signed certificate that IIS Express has generated. Would you like to trust the IIS Express SSL certificate?

    IIS Express SSL 証明書を信頼する場合、[はい] を選択します。

    次のダイアログが表示されます。

    Security warning dialog

    開発証明書を信頼することに同意する場合は、[はい] を選択します。

    Firefox ブラウザーを信頼する方法の詳細については、「Firefox SEC_ERROR_INADEQUATE_KEY_USAGE 証明書エラー」を参照してください。

    Visual Studio:

    • IIS Express を起動します。
    • アプリを実行します。

    アドレス バーには、example.com などではなく、localhost:port# が表示されます。 ローカル コンピューターの標準的なホスト名は localhost です。 Visual Studio で Web プロジェクトが作成されるとき、Web サーバーにはランダムなポートが使用されます。

Ctrl + F5 キーを選択してデバッグなしでアプリを起動すると、次の操作を行えます。

  • コードを変更します。
  • ファイルを保存します。
  • ブラウザーをすぐに更新して、コードの変更を確認します。

[デバッグ] メニュー項目から、デバッグ モードまたは非デバッグ モードでアプリを起動できます。

Debug menu

[IIS Express] ボタンを選択することで、アプリをデバッグできます。

IIS Express

次の図はアプリを示しています。

Home or Index page

このチュートリアルの次のパートでは、MVC について説明し、コードの作成を開始します。