ASP.NET Core/Blazor

• ASP.NET Core Blazor の概要

• Blazor University

• Blazor を使用して Web アプリをビルドする
• Blazor WebAssembly アプリケーションプログラミング自習書
• 【無料】オンライン書籍「猫でもわかるBlazor入門」

• 【2021年版】Blazor vs React 比較 - どちらを選ぶべきか？
• Blazorについて
• WebAssemblyの開発環境が整う、.NET 6でクロスプラットフォーム開発が加速へ

• What is Blazor vs (Angular, React, and Vue).

• Blazor をお勧めできる人は誰か?
• Blazor WebAssembly に入門してみた

• マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ
• ［速報」Blazor WebAssemblyが正式リリース。C#/.NETでWebアプリケーションを開発可能に。Microsoft Build 2020
• JavaScript天下に挑戦？Blazor WebAssemblyの登場
• [Event] Microsoft Build 2020 (2020/05/19-20)

• C#でSPAが実現できる、Blazor WebAssemblyのはじめかた
• C#でSPAを実現する、Blazorコンポーネントの開発

• 【エバンジェリスト・ボイス】Webの 未来? WebAssemblyとBlazor
• デスクトップから Web への移行。WPFからWebに移行するなら Blazor がおすすめ
• Blazor WebAssembly をさわってみた

• ぶらぶらBlazor
• Blazor Desktop Apps 面白そうじゃない？
• Blazor WebAssemblyとSignalRでチャットアプリを作ってみた
• .NET 6 の Blazor のコンポーネントでクエリ パラメーターを使うのが簡単になりました

特徴 †

• Blazor とは

• バックエンドもフロントエンドもC#で開発できる
• コードはC#で書き、コンパイルはWeb Assemblyを利用、必要なJSのAPIやライブラリーはJavaScript Interopで呼び出せる
• Blazorを利用すれば、クライアントロジックをサーバーで処理することもできる
• つまり、クライアントサイドとサーバーサイドのインタラクティブさのみならず、SSRレベルのセキュリティも持てるようになる

• Blazor アプリは、C#、HTML、および CSS を使用して構築された再利用可能な Web UI コンポーネントで構成されている
• Blazor の場合、開発者は C# を使用してクライアント コードとサーバー コードを構築できる
• フロントエンド クライアント コードとバックエンド ロジックとでコードとライブラリを共有することもできる
• すべてのコードに C# を使用すると、フロント エンドとバック エンド間のデータ共有、コードの再利用による開発の高速化、メンテナンスが容易になる

• Blazor を使用して以下を生成できる
  • WebSocket 接続を介して UI の相互作用を処理するサーバー側コード
  • WebAssembly を介してブラウザーで直接実行されるクライアント側の Web アプリ

シリーズ †

• ASP.NET Core Blazor - Blazor WebAssembly と Blazor Server の違いは？ ５つのポイント

Blazor Server †

• サーバーサイドを C# で記述。 ASP.NET WebForms? に置き換わるものとされる
• クライアントサイドとは、SignalR で通信し、リアルタイムに同期をとる

Blazor WebAssembly †

• ASP.NET Core Blazor WebAssembly のホストと展開

• Blazor Server と違い、クライアントサイドで C# が動作する Web アプリケーションを作成できる
• クライアント サイドのプログラムを JavaScript ではなく、C# で記述
• クライアント サイド (Web ブラウザー) 上で、WebAssembly の .NET が動作する

• Blazor WebAssembly を使ってみた
• ASP.NET Core Blazor WebAssembly を使用してプログレッシブ Web アプリケーションをビルドする
• ASP.NET Core Blazor WebAssembly で PWA プロジェクトを作成しよう
• Blazorで、電卓アプリをつくってみる
• BlazorのPWAを使ってみた / Tried using PWA - Speaker Deck
• Blazor WebAssemblyで高機能なデータグリッドコントロールを使用する

Blazor PWA (Progressive Web Application) (将来) †

• Web アプリケーションが単独のアプリケーションとして動作する

Blazor Hybrid (将来) †

• Electron や WebView? を用いてデスクトップアプリケーションを開発

Blazor Native (将来) †

• ネイティブアプリケーションを開発

コンポーネントライブラリ †

• 【無料】Blazor 対応の「使える」UI フレームワーク５選
• Top 10 nice free Blazor components

• Ant Design Blazor
• MudBlazor
• MatBlazor
• Radzen
• Skclusive.Material.Component

• Microsoft.Fast
• BlazorFluentUI
• Blazorise
• BlazorStrap
• PanoramicData.Blazor
• Element Blazor
• Blazored

• Syncfusion
  • 有料だが、以下の条件を満たせば無料で使用可
    • 年間の収入が100万ドル以下
    • 開発者が５人以下

• Blazor UI Components by DevExpress
• Smart.Blazor UI Component Library

• Ignite UI for Blazor
• Blazor開発コンポーネントセット

開発 †

NuGet †

• PowerShellでGoogleCalendarAPIを叩こうとして躓いた話。

Microsoft.AspNetCore.Components.WebAssembly †

Visual Studio Code †

dotnetコマンド †

• Blazor Server プロジェクトの初期化

  dotnet new blazorserver -f net6.0

• Blazor WebAssembly プロジェクトの初期化

  dotnet new blazorwasm -f net6.0