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

今回は「Blazorの生みの親が「Blazor United」発表。SPAとSSRを1つのBlazorに統合し、共通のソースコードで記述可能に」についてご紹介します。

関連ワード (正式版、設定、赤線等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

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


C#などの.NETテクノロジーを用いてWebアプリケーションの開発を可能にするフレームワークとして登場したのがマイクロソフトの「Blazor」です。

最初はWebAssemblyを用いてWebブラウザ上に.NETランタイムを実装し、その上でRazorコンポーネントを利用可能にすることで、C#によるWebアプリケーションがWebブラウザ上で実行できる「Blazor WebAssembly」の開発がスタートしました(下図左)。

その後、サーバサイドでも同じ.NETとRazorコンポーネントを用いてWebアプリケーションを開発できる「Blazor Server」の開発も始まりました(下図右)。

fig2

この2つのフレームワークは2020年に正式版としてそれぞれリリースされています。

そしてこの2つを統合しつつ、クライアントサイドレンダリングによるSPA(Single Page Application)とサーバサイドレンダリングによるHTML生成の利点を組み合わせたWebアプリケーションの構築ができる「Blazor United」を、Blazorの生みの親であるSteve Sanderson氏がYouTubeで発表しました。

fig

Webページの内容はそのまま、SSRからSPAへ簡単に変更

Sanderson氏が示したBlazor Unitedのデモの一部を見てみましょう。

Webブラウザ上でレシピサイトが表示されています。これはサーバサイドでページ全体がHTMLとして生成され、表示されています。

fig
fig

このHTMLを生成しているコードに、赤線で示されたストリームレンダリングの設定を追加し、ロード時に表示する「Loading recipes…」のif文があるコードを再コンパイル(それぞれ赤線で示す)。

fig

するとレシピ部分は動的にロードされるようになり、ロード中は「Loading recipes…」が表示されます。つまり、レシピ表示部分がクライアントサイドレンダリングになりました。

fig

このようにWebページのコンテンツを生成する部分のコードは共通するBlazorのコードとして利用可能なまま、そこをサーバサイドレンダリングにするのか、SPAのようなクライアントサイドレンダリングにするのかを柔軟に記述できるのがBlazor Unitedの特長として示されました。

ただしBlazor Unitedはまだ簡単に試せるパッケージも存在しないほど開発の初期段階にあるため、Sanderson氏は多くのフィードバックを求めているとしました。

SSRとCSR/SPAの統合は大きなトレンドか

Sanderson氏は、Blazor Unitedで実現しようとしているサーバサイドレンダリングとクライアントサイドレンダリングやSPAの利点を1つのフレームワークで実現しようとすることは、業界のトレンドだと説明しています。

Blazor Unitedがなぜ実現可能かと言えば、それはサーバサイドとクライアントサイドの両方のレンダリングが、Blazorという共通のフレームワークで可能であるからでしょう。

だからこそコンテンツのレンダリング部分のコードは共通し、それをクライアントで行うのか、サーバで行うのかを柔軟に選択できるようなコードが書けるのだと考えられます。

そして似たようなことがJavaScriptのフレームワークでも起きています。

Reactはもともとクライアントサイドのレンダリングフレームワークとして使われていましたが、Next.jsやGatsby、Remixなどサーバサイドレンダリングが可能なフレームワークでも使われています。

Denoが2月1日付けのブログで公開した記事「The Future (and the Past) of the Web is Server Side Rendering」は、こうしたサーバサイドレンダリングのフレームワークを用いつつ、インタラクティブな操作が必要な部分ではJavaScriptのコードをクライアントに送って実現することが、両者の利点を組み合わせたこれからのWebアプリケーションの姿ではないかと主張する内容でした。

Sanderson氏とDenoのブログは、Webのサーバとクライアントで共通のフレームワークを用いることで、柔軟にサーバサイドレンダリングとクライアントレンダリングの利点を組み合わせることが、これからのWebアプリケーションのトレンドになるという点で一致しています。

Webサイトは静的なHTMLから始まり、CGIによる動的なWebサイトからSPAによるインタラクティブなWebサイトを経て、その全ての利点をうまく組み合わせるというトレンドに入ってきたようです。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
サンドラッグ、契約締結・管理業務をデジタル化–社内全ての契約書を一元管理
IT関連
2023-02-23 10:14
早稲田大学、押印廃止でアドビの電子署名サービスを導入–承認プロセスの見直し図る
IT関連
2022-09-28 04:16
京王プラザホテル、顔認証を活用したチェックインサービスを導入
IT関連
2023-08-12 15:04
トッド・ラングレンがバーチャルだが「地域限定」のツアーを間もなくスタート
ネットサービス
2021-02-05 01:00
DXの一環として推進すべき–日本IBM、メタバースの本格普及に向けたレポート発表
IT関連
2023-02-23 19:27
SpaceXの衛星携帯通信サービス「Starlink」、8月に全世界で利用可能に–マスク氏
IT関連
2021-06-30 04:52
インテル、「Core Ultra」と第5世代「Xeon」を正式発表–AI対応を強化
IT関連
2023-12-16 23:56
基幹システムのクラウド移行を支援–BeeXが事業戦略
IT関連
2022-03-10 23:20
国内生成AI市場、2027年に780億円規模へ成長–IDC Japan予測
IT関連
2023-09-27 04:58
JVCケンウッドが視野角水平120度・解像度片目2560×1440の透過型ヘッドマウントディスプレイ発売
ハードウェア
2021-02-17 01:04
匿名性はデジタルワークフォースの秘密兵器
IT関連
2022-06-18 07:01
転売もOK、電子チケットの「NFT」を販売するサービス登場 ライブの視聴権などをブロックチェーンで証明
企業・業界動向
2021-03-26 01:55
ラック、福島第一原発の処理水放出に便乗するサイバー攻撃に注意喚起
IT関連
2023-09-02 22:34
AI PCはユーザーの生産性を高める最高のアシスタント–レノボのツィエリンスキーEVP
IT関連
2024-08-30 21:43