C#でWebアプリ開発を始めるには？ASP.NET Coreの基礎から作り方まで初心者向けに解説

はじめに

C#は、Windowsアプリやゲーム開発で使われるイメージが強い言語ですが、実はWebアプリ開発にも非常に向いています。特にASP.NET Coreを使えば、ログイン機能付きの業務システム、予約サイト、ECサイト、管理画面、Web API、リアルタイムアプリなど、実務レベルのWebアプリをC#で開発できます。

「csharp web」「C# Webアプリ開発」と検索している人の多くは、「C#でWebアプリは作れるのか」「ASP.NET Coreとは何か」「何から学べばいいのか」といった疑問を持っているはずです。

この記事では、C#でWebアプリ開発を始めたい初心者に向けて、ASP.NET Coreの基礎、開発環境、簡単なWebアプリの作り方、データベース連携、公開方法、学習ロードマップまでを順番に解説します。

1. C#でWebアプリ開発はできる？まず知っておきたい全体像

C#でWebアプリ開発は十分に可能です。むしろ、企業の業務システムや大規模なWebサービスでは、C#とASP.NET Coreがよく使われています。

C#は型安全で保守性が高く、Visual Studioなどの開発環境も充実しているため、長期的に運用するWebアプリに向いています。また、Microsoftが提供する.NETプラットフォーム上で動作するため、AzureやSQL Serverとの相性も良い点が特徴です。

1-1. C#で作れるWebアプリの種類

C#では、さまざまな種類のWebアプリを作れます。

たとえば、企業向けの在庫管理システム、顧客管理システム、予約管理システム、社内ポータルサイト、問い合わせフォーム、ブログ、ECサイト、会員制サイトなどです。

また、画面を持つWebアプリだけでなく、スマートフォンアプリやフロントエンドアプリから利用されるWeb APIも作れます。さらに、Blazorを使えば、JavaScriptの代わりにC#でブラウザ上の画面処理を書くこともできます。

つまり、C#は単なるサーバー側の処理だけでなく、Webアプリ全体の開発に幅広く使える言語です。

1-2. C#のWeb開発で中心になるASP.NET Coreとは

C#でWebアプリを作るときに中心となるのが、ASP.NET Coreです。

ASP.NET Coreは、Microsoftが提供するWebアプリケーションフレームワークです。フレームワークとは、Webアプリ開発に必要な基本機能をまとめた土台のようなものです。

ASP.NET Coreには、ルーティング、フォーム処理、認証、認可、データベース連携、設定管理、ログ出力、エラーハンドリング、API開発など、Webアプリに必要な機能が用意されています。

ゼロからすべてを自作するのではなく、ASP.NET Coreの仕組みを使うことで、安全で保守しやすいWebアプリを効率よく開発できます。

1-3. ASP.NETとASP.NET Coreの違い

ASP.NETとASP.NET Coreは名前が似ていますが、現在新しく学ぶならASP.NET Coreを選ぶのが基本です。

従来のASP.NETは、主にWindows環境で使われてきた古い世代のWebフレームワークです。一方、ASP.NET Coreは新しい世代のフレームワークで、Windowsだけでなく、macOSやLinuxでも開発・実行できます。

また、ASP.NET Coreは軽量で高速に動作し、クラウドやDockerとの相性も良いです。新規開発ではASP.NET Coreが主流になっているため、初心者がこれからC# Web開発を学ぶなら、ASP.NET Coreから始めるのがおすすめです。

1-4. C#でWebアプリを作るメリット・デメリット

C#でWebアプリを作るメリットは、保守性が高いことです。C#は静的型付け言語なので、変数やメソッドの型が明確です。そのため、コードのミスを開発中に見つけやすく、大規模開発でも管理しやすいです。

また、Visual Studioの補完機能やデバッグ機能が強力で、初心者でもエラーの原因を追いやすい点もメリットです。ASP.NET Core、Entity Framework Core、SQL Server、Azureなど、周辺技術も整っています。

一方で、最初に覚える用語や仕組みはやや多めです。Program.cs、Razor Pages、MVC、DI、ミドルウェア、ルーティングなど、最初は聞き慣れない言葉が多く感じるかもしれません。

ただし、順番に学べば決して難しすぎるわけではありません。小さなWebアプリを作りながら理解していくことが大切です。

1-5. JavaScript・PHP・Pythonとの違い

Web開発では、JavaScript、PHP、Pythonもよく使われます。

JavaScriptはブラウザ上で動くフロントエンド開発に欠かせない言語です。Node.jsを使えばサーバー側の開発もできます。PHPはWordPressなどで広く使われており、レンタルサーバーで動かしやすい特徴があります。PythonはDjangoやFastAPIを使ったWeb開発に加え、AIやデータ分析でも人気があります。

C#の特徴は、型安全で大規模開発に強く、業務システムとの相性が良いことです。企業向けのWebアプリ、管理画面、社内システム、クラウド連携を考えるなら、C#とASP.NET Coreは有力な選択肢です。

2. C#でWebアプリ開発を始める前に必要な知識

C#でWebアプリ開発を始めるには、C#だけでなく、Webの基本知識も必要です。

ただし、最初からすべてを完璧に理解する必要はありません。まずは最低限の知識を押さえ、実際に手を動かしながら少しずつ理解を深めていきましょう。

2-1. C#の基本文法

まず必要なのは、C#の基本文法です。

変数、型、if文、for文、while文、メソッド、クラス、プロパティ、List、配列、例外処理などは、Webアプリ開発でもよく使います。

