【C#でWebアプリが作れる】Blazorで認証機能つきのCRUDアプリを作ろう

【Blazorとは】

Blazor は、C#と .NET Core を用いて Web アプリケーションの開発ができるようになるフレームワークのことです。ASP.NET Core Blazor とも呼ばれます。

フロントエンドに HTML と CSS を使用するのは変わりませんが、バックエンドのロジック部分を C#で書くことができます。

Web アプリケーションを開発するときには必須の知識になっていた JavaScript も必須ではなくなり、 C#によるプログラミングで SPA(Single Page Application)の Web アプリケーションを開発できます。

【Blazor の勉強は挫折しやすい】

Blazor は比較的新しい技術で、公式ドキュメント以外にはなかなかまとまった情報がありません。

私はBlazorでもっといろんなことができるようになりたくて、公式ドキュメントや他のブログ記事を読み込むようになりました。

しかし、どうもうまくいきません。知っていることが前提になっている知識は省略されているため、その省略されている部分でつまづいてしまうのです。

また、BlazorだけでなくAzureやEntity Frameworkの知識も必要になり、ゼロから調べて学習するのはなかなか大変でした。

基本的な情報は少し調べただけで解決できますが、ちょっと難易度があがるとあまり情報が出てこないのが現実としてあります。

【認証つきCRUDアプリの作り方を本コースだけで学べる！】

Blazorを少し触ったことがある人が、スムーズにもっと理解を深めていけるようなコースに仕上げました。

以下の内容を学ぶことができます。

• データベースの CRUD 操作

• Entity Framework

• Azure SQL Database

• ユーザー認証

• Azure Active Directory B2C

• JavaScript 呼び出し

【おすすめな人】

• C#が好きな人

• BlazorでCRUDアプリを作れるようになりたい人

• 技術的なスキルを増やしたい人

• 時間を節約したい人

• 私の著書をすでに読んだが、学習補助として使いたい人

【おすすめしない人】

• Blazor のことをまったく知らない人

• 私の著書をすでにお読みになって内容を理解している人

【購入前の注意点】

解説は Mac を使用しているため、Visual Studio のインターフェースが Windows と少し異なります。ただし、学習をすすめる上では特に問題ないくらいの違いだと思っています。

また、Azure SQL Database を使用しているため、月額600円ほどかかる可能性があります。課金を最小限にしたい場合は、学習後に削除してください。Azure SQL Database を使わずに、ローカルで SQL Server を使う場合は無料です。

【使用したソフトウェアのバージョン】

動画では以下の内容ですが、ソースコードは .NET 8 に対応しています。

• Visual Studio 2019 for Mac Version 8.10.11 (build 8)

• .NET Core SDK 5.0.402

• .NET Core ランタイム 5.0.11

【よくある質問】

Ｑ．Blazor をまったく知らないのですが、大丈夫ですか？

Ａ．いいえ。Blazorの基礎は理解できている前提です。まずは基礎的な部分を学習してください。

Ｑ．本書を最後までやるとアプリが完成しますか？

Ａ．はい。認証つきの CRUD アプリが完成します。具体的には、記事投稿ができるアプリです。

Ｑ．SQL の知識がありませんが大丈夫ですか？

Ａ．はい、大丈夫です。Entity Framework を使うので、アプリの中ではSQLは使用しません。データベースにデータが登録されたことの確認はしますが、「SELECT * FROM テーブル名」を書くだけなので問題ありません。

Ｑ．.NET 6、.NET 8 には対応していますか？

Ａ．動画自体は .NET 5 時点での内容ですが、補足事項はメモとして動画に残しました。ソースコードも .NET 6 と .NET 8 のものを用意しています。

【さあ、Blazor で CRUD アプリをつくろう！】

時間をかけて自力で学習するのも、本コースでサクッと学習するのも自由です。

ただ、時間を節約できれば、空き時間でゲームをしたり、ゆっくりテレビを見たりすることもできます。

せっかくなので空き時間などを使って、一緒に Blazorの勉強を進めてみませんか？