# C# ASP.NET Coreで始めるウェブアプリ開発の基礎

## 目次

1. はじめに

2. 必要な開発環境のセットアップ

   - 2-1. .NET SDKのインストール

   - 2-2. Visual Studioの導入

3. ASP.NET Coreの基礎知識

   - 3-1. ASP.NET Coreとは

   - 3-2. ASP.NET Coreのアーキテクチャ

4. 初めてのASP.NET Coreプロジェクト作成

   - 4-1. プロジェクトの作成

   - 4-2. プロジェクト構成

5. コントローラーとビューの基本

   - 5-1. MVCアーキテクチャの理解

   - 5-2. コントローラーの作成

   - 5-3. ビューの作成

6. データベースとの連携

   - 6-1. Entity Framework Coreの利用

   - 6-2. データベースの設定とマイグレーション

   - 6-3. CRUD操作の実装

7. 認証と認可の設定

   - 7-1. 認証の基本

   - 7-2. ASP.NET Coreでの認可

8. デプロイとホスティング

   - 8-1. アプリケーションのビルドとパッケージ化

   - 8-2. Azureへのデプロイ

9. まとめ

## 1. はじめに

ASP.NET Coreは、Microsoftが提供するオープンソースのクロスプラットフォームなウェブアプリケーションフレームワークです。C#を使用して、効率的かつ高性能なウェブアプリを開発できるため、非常に人気があります。本記事では、ASP.NET Coreを使ってウェブアプリケーションを開発するための基礎知識から具体的なプロジェクト作成の手順、デプロイまでの流れを解説します。

## 2. 必要な開発環境のセットアップ

### 2-1. .NET SDKのインストール