特にASP.NET Coreでは、クラスやメソッドの理解が重要です。画面から送信された値を受け取る処理、データベースに保存する処理、一覧を表示する処理などは、C#のクラスやメソッドとして書いていきます。

最初は高度な文法まで覚える必要はありません。基本文法を使って簡単なコンソールアプリを作れる程度になれば、Webアプリ開発に進んでも問題ありません。

2-2. HTML・CSS・JavaScriptの基礎

Webアプリはブラウザに表示されるため、HTMLとCSSの知識も必要です。

HTMLはページの構造を作る言語です。見出し、段落、リンク、画像、フォーム、ボタン、テーブルなどを定義します。

CSSは見た目を整えるための言語です。文字の色、余白、レイアウト、背景色、ボタンのデザインなどを指定します。

JavaScriptはブラウザ上で動く処理を書くための言語です。ボタンを押したときに画面を変更したり、入力チェックをしたり、APIからデータを取得したりするときに使います。

C# Webアプリ開発でも、画面部分ではHTML・CSS・JavaScriptが関係します。最初はHTMLフォームと簡単なCSSが分かれば十分です。

2-3. Webの仕組み

Webアプリは、ブラウザとサーバーが通信することで動きます。

ユーザーがブラウザでURLを入力したり、ボタンを押したりすると、ブラウザからサーバーにリクエストが送られます。サーバー側ではASP.NET Coreアプリがそのリクエストを受け取り、必要な処理を行います。その結果としてHTMLやJSONなどのレスポンスをブラウザに返します。

ブラウザは返ってきたHTMLを表示し、ユーザーは画面を見ることができます。

この「リクエストを送る」「サーバーで処理する」「レスポンスを返す」という流れを理解すると、C# Webアプリの動きが分かりやすくなります。

2-4. HTTP・URL・リクエスト・レスポンスの基礎

Webアプリ開発では、HTTPの基本も重要です。

HTTPとは、ブラウザとサーバーが通信するためのルールです。代表的なHTTPメソッドには、GETとPOSTがあります。

GETは、ページを表示したり、データを取得したりするときによく使います。POSTは、フォームに入力した内容を送信したり、データを登録したりするときによく使います。

URLは、WebページやAPIの場所を表す住所のようなものです。ASP.NET Coreでは、どのURLにアクセスされたらどの処理を実行するかをルーティングで決めます。

リクエストはブラウザからサーバーへ送られる情報で、レスポンスはサーバーからブラウザへ返される情報です。フォーム入力、ログイン、検索、一覧表示など、すべてこの仕組みの上で動いています。

2-5. データベースの基礎

多くのWebアプリでは、データベースを使います。

たとえば、ユーザー情報、商品情報、投稿データ、予約情報、注文履歴などを保存するには、データベースが必要です。

C# Webアプリでは、SQL Server、PostgreSQL、MySQL、SQLiteなどのデータベースを使えます。初心者が学習する場合は、まずSQLiteやSQL Server LocalDBなど、ローカル環境で簡単に使えるものから始めるとよいでしょう。

また、ASP.NET CoreではEntity Framework Coreを使うことで、C#のコードからデータベースを操作できます。SQLを直接書かなくても、C#のオブジェクトを扱う感覚でデータの登録、取得、更新、削除ができます。

3. ASP.NET Coreで選べる開発スタイル

ASP.NET Coreには、複数の開発スタイルがあります。代表的なものは、Razor Pages、MVC、Blazor、Web APIです。

どれもC#でWebアプリを作るための仕組みですが、考え方や向いている用途が少しずつ異なります。

3-1. Razor Pagesとは

Razor Pagesは、ページ単位でWebアプリを作る開発スタイルです。

1つの画面に対して、表示用のcshtmlファイルと、処理を書くC#ファイルを組み合わせて開発します。ページごとに構成がまとまっているため、初心者にも理解しやすいのが特徴です。

たとえば、問い合わせフォームを作る場合、入力画面、確認画面、完了画面をそれぞれページとして作成できます。画面と処理の対応関係が分かりやすいため、最初のC# Webアプリ開発にはRazor Pagesが向いています。

3-2. MVCとは

MVCは、Model、View、Controllerの3つに役割を分けてWebアプリを作る開発スタイルです。

Modelはデータやビジネスロジックを担当します。Viewは画面表示を担当します。Controllerはリクエストを受け取り、ModelとViewをつなぐ役割を持ちます。

MVCは役割分担が明確なので、中規模以上のWebアプリやチーム開発に向いています。一方で、初心者にとっては最初に理解するファイルや概念が少し多く感じるかもしれません。

業務システムや実務のASP.NET Core開発ではMVCが使われることも多いため、Razor Pagesに慣れた後で学ぶと理解しやすくなります。

3-3. Blazorとは

Blazorは、C#でインタラクティブなWeb画面を作るための仕組みです。

通常、ブラウザ上で動く処理はJavaScriptで書くことが多いですが、Blazorを使うとC#で画面の動きを実装できます。

Blazorには、サーバー側で処理するスタイルや、ブラウザ上で動作するスタイルがあります。入力内容に応じて画面をリアルタイムに変えたり、ボタン操作で画面の一部を更新したりするアプリをC#中心で作れるのが魅力です。

ただし、Web開発の基礎を学ぶ段階では、まずRazor PagesやMVCでサーバーサイドWebアプリの基本を理解してからBlazorに進むとよいでしょう。

3-4. Web APIとは

Web APIは、画面ではなくデータを返すWebアプリの形式です。

