Knockout 以外のライブラリを知っていますか?

[アーティクル]
06/16/2023

シングルページアプリケーション (SPA) テンプレートは、シングルページアプリケーションの作成を開始するための優れた方法です。このテンプレートでは KnockoutJS を使用して、アプリケーションデータを DOM 要素にバインドします。

ただし、リッチクライアントアプリケーションを作成するための JavaScript ライブラリは Knockout だけではありません。他のライブラリは、さまざまな方法で同様の課題を解決します。 1 つのライブラリを別のライブラリよりも優先する場合があるため、コミュニティで作成された複数のテンプレートをダウンロードできるようにしました。これらの各テンプレートは、クライアント JavaScript ライブラリの異なる組み合わせを使用します。

コミュニティで作成されたテンプレートをインストールするには、以下のいずれかのテンプレートページにアクセスし、[ダウンロード] ボタンをクリックします。テンプレートは VSIX ファイルとして提供されます。

バックボーンJS

SPA テンプレートBackbone.jsします。このテンプレートは、ASP.NET MVC で Backbone.js アプリケーションを開発するための初期スケルトンを提供します。既定では、ユーザーのサインアップ、サインイン、パスワードのリセット、基本的な電子メールテンプレートを使用したユーザー確認など、基本的なユーザーログイン機能が提供されます。

BreezeJS

BreezeJS は、JavaScript クライアントでリッチデータを管理するためのオープンソースライブラリです。 Breeze は、クエリ、キャッシュ、変更の追跡、検証などを処理します。 2 つのテンプレートには、Breeze が含まれています。

Breeze/Knockout テンプレートは Knockout SPA テンプレートを拡張し、データ管理用の Breeze とデータバインディング用の KnockoutJS を使用してシングルページアプリケーションを簡単に構築できることを示します。
Breeze/Angular テンプレートでは、Knockout SPA テンプレートも Breeze で拡張されますが、データバインディング、依存関係の挿入、画面管理には AngularJS ライブラリを使用します。

さらに、ホットタオル SPA テンプレートでは BreezeJS が使用されます。

EmberJS

EmberJS SPA テンプレート。このテンプレートでは、豊富なクライアントアプリケーションを構築するためのさまざまな課題を解決する強力な MVC JavaScript ライブラリである Ember を使用します。

Ember SPA テンプレートは、EmberJS と Handlebars テンプレートを使用して、Knockout SPA テンプレートの再実装です。

ホットタオル

ホットタオル SPAテンプレート。このテンプレートには、Breeze、Knockout、RequireJS、Twitter Bootstrap など、いくつかの JavaScript ライブラリが用意されています。

ここに記載されている他のテンプレートと比較して、ホットタオルテンプレートは、あなた自身を構築できるより完全なアプリケーションを提供します。他にも注意すべき概念がありますが、理解すると、このテンプレートが探しているだけの場合があります。 SPA を構築したいが、どこから開始するかを決定できない場合は、ホットタオルを使用します。数秒で SPA と、それに基づいて構築するために必要なすべてのツールが用意されています。

機能テーブル

各 SPA テンプレートによって提供される機能を次に示します。

特徴	ASP.NET SPA	バックボーン	Breeze/Angular	Breeze/KO	Ember	ホットタオル
ToDo サンプル	✓		✓	✓	✓
ベアテンプレート		✓				✓
ナビゲーションと履歴		✓	✓		✓	✓
ライブラリ
Angular			✓
バックボーン		✓
風			✓	✓		✓
デュランダル						✓
Ember					✓
ノックアウト	✓			✓		✓