Blazor WebAssemblyとBlazor Serverが統合、フルスタックUIフレームワークに進化。サーバサイドレンダリングも可能に

今回は「Blazor WebAssemblyとBlazor Serverが統合、フルスタックUIフレームワークに進化。サーバサイドレンダリングも可能に」についてご紹介します。

関連ワード (実行、必要、機能等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


C#などの.NETテクノロジーを用いてWebアプリケーションの開発を可能にするフレームワーク「Blazor」が、.NET 8ではフルスタックなUIフレームワークに進化したことが発表されました。

fig

Blazorはこれまで2種類の実装に分かれていました。

1つは、WebAssemblyを用いてWebブラウザ上に.NETランタイムを実装したことで、C#によるWebアプリケーションがWebブラウザ上で実行できる「Blazor WebAssembly」。

もう1つが、同様の仕組みをサーバサイドに実装することで、サーバ上でC#によるWebアプリケーションを開発できる「Blazor Server」です。

fig2

BlazorでWebアプリケーションを開発しようとする場合、まずこのどちらを採用するか選ぶ必要がありました。

しかし今年(2023年)2月、Blazorの生みの親であるSteve Sanderson氏がこの2つを統合し、さらにサーバサイドレンダリング機能も追加した「Blazor United」を提案し、今回の.NET 8でそれが実現することとなりました。

参考:Blazorの生みの親が「Blazor United」発表。SPAとSSRを1つのBlazorに統合し、共通のソースコードで記述可能に

fig

ただし名称はBlazorのまま、Blazorそのものが進化したという位置づけになっています。

サーバサイドレンダリングに対応。ページごとに実装を選択可能

新しいBlazorでは、サーバサイドレンダリングによって静的なHTMLの生成が可能になっており、高速なWebサイトが実現できます。

fig

その上でインタラクティブな操作が必要な部分については、ページごとにWebブラウザ上でアプリケーションを実行するSPA的な実装や、サーバ上での動的なWebページの生成による実装などを選択可能になっています。

fig

.NET 8では、このような新しいBlazor対応のWebアプリケーションのためのテンプレートも用意されています。

fig

そのほか.NET 8では多くの新機能がBlazorに追加されています。詳細は「Announcing ASP.NET Core in .NET 8」をご参照ください。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
CircleCI、テストコードをAIで自動生成してくれるPonicodeを買収、CircleCIに統合へ
CI/CD
2022-03-11 12:37
AWS、ElasticsearchとKibanaのフォークによる「OpenSearch」プロジェクトを発表。Elasticとの溝は埋まらないまま
AWS
2021-04-13 19:31
看護部長・師長向けVR研修、NTTコムが提供 上司・部下の面談を疑似体験 接し方を学ぶ
社会とIT
2021-01-22 17:16
IBMがフォーカスするコロナ禍後のデジタル基盤
IT関連
2021-05-13 09:03
米民主党が反ワクチン陰謀論を後押しするSNSの保護を停止する法案提出
パブリック / ダイバーシティ
2021-07-25 17:43
イオンネクスト、AIを活用したオンラインマーケットを開始–買い物をラクに楽しく
IT関連
2023-04-06 06:52
アプトポッド、エッジコンピューター「EDGEPLANT」発表–ハードウェア事業に参入
IT関連
2021-03-09 19:40
シスコ、DX推進の新戦略に基づきパートナープログラムを刷新
IT関連
2021-01-27 13:19
「Google Earth」のタイムラプス更新 地球の37年分の変化を3Dで
アプリ・Web
2021-04-17 05:56
Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD(MikuMikuDance)やApple Vision Proサポート
JavaScript
2024-04-01 20:48
「Android」でアプリの通知設定を調整するには–必要なものだけを選んで表示
IT関連
2022-11-13 12:37
第一生命、AIサービス開発環境「exaBase Studio」のプライベートクラウド版を採用
IT関連
2024-11-13 18:58
ABC Cooking Studio、人事労務クラウドでデータ連携を効率化
IT関連
2024-11-22 22:31
AWS、わざとクラウド障害を起こすサービス「AWS Fault Injection Simulator」提供開始
クラウドユーザー
2021-03-18 05:20