たとえば、スマートフォンアプリやJavaScriptのフロントエンドから「商品一覧を取得したい」「ログインしたい」「投稿を保存したい」といったリクエストを送り、サーバーがJSON形式でデータを返します。

ASP.NET Coreでは、C#でWeb APIを作ることができます。React、Vue、Angularなどのフロントエンドと組み合わせる場合や、スマホアプリのバックエンドを作る場合に使われます。

最初からWeb APIだけを学ぶよりも、まずは通常のWebアプリでリクエストとレスポンスの流れを理解してから学ぶとスムーズです。

3-5. 初心者はどれから始めるべきか

初心者には、まずRazor Pagesがおすすめです。

理由は、ページ単位で構成が分かりやすく、画面と処理のつながりを理解しやすいからです。C# Webアプリ開発の基本である、フォーム入力、画面表示、データ受け取り、データベース保存などを学ぶのに適しています。

次にMVCを学ぶと、実務でよく使われる設計パターンを理解できます。その後、必要に応じてBlazorやWeb APIに進むとよいでしょう。

学習順としては、Razor Pages、MVC、Web API、Blazorの順番が分かりやすいです。

4. C#でWebアプリを作るための開発環境

C#でWebアプリを作るには、.NET SDKとエディタまたはIDEが必要です。

開発環境は一度整えれば、その後の学習や開発がかなり進めやすくなります。初心者は、できるだけ設定が簡単な環境を選ぶのがおすすめです。

4-1. .NET SDKとは

.NET SDKは、C#アプリを開発・ビルド・実行するために必要な開発キットです。

SDKには、C#コンパイラ、.NETランタイム、プロジェクト作成用のコマンド、ビルドツールなどが含まれています。

ASP.NET Coreアプリを作るには、.NET SDKをインストールする必要があります。インストール後、ターミナルやコマンドプロンプトで次のようなコマンドを実行すると、インストールされているか確認できます。

Bash
dotnet --version

バージョン番号が表示されれば、.NET SDKが使える状態です。

4-2. Visual StudioとVisual Studio Codeの違い

C# Webアプリ開発では、Visual StudioまたはVisual Studio Codeを使うことが多いです。

Visual Studioは、Microsoftが提供する統合開発環境です。プロジェクト作成、コード補完、デバッグ、画面操作による設定、データベース連携などが充実しています。特にWindows環境でASP.NET Coreを学ぶ初心者には使いやすいです。

Visual Studio Codeは、軽量なコードエディタです。Windows、macOS、Linuxで使えます。拡張機能を追加することでC#開発にも対応できます。軽くて自由度が高い一方で、初心者には最初の設定が少し分かりにくいことがあります。

4-3. 初心者におすすめの開発環境

初心者におすすめなのは、WindowsでVisual Studioを使う環境です。

Visual StudioにはASP.NET Core用のテンプレートが用意されており、画面操作でプロジェクトを作成できます。デバッグ実行も簡単で、エラーが発生した場所を確認しやすいです。

macOSやLinuxを使っている場合は、Visual Studio Codeと.NET SDKの組み合わせがおすすめです。コマンド操作に慣れる必要はありますが、ASP.NET Coreはクロスプラットフォーム対応なので問題なく開発できます。

4-4. ASP.NET Coreプロジェクトを作成する準備

ASP.NET Coreプロジェクトを作成する前に、次の準備をしておきましょう。

まず、.NET SDKをインストールします。次に、Visual StudioまたはVisual Studio Codeをインストールします。Visual Studioを使う場合は、インストール時に「ASP.NETとWeb開発」のワークロードを選択します。

Visual Studio Codeを使う場合は、C#関連の拡張機能を入れておくと便利です。

準備ができたら、ターミナルで次のコマンドを実行して、ASP.NET Coreのテンプレートが使えるか確認できます。

Bash
dotnet new list

Razor Pages、MVC、Web APIなどのテンプレートが表示されれば、プロジェクト作成の準備は完了です。

4-5. 開発環境でよくあるエラーと対処法

初心者がつまずきやすいエラーの1つは、dotnetコマンドが認識されないことです。この場合、.NET SDKが正しくインストールされていないか、環境変数の設定が反映されていない可能性があります。インストール後にターミナルを開き直す、PCを再起動する、SDKを再インストールするなどを試しましょう。

また、Visual StudioでASP.NET Coreテンプレートが表示されない場合は、「ASP.NETとWeb開発」のワークロードが入っていない可能性があります。Visual Studio Installerから追加できます。

ポート番号の競合でアプリが起動しないこともあります。その場合は、すでに同じポートを使っているアプリを停止するか、launchSettings.jsonなどで使用するポートを変更します。

5. ASP.NET Coreで簡単なWebアプリを作る手順

ここでは、ASP.NET Coreで簡単なWebアプリを作る流れを見ていきます。

初心者は、最初から大きなアプリを作ろうとせず、まずは「画面を表示する」「入力を受け取る」「結果を表示する」という小さな流れを作ることが大切です。

5-1. プロジェクトを新規作成する

コマンドでRazor Pagesのプロジェクトを作成する場合は、次のように実行します。

Bash
dotnet new webapp -n MyWebApp

MyWebAppという名前のASP.NET Core Webアプリプロジェクトが作成されます。

作成したフォルダに移動します。

Bash
cd MyWebApp

Visual Studioを使う場合は、「新しいプロジェクトの作成」から「ASP.NET Core Web アプリ」を選択し、プロジェクト名を入力して作成します。

