今回はWebアプリ開發フレームワーク「Blazor」について以下を解説します。

Blazorの.NET、ASP.NET Coreにおける位置づけ
BlazorでどういうWebアプリが作れるのか
Blazorを選ぶとよい人は.NET、C# が好きな人/得意な人

2023年12月現在最新である.NET8のBlazorを對象としています！

●目次
00:45 自己紹介とWebアプリ開發入門編について
02:27 本日の流れ
02:40 .NET環境におけるBlazorの位置づけ
07:40 BlazorでどういうWebアプリが作れるのか？
14:09 Webアプリ開發でBlazorを選ぶとよい人
17:22 まとめ

●動畫の元になっているブログ記事
https://prota-p.com/csharp_web_blazor...

●參考リンク
Full stack web UI with Blazor in .NET8 (.NET Conf 2023)
   • Full stack web UI with Blazor in .NET 8 | ...  

ASP.NET Core公式サイト
https://dotnet.microsoft.com/ja-jp/ap...

Stack Overflow Developer Survey 2023 (Webフレームワークの使用状況)
https://survey.stackoverflow.co/2023/...

TIOBEプログラミング言語ランキング
https://www.tiobe.com/tiobe-index/

●Webアプリ開發入門編
動畫リスト
   • Webアプリ開發編(C#、ASP.NET Core Blazor)  

(0) Webアプリとは何か？～Webアプリ開發がプログラミング學習にもおすすめな理由～
   • Webアプリとは何か？～Webアプリ開發がプログラミング學習にもおすすめな理由～【初...  

(1)Blazorとは？ ～Webアプリ開發フレームワークでBlazorを選ぶ理由～
   • 【C#、Blazor】Webアプリ開發入門編（1）Blazorとは？ ～Webアプリ...  

(2)はじめてのBlazor～Hello Worldを作る！～
   • 【C#、Blazor】Webアプリ開發入門編（2）はじめてのBlazor　～Hell...  

(3)Gitでバージョン管理　～Gitの基本的な使い方を學ぶ～
(3-1)
   • 【C#、Blazor】Webアプリ開發入門編（3-1）Gitでバージョン管理　～Gi...  
(3-2)
   • 【C#、Blazor】Webアプリ開發入門編（3-2）Gitでバージョン管理　～Gi...  

(4)「Todoアプリ」でデータベース作成＆データ表示 ～データベース操作のフレームワークを學ぶ～
   • 【C#、Blazor】Webアプリ開發入門編（4）「Todoアプリ」でデータベース作...  

(Ex1) C# で簡單Eメール送信！～Blazorアプリへも組み込む～
   • 【C#、Blazor】Webアプリ開發入門編（Ex1）C# で簡單Eメール送信！　～...  

(Ex2) BlazorアプリへChatGPTを組み込む！　～AIチャットの作り方～
   • 【C#、Blazor】Webアプリ開發入門編（Ex2）BlazorアプリへChatG...  

●關連動畫
以下のように、C# プログラミングの初心者・學習者を對象として、樣々な動畫を作成していますので、よかったらぜひ見てください。

■プログラミングの學習方法
プログラミングを效率よく學習する方法を説明します。

動畫リンク
   • プログラミング學習  

プログラミング學習を獨學で效率よく進める方法とは？
   • プログラミング學習を獨學で效率よく進める方法とは？  

■C# プログラミングをざっくり知りたい方
C# とは何か？C# プログラミングの全體像をざっくり知りたい方は、まずは以下をご覽ください。

【C# 入門】プログラミングを學ぶメリットとC# が初心者におすすめの理由
   • 【C# 入門】プログラミングを學ぶメリットとC# が初心者におすすめの理由  
【初心者・入門編】15分でわかる！C# で學ぶプログラミング入門
   • 【初心者・入門編】15分でわかる！C＃ で學ぶプログラミング入門  

■C# 入門編
C# 入門者向けの内容です。C# の樣々な機能を段階的に學びながら、HTMLコードを生成するプログラムを作ります。
   • C#入門編（初心者向け）  

(1) VisualStudioの使い方 ～HTMLでHello world～
   • 【初心者向け】C# 入門(1) VisualStudioの使い方 ～HTMLでHel...  

(2) 變數と型 ～HTMLへ入力値を埋め込む～
   • 【初心者向け】C# 入門(2) 變數と型 ～HTMLへ入力値を埋め込む～  

(3) 演算子と式 ～BMI計算をした結果をHTMLで出力～
   • 【初心者向け】C# 入門(3) 演算子と式 ～BMI計算をした結果をHTMLで出力～  

(4) 選擇(條件分岐) ～BMIを計算し適正體重かを判定～
   • 【初心者向け】C# 入門(4) 選擇(條件分岐) ～BMIを計算し適正體重かを判定～  

(5) 反復（ループ處理）～複數のデータを表で表示～
   • 【初心者向け】C# 入門(5) 反復（ループ處理）～複數のデータを表で表示～  

(6-1) エラーの種類とデバッグ方法 ～初心者が知っておきたいポイント～
   • 【初心者向け】C# 入門(6-1) エラーの種類とデバッグ方法 ～初心者が知っておき...  

(6-2) エラーの種類とデバッグ方法 ～初心者が知っておきたいポイント～
   • 【初心者向け】C# 入門(6-2) エラーの種類とデバッグ方法 ～初心者が知っておき...  

(7-1) クラス、メソッドによるコードの部品化 ～オブジェクト指向の土臺を學ぶ～
   • 【初心者向け】C# 入門(7-1) クラス、メソッドによるコードの部品化 ～オブジェ...  

(7-2) クラス、メソッドによるコードの部品化 ～オブジェクト指向の土臺を學ぶ～
   • 【初心者向け】C# 入門(7-2) クラス、メソッドによるコードの部品化 ～オブジェ...  

(8-1) オブジェクト指向とは？「カプセル化」 ～部品をブラックボックスとして使えるようにする～
   • 【初心者向け】C# 入門(8-1) オブジェクト指向とは？「カプセル化」 ～部品をブ...  

(8-2) オブジェクト指向とは？「カプセル化」 ～部品をブラックボックスとして使えるようにする～
   • 【初心者向け】C# 入門(8-2)  オブジェクト指向とは？「カプセル化」 ～部品を...  

(9-1) オブジェクト指向とは？「繼承」 ～クラスを機能擴張して再利用する～
   • 【初心者向け】C# 入門(9-1) オブジェクト指向とは？「繼承」 ～クラスを機能擴...  

(9-2) オブジェクト指向とは？「繼承」 ～クラスを機能擴張して再利用する～
   • 【初心者向け】C# 入門(9-2) オブジェクト指向とは？「繼承」 ～クラスを機能擴...  

(10-1)　オブジェクト指向とは？「ポリモーフィズム（多態性）」 ～條件分岐を使わず型に應じた振る舞いをさせる～
   • 【初心者向け】C# 入門(10-1)　オブジェクト指向とは？「ポリモーフィズム（多態...  

(10-2)　オブジェクト指向とは？「ポリモーフィズム（多態性）」 ～條件分岐を使わず型に應じた振る舞いをさせる～
   • 【初心者向け】C# 入門(10-2)　オブジェクト指向とは？「ポリモーフィズム（多態...  

(11-1) 名前空間とファイル分割 ～Visual Studioでコードを整理整頓～
   • 【初心者向け】C# 入門(11-1) 名前空間とファイル分割 ～Visual Stu...  

(11-2) 名前空間とファイル分割 ～Visual Studioでコードを整理整頓～
   • 【初心者向け】C# 入門(11-2) 名前空間とファイル分割 ～Visual Stu...  

(12-1) オブジェクト指向【インターフェイス】 ～さまざまなクラスを一貫した方法でJSON出力する～
   • 【初心者向け】C# 入門(12-1) オブジェクト指向【インターフェイス】 ～さまざ...  

(12-2) オブジェクト指向【インターフェイス】 ～さまざまなクラスを一貫した方法でJSON出力する～
   • 【初心者向け】C# 入門(12-2) オブジェクト指向【インターフェイス】 ～さまざ...  

(13-1) コレクションとジェネリック型 ～リストと辭書で要素を動的に變更する～
   • 【初心者向け】C# 入門(13-1) コレクションとジェネリック型 ～リストと辭書で...  

(13-2) コレクションとジェネリック型 ～リストと辭書で要素を動的に變更する～
   • 【初心者向け】C# 入門(13-2) コレクションとジェネリック型 ～リストと辭書で...  

■AI活用
ChatGPTなどのAIをどのように活用していくかについても紹介しています。
動畫リストは以下です。
   • AI活用  

プログラマはChatGPT・AI技術とどう向き合うか？【前編】
   • 【ChatGPT活用】今すぐできるソフトウェア開發・プログラミングにおけるChatG...  

プログラマはChatGPT・AI技術とどう向き合うか？【後編】
   • 【ChatGPT活用】今すぐできるソフトウェア開發・プログラミングにおけるChatG...  

●發信
ブログ：https://prota-p.com/
Twitter：  / prota_csharp  
GitHub：https://github.com/prota-p/

●問い合わせ
プログラミング學習のご相談等、お仕事等のご依頼は、こちら（↓）からお願いいたします。
https://prota-p.com/contact/