クライアントサイド開発の比較を行う

Web アプリケーションで クライアントサイドの開発をする場合 様々な方法をとることができます。 ひとつは静的な HTML と JavaScript を組み合わせる方法です。 この場合クライアントサイドの プログラムコードは JavaScript で 記述し、 サーバーサイドでは 特にプログラム言語を使用しません。 サーバーサイドで C# や PHP、 Ruby といった言語を利用する場合は なんらかの View エンジンを利用して HTML に動的に プログラムの値を埋め込むことができます。 最後に WebAssembly を 利用する方法です。 Blazor WebAssembly では この WebAssembly を利用して クライアント側のプログラムコードを 記述します。 それではそれぞれをもう少し 細かく見ていきましょう。 静的な HTML JavaScript は サーアーサイドのプログラミングを 動かさず、 サーバーには静的な HTML ファイルや JavaScript、 スタイルを記述したファイルなどを 配置することですみます。 なんらかのプログラムロジックを 実行したい場合は、 すべて JavaScript で 記述することになります。 Blazor WebAssembly のような シングルページアプリケーションを 開発するための 様々なフレームワークがあります。 Angular・Vue・React などです。 JavaScript を用いた 以前から利用されていることもあって 開発者や開発ノウハウが 豊富なのが特徴です。 サーバーサイドで プログラミングを行う場合、 例えば ASP.NET MVC のような フレームワークを利用する場合、 サーバーサイドでセーブしたデータを なんらかの方法で HTML に 埋め込むことができます。 サーバーサイド側の言語は 様々な言語が選択できます。 View エンジンと言われる HTML に動的に値を埋め込むエンジンも 言語ごとに様々なものが存在します。 ASP.NET MVC では Razor と言われるエンジンを利用します。 クライアント側のプログラミングは 静的な HTML 同様に JavaScript を用いて 記述することになります。 最後に WebAssembly を 利用する方法です。…