5-2. アプリを起動してブラウザで表示する

作成したアプリは、次のコマンドで起動できます。

Bash
dotnet run

起動すると、ターミナルにURLが表示されます。多くの場合、https://localhost:xxxx のようなURLです。

このURLをブラウザで開くと、ASP.NET Coreの初期画面が表示されます。これで、C#で作ったWebアプリがローカル環境で動作している状態になります。

5-3. 画面を編集する

Razor Pagesの場合、画面は主にPagesフォルダ内の.cshtmlファイルで編集します。

たとえば、トップページを変更したい場合は、Pages/Index.cshtmlを開きます。

HTML
<h1>はじめてのC# Webアプリ</h1>
<p>ASP.NET Coreで作成したWebページです。</p>

保存してブラウザを更新すると、表示内容が変わります。

このように、HTMLを編集することで画面の見た目を変更できます。C# Webアプリといっても、ブラウザに表示される部分はHTMLが基本です。

5-4. C#の処理を追加する

Razor Pagesでは、画面に対応するC#の処理を.cshtml.csファイルに書きます。

たとえば、Pages/Index.cshtml.csに次のようなプロパティを追加します。

C#
public string Message { get; set; } = "";

public void OnGet()
{
    Message = "C#側で作成したメッセージです。";
}

そして、Index.cshtmlで次のように表示します。

HTML
<p>@Model.Message</p>

@Model.Messageの部分で、C#側の値をHTML内に表示しています。これがRazor Pagesの基本的な考え方です。

5-5. フォーム入力を受け取る

次に、フォームから入力を受け取る例を見てみましょう。

Index.cshtmlに次のようなフォームを作ります。

HTML
<form method="post">
    <label>名前：</label>
    <input type="text" name="UserName" />
    <button type="submit">送信</button>
</form>

そして、Index.cshtml.csに次のような処理を書きます。

C#
[BindProperty]
public string UserName { get; set; } = "";

public string ResultMessage { get; set; } = "";

public void OnPost()
{
    ResultMessage = $"{UserName}さん、こんにちは！";
}

OnPostは、POST送信されたときに実行されるメソッドです。フォームの送信ボタンを押すと、入力された名前を受け取り、メッセージを作成します。

5-6. 入力内容を画面に表示する

最後に、入力された内容を画面に表示します。

Index.cshtmlに次のように追加します。

HTML
@if (!string.IsNullOrEmpty(Model.ResultMessage))
{
    <p>@Model.ResultMessage</p>
}

これで、フォームに名前を入力して送信すると、画面に「〇〇さん、こんにちは！」と表示されます。

この小さなサンプルには、Webアプリ開発の基本が詰まっています。画面を表示する、フォーム入力を受け取る、C#で処理する、結果をHTMLに表示するという流れです。

6. ASP.NET Coreアプリの基本構造

ASP.NET Coreアプリを理解するには、プロジェクト内のファイルやフォルダの役割を知ることが重要です。

最初はファイルが多く見えるかもしれませんが、役割を1つずつ理解すれば難しくありません。

6-1. Program.csの役割

Program.csは、ASP.NET Coreアプリの起動設定を書くファイルです。

アプリを起動するときに、どのサービスを使うか、どのミドルウェアを使うか、どのルーティングを有効にするかなどを設定します。

たとえば、Razor Pagesを使う場合は、Program.csでRazor Pagesのサービスを追加し、リクエストをRazor Pagesに対応させる設定を行います。

初心者のうちは、Program.csは「アプリ全体の設定を書く場所」と覚えておけば十分です。

6-2. Pages・Controllers・Viewsの役割

Razor Pagesを使う場合、主にPagesフォルダに画面ファイルを配置します。各ページに対応する.cshtmlと.cshtml.csがあり、画面と処理をセットで管理します。

MVCを使う場合は、Controllers、Views、Modelsというフォルダが重要になります。

Controllersはリクエストを受け取って処理を振り分ける場所です。ViewsはHTMLを表示する場所です。Modelsはデータ構造やビジネスロジックを表す場所です。

どちらの方式でも、画面、処理、データの役割を分けて管理することが大切です。

6-3. cshtmlファイルとは

.cshtmlファイルは、HTMLとC#のコードを組み合わせて書けるファイルです。

ASP.NET CoreではRazorという仕組みを使い、HTML内にC#の値や条件分岐、繰り返し処理を埋め込めます。

たとえば、次のように書けます。

HTML
<p>現在の時刻は @DateTime.Now です。</p>

@を使うことで、HTML内にC#の式を埋め込めます。

ただし、複雑な処理をcshtmlに書きすぎると読みにくくなります。基本的には、表示に関係する簡単な処理だけをcshtmlに書き、本格的な処理はC#側のファイルに分けるのがよい設計です。

6-4. Razor構文の基本

Razor構文では、@を使ってC#コードをHTMLに埋め込みます。

変数を表示する場合は、次のように書きます。

HTML
<p>@Model.UserName</p>

条件分岐は次のように書けます。

HTML
@if (Model.IsLoggedIn)
{
    <p>ログイン中です。</p>
}
else
{
    <p>ログインしていません。</p>
}

繰り返し処理も書けます。

HTML
@foreach (var item in Model.Items)
{
    <p>@item.Name</p>
}

Razor構文を使うと、サーバー側で作成したデータを画面に柔軟に表示できます。

6-5. ルーティングの仕組み

ルーティングとは、アクセスされたURLに対して、どの処理を実行するかを決める仕組みです。