ASP.NET Coreでの開発を始めるには、まず.NET SDKをインストールする必要があります。このSDKには開発に必要なコンパイラやライブラリが含まれています。公式サイト(https://dotnet.microsoft.com/download)から最新版をダウンロードしてインストールしてください。

- Windows:

  ```shell

  winget install Microsoft.dotnet

  ```

- macOS:

  ```shell

  brew install --cask dotnet-sdk

  ```

### 2-2. Visual Studioの導入

C#とASP.NET Coreの開発には、統合開発環境(IDE)であるVisual Studioが便利です。Visual Studio 2019以降のバージョンをお勧めします。公式のダウンロードページ(https://visualstudio.microsoft.com/vs/)からインストールしてください。C#とASP.NET Coreのワークロードを有効にしてインストールを完了させます。

## 3. ASP.NET Coreの基礎知識

### 3-1. ASP.NET Coreとは

ASP.NET Coreは、モダンで高性能なウェブアプリを構築するために設計されたフレームワークです。Windows、Linux、macOSといった様々なプラットフォームで動作することが特徴です。

### 3-2. ASP.NET Coreのアーキテクチャ

ASP.NET Coreはシンプルかつモジュール化されたアーキテクチャが採用されています。主要なコンポーネントには、以下のものがあります。

- **Middleware**: リクエストパイプラインを形成するコンポーネント。

- **Dependency Injection**: 組み込みの依存性注入機構。

- **Configuration**: 環境に応じた設定をシンプルに管理。

![ASP.NET Core Architecture](https://docs.microsoft.com/en-us/aspnet/core/getting-started/?view=aspnetcore-6.0#overview-of-aspnet-core-architecture)

## 4. 初めてのASP.NET Coreプロジェクト作成

### 4-1. プロジェクトの作成

Visual Studioを起動し、新しいプロジェクトを作成します。「ASP.NET Core Webアプリケーション」を選択し、.NET CoreとASP.NET Coreバージョンは最新を選択してください。

### 4-2. プロジェクト構成

プロジェクトを作成すると以下のような典型的なフォルダ構成が生成されます。

- **Controllers**: リクエストを処理するためのロジックを含む。

- **Models**: データモデルを定義。

- **Views**: コントローラーで処理される結果を表示するUI。

- **wwwroot**: CSS、JavaScript、画像などの静的ファイルが含まれる。

## 5. コントローラーとビューの基本

### 5-1. MVCアーキテクチャの理解

MVCとは、Model-View-Controllerの略で、アプリケーションのロジックとUIを分離し、効率的に組織化するアーキテクチャスタイルです。

### 5-2. コントローラーの作成

新しいコントローラーを作成するには、Controllersフォルダで右クリックし、「新しいクラス」を選択します。以下は「HomeController.cs」の例です。

```csharp

using Microsoft.AspNetCore.Mvc;

public class HomeController : Controller

{

    public IActionResult Index()

    {

        return View();

    }

}

```

### 5-3. ビューの作成

Views/Homeフォルダに「Index.cshtml」というRazorビューを作成します。

```html

@{

    ViewData["Title"] = "Home Page";

}

<h1>Welcome to ASP.NET Core!</h1>

```

## 6. データベースとの連携

### 6-1. Entity Framework Coreの利用

Entity Framework Core(EF Core)は、.NETアプリ用のオブジェクトリレーショナルマッピング(ORM)フレームワークです。

### 6-2. データベースの設定とマイグレーション

まず、`Microsoft.EntityFrameworkCore`と`Microsoft.EntityFrameworkCore.SqlServer`をNuGetからインストールします。

```shell

dotnet add package Microsoft.EntityFrameworkCore

dotnet add package Microsoft.EntityFrameworkCore.SqlServer

```

次に、コンテキストクラスとモデルを作成し、データベースに適用するマイグレーションを行います。

```csharp

public class ApplicationDbContext : DbContext

{

    public DbSet<Product> Products { get; set; }

}

public class Product

{

    public int Id { get; set; }

    public string Name { get; set; }

    public decimal Price { get; set; }

}

```

マイグレーションの追加とデータベース更新を行います。

```shell

dotnet ef migrations add InitialCreate

dotnet ef database update

```

### 6-3. CRUD操作の実装

コントローラーにCRUDアクションを追加し、モデル全体を操作できるようにします。

```csharp

public class ProductsController : Controller

{

    private readonly ApplicationDbContext _context;

    public ProductsController(ApplicationDbContext context)

    {

        _context = context;

    }

    public IActionResult Index()

    {

        var products = _context.Products.ToList();

        return View(products);

    }

    // Create, Update, Delete methods follow similar patterns

}

```

## 7. 認証と認可の設定

### 7-1. 認証の基本

ASP.NET Core Identityを使用して、簡単にユーザーログインを追加できます。

### 7-2. ASP.NET Coreでの認可

認可にはポリシーベースのモデルを利用できます。Startup.csで登録し、必要なエンドポイントで使用可能です。

```csharp

services.AddAuthorization(options =>

{

    options.AddPolicy("MustBeAdmin", policy => policy.RequireRole("Admin"));

});

```

## 8. デプロイとホスティング

### 8-1. アプリケーションのビルドとパッケージ化

プロジェクトを公開するために、以下のコマンドを使用してビルドします。

```shell

dotnet publish --configuration Release

```

### 8-2. Azureへのデプロイ

Azure App Serviceを使用して、ASP.NET Coreアプリを簡単にデプロイできます。AzureポータルからApp Serviceを作成し、Visual Studioの「発行」機能を利用します。

## 9. まとめ

この記事では、C#とASP.NET Coreを用いたウェブアプリケーション開発の基本的な流れを解説しました。ASP.NET Coreはモダンなウェブアプリを開発するための強力なプラットフォームであり、多種多様な機能を備えています。今回の内容を土台にし、さらなる機能追加や高度な操作に挑戦してみてください。ASP.NET Coreが持つスケーラビリティと柔軟性が、あなたのプロジェクトにとって大きな強みとなるでしょう。

C# ASP.NET Coreで始めるウェブアプリ開発の基礎

目次

続きを読むには単価診断を受けてください（30秒）