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

作成者: Mads Kristensen

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

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

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

BackboneJS

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

BreezeJS

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

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

さらに、Hot Towel SPA テンプレートは、BreezeJS を使用します。

EmberJS

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

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

Hot Towel

Hot Towel SPA テンプレート。 このテンプレートは、Breeze、Knockout、RequireJS、Twitter Bootstrap など、いくつかの JavaScript ライブラリを取り入れています。

ここに記載されている他のテンプレートに比べ、Hot Towel テンプレートは、より完全なアプリケーションを提供します。それを基に独自のものを構築できます。 他にも注意すべき概念がありますが、それらを理解した後、このテンプレートがまさに探しているものになるかもしれません。 SPA を構築することを考えてはいるが、どこから開始すればよいかがわからない場合は、Hot Towel を使用すれば、SPA と、その上で構築するために必要なすべてのツールが数秒で手に入ります。

特徴テーブル

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

機能 ASP.NET SPA バックボーン Breeze/Angular Breeze/KO Ember Hot Towel
ToDo サンプル
ベア テンプレート
ナビゲーションと履歴
ライブラリ
Angular
 バックボーン
Breeze
Durandal
Ember
Knockout