たとえば、/Productsにアクセスしたら商品一覧ページを表示し、/Products/Details/1にアクセスしたらIDが1の商品詳細を表示する、というような対応を決めます。

Razor Pagesでは、Pagesフォルダ内のファイル構成がURLに対応します。たとえば、Pages/About.cshtmlは/Aboutとしてアクセスできます。

MVCでは、ControllerとActionの組み合わせでURLが決まります。

ルーティングを理解すると、画面とURL、処理のつながりが見えてきます。

6-6. appsettings.jsonの役割

appsettings.jsonは、アプリの設定情報を書くファイルです。

たとえば、データベース接続文字列、ログレベル、外部サービスの設定値などを保存します。

データベース接続文字列は、次のように書かれることがあります。

JSON
{
  "ConnectionStrings": {
    "DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=MyWebAppDb;Trusted_Connection=True;"
  }
}

C#のコードでは、この設定値を読み込んでデータベースに接続します。

ただし、パスワードやAPIキーなどの機密情報をそのまま公開リポジトリに含めるのは避けるべきです。本番環境では環境変数やシークレット管理の仕組みを使いましょう。

7. データベースを使ったWebアプリ開発の基本

Webアプリでは、入力されたデータを保存したり、一覧表示したりする場面が多くあります。そのため、データベース連携はC# Web開発で重要なテーマです。

ASP.NET Coreでは、Entity Framework Coreを使うことで、C#のコードからデータベースを扱いやすくなります。

7-1. Entity Framework Coreとは

Entity Framework Coreは、C#のオブジェクトとデータベースのテーブルを対応させて操作するためのライブラリです。

通常、データベースを操作するにはSQLを書きます。しかし、Entity Framework Coreを使うと、C#のクラスを使ってデータを登録、取得、更新、削除できます。

たとえば、Productクラスを作ると、それに対応するProductsテーブルをデータベースに作成できます。そして、C#のコードでProductオブジェクトを追加すると、データベースにレコードが登録されます。

SQLを完全に知らなくても開発できますが、実務ではSQLの基礎も理解しておくとトラブル対応がしやすくなります。

7-2. モデルを作成する

データベースに保存したい情報は、まずモデルクラスとして定義します。

たとえば、商品情報を扱う場合は、次のようなProductクラスを作成します。

C#
public class Product
{
    public int Id { get; set; }

    public string Name { get; set; } = "";

    public int Price { get; set; }
}

Idは主キーとして使われることが多いプロパティです。Nameは商品名、Priceは価格を表します。

このように、C#のクラスでデータの形を定義するのがモデル作成の基本です。

7-3. データベース接続を設定する

Entity Framework Coreを使うには、DbContextというクラスを作成します。

DbContextは、C#アプリとデータベースをつなぐ窓口のような役割を持ちます。

