C#Webアプリ開発

このページでは、C#Webアプリ開発に関するコンテンツを紹介しています。

本サイトのトップページでは、デスクトップアプリ開発・Webアプリ開発・AIコーディング支援など、幅広いC#/.NETの学習コンテンツを体系的に紹介しています。

Blazor実践入門編

Webアプリ(Blazor)開発入門編は以下を対象にしています。

  • 対象者:Webアプリ開発初心者
  • 前提知識:C#とHTMLの基本知識

ASP.NET Core Blazorを使い、Webアプリ開発の基本的な知識・考え方を学びながら、サンプルシステム(例:学習管理システム)作りあげることを目指します。


記事・動画コンテンツ一覧

  • (0)Webアプリとは何か?~Webアプリ開発がプログラミング学習にもおすすめな理由~
    (記事動画)
  • (1)Blazorとは? ~Webアプリ開発フレームワークでBlazorを選ぶ理由~
    (記事動画)
  • (2)はじめてのBlazor ~Hello Worldを作る!~
    (記事動画)
  • (3)Gitでバージョン管理 ~Gitの基本的な使い方を学ぶ~
    (記事動画1動画2)
  • (4)「Todoアプリ」でデータベース作成&データ表示 ~データベース操作のフレームワークを学ぶ~
    (記事動画)
  • (5)「Todoアプリ」でデータベースを更新 ~レコードを削除・更新・追加~
    (記事動画)
  • (6)「Todoアプリ」へユーザ認証・管理機能をつける ~ASP.NET Core Identityの使い方~
    (記事動画)
  • (7)「Todoアプリ」へ入力バリデーションをつける ~Data Annotationsの使い方~
    (記事動画)
  • (8)「Todoアプリ」をデプロイ・公開する! ~Azure App Serviceの使い方~
    (記事動画)
  • (9)Blazor WebAssembly(WASM)でHello Worldアプリ作成 ~スタンドアロンWASMの基本~
    (記事動画)
  • (Ex1)Webアプリ開発入門編(Ex1)C#で簡単Eメール送信! ~Blazorアプリへも組み込む~
    (記事動画)
  • (Ex2)BlazorアプリへChatGPTを組み込む! ~AIチャットの作り方~
    (記事動画)
  • (Ex3)Microsoft Entra ID(旧AzureAD)~アプリへ簡単に認証機能を追加!~
    (記事動画)
  • (Ex4)Azure AD B2C ~アプリへ簡単・多機能なユーザ認証を追加!~
    (記事動画)

演習のコードはGitHubで公開しています。