【C#でWebアプリが作れる】Blazorの基礎文法をひととおり理解しよう

【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 を触ったものの挫折してしまった人も、このコースはぴったりです。

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

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

触っていて楽しいですが、ゼロから独学するには時間がかかってしまい、少しハードルが高いと感じました。

「最初にこういった情報があれば、スムーズに理解が進んだかもしれない」という内容にしています。

何事も、やり始めが一番挫折しやすいです。

ただし、このやり始めを乗り越えれば、そのあとの勉強は比較的ラクになっていくと思っています。

本コースを受講していただくことで、やり始めを簡単にしたいという想いがあります。

【基礎文法を本コースだけで学べる！】

Blazor の勉強を始めるにあたって、何を学習をしていくのかがわからないと思います。 

そこで本コースでは、ひととおり基礎文法をまとめて入門編としました。

• Blazor の概要

• EditForm の使い方

• EventCallback の使い方

• CascadingParameter の使い方

• コンポーネントのライフサイクル

• 属性スプラッティングの使い方

• RenderFragment の使い方

上記を学習することで、スムーズに Blazor の学習を進められることは間違いありません。

【おすすめな人】

• C#が好きな人

• C#でWebアプリを作りたい人

• Blazorに興味がある人

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

【購入前の注意点】

解説は Mac を使用しているため、Visual Studio のインターフェースが Windows と少し異なります。

ただし、学習をすすめる上では特に問題ないくらいの違いだと思っています。

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

動画は以下となっていますが、サンプルコードは .NET 6 にバージョンアップしています。

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

• .NET Core SDK 5.0.402

• .NET Core ランタイム 5.0.11

【よくある質問】

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

Ａ．大丈夫です。Blazor の導入部分から省略せずに解説しているので、つまづくポイントを減らしています。 

Ｑ．動画のソースコードはすべて手入力する必要がありますか？ 

Ａ．いいえ。ソースコードも用意しているため、コピーして動作確認することもできます。

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

Ａ．本コースは基礎文法の使い方を学ぶことを目的としているので、何か１つのWebアプリができることはありません。本コースで学んだことが、Webアプリ作成のきっかけとなります。

Ｑ．環境構築は難しいですか？ 

Ａ．Visual Studio だけインストールすれば、Blazor の開発ができます。

【さあ、Blazor を始めよう！】

一度触ってみると、Blazor の良さに気づくと思います。 

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