C#
public class AppDbContext : DbContext
{
    public AppDbContext(DbContextOptions<AppDbContext> options)
        : base(options)
    {
    }

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

そして、Program.csでDbContextを登録します。

C#
builder.Services.AddDbContext<AppDbContext>(options =>
    options.UseSqlServer(builder.Configuration.GetConnectionString("DefaultConnection")));

接続文字列はappsettings.jsonに書きます。これにより、ASP.NET Coreアプリからデータベースを利用できるようになります。

7-4. データの登録・一覧表示・編集・削除を実装する

Webアプリでよく使う基本操作は、CRUDと呼ばれます。

CRUDとは、Create、Read、Update、Deleteの頭文字です。日本語では、登録、参照、更新、削除です。

商品管理アプリなら、商品を登録する、商品一覧を表示する、商品情報を編集する、商品を削除する、という機能がCRUDにあたります。

Entity Framework Coreでは、データの追加はAdd、取得はToListAsyncやFindAsync、更新は値の変更後にSaveChangesAsync、削除はRemoveを使います。

初心者は、まず1つのモデルでCRUD機能を作ってみるのがおすすめです。商品管理、メモアプリ、タスク管理アプリなどが練習に向いています。

7-5. マイグレーションの基本

マイグレーションとは、C#のモデル定義をもとにデータベース構造を作成・更新する仕組みです。

たとえば、Productクラスを作成した後、マイグレーションを追加すると、そのクラスに対応するテーブルを作るための情報が生成されます。

代表的なコマンドは次の通りです。

Bash
dotnet ef migrations add InitialCreate
dotnet ef database update

最初のコマンドでマイグレーションを作成し、次のコマンドでデータベースに反映します。

モデルにプロパティを追加した場合も、新しいマイグレーションを作成してデータベースを更新します。これにより、アプリのコードとデータベース構造を管理しやすくなります。

8. 実務で必要になるASP.NET Coreの重要機能

簡単なWebアプリを作れるようになったら、実務で必要になる機能も学んでいきましょう。

実務では、画面を表示してデータを保存するだけでなく、安全性、信頼性、保守性が重要になります。

8-1. 入力チェックとバリデーション

入力チェックは、ユーザーが入力した値が正しいか確認する処理です。

たとえば、名前が空欄ではないか、メールアドレスの形式が正しいか、価格が0以上か、パスワードの文字数が足りているかなどを確認します。

ASP.NET Coreでは、モデルのプロパティに属性を付けることでバリデーションを設定できます。

C#
[Required]
public string Name { get; set; } = "";

[Range(1, 1000000)]
public int Price { get; set; }

Requiredは必須入力、Rangeは数値範囲のチェックです。

バリデーションを適切に行うことで、不正なデータが保存されるのを防げます。

8-2. ログイン機能と認証

認証とは、ユーザーが誰であるかを確認する仕組みです。一般的には、メールアドレスとパスワードでログインする機能が認証にあたります。

ASP.NET Coreには、認証機能を実装するための仕組みが用意されています。ASP.NET Core Identityを使うと、ユーザー登録、ログイン、ログアウト、パスワード管理などを実装できます。

ログイン機能はセキュリティに関わるため、独自実装でパスワードをそのまま保存するのは危険です。フレームワークが提供する安全な仕組みを使うことが重要です。

8-3. 権限管理

権限管理とは、ユーザーごとに使える機能を制御する仕組みです。

たとえば、一般ユーザーは自分の情報だけ閲覧でき、管理者はすべてのユーザー情報を編集できる、というような制御です。

ASP.NET Coreでは、認可の仕組みを使って、特定のページや処理にアクセスできるユーザーを制限できます。

管理画面、会員制サイト、社内システムなどでは、権限管理が非常に重要です。ログイン機能を作ったら、次に権限管理も学ぶと実務に近いアプリを作れるようになります。

8-4. セキュリティ対策

Webアプリでは、セキュリティ対策が欠かせません。

代表的なリスクには、SQLインジェクション、クロスサイトスクリプティング、クロスサイトリクエストフォージェリ、認証情報の漏えいなどがあります。

ASP.NET CoreやEntity Framework Coreには、これらのリスクを軽減する仕組みが用意されています。ただし、フレームワークを使っていれば絶対に安全というわけではありません。

ユーザー入力を信用しない、パスワードを平文で保存しない、HTTPSを使う、エラーメッセージに機密情報を出さない、不要な情報を公開しない、といった基本を守ることが大切です。

8-5. エラーハンドリング

エラーハンドリングとは、エラーが発生したときに適切に処理することです。

開発中はエラーの詳細を表示すると原因を調べやすいですが、本番環境で詳細なエラーを表示すると、内部情報が外部に漏れる可能性があります。

ASP.NET Coreでは、開発環境と本番環境でエラー表示を切り替えることができます。開発中は詳細な例外ページを表示し、本番環境ではユーザー向けのエラーページを表示するのが一般的です。

また、エラーが起きたときにログを残しておくことで、後から原因を調査できます。

8-6. ログ出力

ログ出力は、アプリの動作状況やエラー情報を記録するための機能です。

たとえば、ユーザーがログインした、データ登録に失敗した、外部APIへの接続でエラーが発生した、といった情報をログに残します。

ASP.NET Coreにはログ出力の仕組みが標準で用意されています。ログを適切に出しておくと、本番環境でトラブルが起きたときに原因を追いやすくなります。

初心者のうちは、エラーが発生した場所や重要な処理の開始・終了をログに出すところから始めるとよいでしょう。

9. 作成したC# Webアプリを公開する方法

ローカル環境で作成したWebアプリは、自分のPC上でしか動きません。多くの人に使ってもらうには、サーバーやクラウドに公開する必要があります。

C# Webアプリの公開方法には、Azure App Service、VPS、Dockerなどがあります。

9-1. Webアプリ公開の基本

Webアプリを公開するには、アプリを実行するサーバー環境が必要です。

ローカル開発では自分のPCがサーバーの役割をしていますが、本番公開ではインターネット上のサーバーにアプリを配置します。

公開時には、アプリ本体だけでなく、データベース、環境変数、接続文字列、HTTPS、ログ、ドメイン設定なども考える必要があります。

初心者は、まずクラウドサービスを使って公開するのがおすすめです。サーバー管理の負担が少なく、比較的簡単にASP.NET Coreアプリを公開できます。

9-2. Azure App Serviceにデプロイする

Azure App Serviceは、Microsoft Azure上でWebアプリを公開できるサービスです。

ASP.NET Coreとの相性がよく、Visual Studioから直接デプロイすることもできます。サーバーの細かい設定を自分で行わなくても、アプリを公開しやすい点がメリットです。

基本的な流れは、Azure上にApp Serviceを作成し、Visual StudioやGitHub Actionsなどを使ってアプリをデプロイします。データベースを使う場合は、Azure SQL Databaseなどと接続できます。

C# Webアプリを初めて公開する場合、Azure App Serviceは学習しやすい選択肢です。

9-3. レンタルサーバーやVPSで公開する

レンタルサーバーやVPSでASP.NET Coreアプリを公開することもできます。

VPSでは、Linuxサーバーなどに.NETランタイムをインストールし、ASP.NET Coreアプリを配置して実行します。NginxやApacheをリバースプロキシとして使い、外部からのアクセスをASP.NET Coreアプリに転送する構成がよく使われます。

VPSは自由度が高い一方で、サーバー管理の知識が必要です。OSの更新、セキュリティ設定、ファイアウォール、SSL証明書、ログ管理なども自分で行う必要があります。

初心者がいきなりVPSで公開する場合は、手順を1つずつ確認しながら進めましょう。

9-4. Dockerを使った公開方法

Dockerを使うと、アプリの実行環境をコンテナとしてまとめることができます。

Dockerfileに必要な設定を書いておけば、開発環境と本番環境の差を減らしやすくなります。ASP.NET CoreアプリはDockerとの相性もよく、クラウド環境やVPSでの運用にも使われます。

ただし、Dockerには独自の概念があります。イメージ、コンテナ、Dockerfile、ポート、ボリュームなどを理解する必要があります。

初心者は、まず通常の方法でASP.NET Coreアプリを動かせるようになってから、Dockerに進むと理解しやすいです。

9-5. 公開前に確認すべきポイント

Webアプリを公開する前には、いくつか確認すべきポイントがあります。

まず、開発用の設定が本番環境に残っていないか確認します。詳細なエラー表示、テスト用アカウント、不要なデバッグ情報などは本番環境では無効にします。

次に、データベース接続文字列やAPIキーなどの機密情報が安全に管理されているか確認します。ソースコードに直接書くのは避けるべきです。

また、HTTPSが有効か、ログが確認できるか、入力チェックが適切か、認証と権限管理が正しく動いているかも確認しましょう。

公開後に問題が起きることもあるため、ログを見て原因を調査できる状態にしておくことが重要です。

10. C# Webアプリ開発の学習ロードマップ

C# Webアプリ開発を効率よく学ぶには、順番が大切です。

いきなり高度な認証やクラウドデプロイから始めると、途中で混乱しやすくなります。まずは基本を固め、小さなアプリを作りながら段階的に学びましょう。

10-1. 初心者が学ぶべき順番

初心者におすすめの学習順は次の流れです。

まず、C#の基本文法を学びます。変数、条件分岐、繰り返し、メソッド、クラス、Listなどを理解しましょう。

次に、HTML、CSS、JavaScriptの基礎を学びます。特にHTMLフォームはASP.NET Coreでもよく使います。

その後、ASP.NET CoreのRazor Pagesで簡単なWebアプリを作ります。画面表示、フォーム送信、C#での処理、結果表示を学びます。

次に、Entity Framework Coreを使ってデータベース連携を学びます。CRUDアプリを作れるようになると、Webアプリ開発の基礎がかなり身につきます。

その後、MVC、認証、認可、Web API、デプロイの順に学ぶとよいでしょう。

10-2. 最初に作るべきサンプルアプリ

最初に作るサンプルアプリとしておすすめなのは、タスク管理アプリです。

タスク管理アプリでは、タスクの登録、一覧表示、編集、削除が必要になります。これはWebアプリの基本であるCRUDを学ぶのに最適です。

次に、問い合わせフォームもおすすめです。フォーム入力、バリデーション、確認画面、完了画面などを学べます。

慣れてきたら、簡単な商品管理アプリ、読書記録アプリ、メモアプリ、予約管理アプリなどに挑戦するとよいでしょう。

10-3. MVC・Razor Pages・Blazorの学び分け

Razor Pagesは、ページ単位で分かりやすく学びたい初心者に向いています。最初のWebアプリ開発にはRazor Pagesがおすすめです。

MVCは、実務で使われる設計を学びたい人に向いています。Controller、Model、Viewの役割分担を理解することで、保守しやすいWebアプリを作れるようになります。

Blazorは、C#でリッチな画面を作りたい人に向いています。JavaScriptをできるだけ使わずに、C#中心でインタラクティブなWebアプリを作りたい場合に便利です。

まずRazor Pagesで基本を学び、次にMVCで設計を理解し、その後Blazorに進むと無理なく学べます。

10-4. Web API開発へ進むタイミング

Web API開発へ進むタイミングは、通常のWebアプリの基本を理解した後がおすすめです。

具体的には、HTTPのGETとPOST、ルーティング、フォーム処理、データベース操作、JSONの基礎が分かってからWeb APIを学ぶとスムーズです。

Web APIを学ぶと、ReactやVueなどのフロントエンド、スマートフォンアプリ、外部サービスとの連携ができるようになります。

実務では、画面付きのWebアプリだけでなく、APIサーバーをC#で作るケースもあります。そのため、ASP.NET Core Web APIは転職や実務を考えるうえでも学ぶ価値があります。

10-5. ポートフォリオ作成におすすめのWebアプリ例

C# Webアプリ開発を学んだら、ポートフォリオとして見せられるアプリを作るのがおすすめです。

たとえば、タスク管理アプリ、家計簿アプリ、予約管理システム、在庫管理アプリ、学習記録アプリ、簡易ECサイト、ブログ管理システムなどがあります。

ポートフォリオでは、単に画面があるだけでなく、ログイン機能、CRUD機能、検索機能、バリデーション、データベース連携、権限管理などを入れると実務に近くなります。

さらに、GitHubでコードを公開し、Azure App Serviceなどで実際に動く状態にしておくと、学習成果を伝えやすくなります。

11. C# Webアプリ開発で初心者がつまずきやすいポイント

C# Webアプリ開発では、初心者がつまずきやすいポイントがあります。

つまずくこと自体は自然なことです。原因を分解して考えれば、少しずつ理解できます。

11-1. ASP.NET Coreの用語が多くて混乱する

ASP.NET Coreには、Razor Pages、MVC、Model、View、Controller、ミドルウェア、DI、ルーティング、DbContext、マイグレーションなど、多くの用語があります。

最初からすべてを完璧に覚える必要はありません。まずは、Webアプリがリクエストを受け取り、C#で処理し、HTMLを返すという大きな流れを理解しましょう。

用語は、実際にコードを書きながら少しずつ覚えるのが効果的です。分からない言葉が出てきたら、その都度調べれば十分です。

11-2. C#は分かるのにWebアプリの構造が分からない

C#の文法は分かるのに、Webアプリになると急に難しく感じる人は多いです。

理由は、WebアプリではC#だけでなく、HTML、HTTP、URL、ブラウザ、サーバー、データベースなど複数の要素が関係するからです。

この場合は、まず「ブラウザからリクエストが来る」「ASP.NET Coreが処理する」「HTMLやデータを返す」という流れを紙に書いて整理すると理解しやすくなります。

小さなフォームアプリを作り、送信ボタンを押したときにどのメソッドが動くのかを確認するのも効果的です。

11-3. 画面と処理のつながりが理解できない

Razor PagesやMVCでは、画面ファイルとC#の処理ファイルが分かれているため、最初はつながりが分かりにくいことがあります。

Razor Pagesでは、Index.cshtmlが画面、Index.cshtml.csが処理です。GETアクセス時にはOnGet、POST送信時にはOnPostが実行されます。

MVCでは、URLに対応するControllerのActionが実行され、その結果としてViewが表示されます。

どのURLにアクセスしたら、どのファイルのどのメソッドが動くのかを1つずつ確認すると、仕組みが見えてきます。

11-4. データベース連携でエラーになる

データベース連携では、接続文字列、マイグレーション、DbContextの登録、モデル定義などでエラーが起きやすいです。

まず確認すべきなのは、接続文字列が正しいかどうかです。次に、Program.csでDbContextが登録されているか確認します。

また、マイグレーションを作成しただけで、database updateを実行していない場合もあります。この場合、データベースにテーブルが作成されていないためエラーになります。

エラーメッセージをよく読み、どの処理で失敗しているのかを確認することが大切です。

11-5. デプロイ後に動かない

ローカルでは動くのに、公開後に動かないという問題もよくあります。

原因として多いのは、本番環境のデータベース接続文字列が違う、環境変数が設定されていない、必要なファイルが配置されていない、HTTPS設定に問題がある、サーバー側に.NETランタイムがない、などです。

デプロイ後のトラブルに備えるには、ログを確認できるようにしておくことが重要です。本番環境では画面に詳細エラーを出さず、ログで原因を追跡するのが基本です。

12. C# Webアプリ開発に関するよくある質問

ここでは、C# Webアプリ開発を始める初心者がよく疑問に思う点をまとめます。

12-1. C#だけでWebアプリは作れる？

サーバー側の処理はC#で作れますが、Webアプリとして画面を表示するにはHTMLやCSSの知識も必要です。

また、画面上で動きのある処理を作る場合はJavaScriptを使うこともあります。ただし、Blazorを使えばC#で画面側の処理を書くこともできます。

完全にC#だけでWebのすべてを理解せずに進めるより、C#を中心にしつつ、HTML・CSS・JavaScriptの基礎も学ぶのがおすすめです。

12-2. ASP.NET Coreは初心者にも向いている？

ASP.NET Coreは初心者にも向いています。

特にRazor Pagesを使えば、ページ単位で分かりやすくWebアプリを作れます。Visual Studioを使えば、プロジェクト作成やデバッグも簡単です。

ただし、最初は用語が多く感じるかもしれません。いきなりすべてを理解しようとせず、小さなサンプルアプリを作りながら覚えるのがよい方法です。

12-3. C#のWeb開発にJavaScriptは必要？

基本的なC# Webアプリなら、JavaScriptをほとんど使わずに作ることもできます。

ただし、実務ではJavaScriptの基礎は必要になる場面が多いです。画面の一部を動的に変更したり、非同期通信でデータを取得したり、入力補助を行ったりする場合に使います。

最初はC#とASP.NET Coreを中心に学び、必要になったタイミングでJavaScriptを学ぶ形でも問題ありません。

12-4. MVCとRazor Pagesはどちらを選ぶべき？

初心者が最初に学ぶならRazor Pagesがおすすめです。

Razor Pagesは画面と処理の対応が分かりやすく、小さなWebアプリを作るのに向いています。

一方、MVCは役割分担が明確で、実務やチーム開発で使われることが多いです。将来的に本格的なWebアプリ開発を目指すなら、MVCも学ぶ価値があります。

最初はRazor Pagesで基本を理解し、その後MVCを学ぶ流れがよいでしょう。

12-5. C# Webアプリ開発は転職や実務で役立つ？

C# Webアプリ開発は、転職や実務で役立ちます。

特に、企業向けの業務システム、社内管理システム、基幹システム、クラウドアプリなどでは、C#やASP.NET Coreの知識が活かせます。

また、C#はWebアプリだけでなく、デスクトップアプリ、ゲーム開発、クラウド開発などにも使われるため、学習した知識を広く応用できます。

転職を目指す場合は、ASP.NET CoreでCRUD機能、ログイン機能、データベース連携、デプロイまで含めたポートフォリオを作るとアピールしやすくなります。

まとめ

C#では、ASP.NET Coreを使って本格的なWebアプリを開発できます。

C# Webアプリ開発では、まずC#の基本文法、HTML・CSS・JavaScriptの基礎、HTTPやWebの仕組みを理解することが大切です。そのうえで、Razor Pagesを使って小さなWebアプリを作り、フォーム処理や画面表示の流れを学びましょう。

次に、Entity Framework Coreを使ったデータベース連携を学び、CRUD機能を実装できるようになると、Webアプリ開発の基礎が身につきます。

さらに、MVC、認証、認可、セキュリティ、ログ出力、エラーハンドリング、デプロイまで学ぶことで、実務に近いC# Webアプリを作れるようになります。

「csharp web」や「C# Webアプリ開発」に興味がある初心者は、まずASP.NET Coreで簡単なフォームアプリやタスク管理アプリを作るところから始めてみましょう。小さく作って動かしながら学ぶことが、C#でWebアプリ開発を身につける一番の近道です。