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
アドビ、「Acrobat」と「AI Assistant」に新機能を追加
IT関連
2024-06-19 08:33
PG&Eとフォード、家庭用バックアップ発電機としての電動トラックの可能性を開拓へ
IT関連
2022-03-13 11:18
グーグル、機械学習を利用してDDoS攻撃をブロックするCloud Armorの適応型保護機能をプレビュー
IT関連
2021-07-22 19:04
「1人目のエンジニア」が組織に与える変化とは?
IT関連
2021-04-01 21:49
副業人材の需要、ITエンジニア・情シスが上位 人気の理由は
キャリア・しごと
2021-08-12 01:30
ワークデイ、財務管理クラウドサービスの国内提供を開始
IT関連
2021-07-08 13:13
Suicaでビルの入退館 ゲートにかざすと受付完了 JR東など実験
クラウドユーザー
2021-01-26 00:18
横河電機とNTT Com、「共同利用型OTクラウドサービス」で製造管理パッケージを提供
IT関連
2023-11-18 03:12
村田製作所とIIJ、東南アジアでIoTデータサービスプラットフォームを提供開始
IT関連
2023-11-02 22:47
アップルがApple Teacher Portfolioの認定、アプリ「スクールワーク」と「クラスルーム」のアップデートを発表
EdTech
2021-03-25 09:24
出張シェフが1食600円台で作り置き、シェアダインが急拡大で「年内に全国展開も視野」
シェアリングエコノミー
2021-07-22 12:38
LastPassがハッキング被害–ソースコードを含む技術情報が漏えい
IT関連
2022-08-31 06:23
NEC、社内向け生成AIサービスをセキュリティやコンタクトセンター業務に適用
IT関連
2023-09-02 13:12
マカフィー、法人向け事業を売却へ–コンシューマー向けに特化
IT関連
2021-03-09 15:49