Backbone.js と比較しながら Knockout.js を試してみた - present
Backbone.js を試したから Knockout.js にも挑戦 JavaScript のクライアント MVC フレームワークは Backbone.js でいこうと思っていたんですが、Knockout.js が Ver 2.0 でかなり機能追加されて、ちょっと心変わり。もともと Knockout.js のデータバインディング機能に興味を持っていたところに、テンプレート機能が追加されて、試してみたくなりました。 念のため説明すると、Knockout.js は、.NET 開発者にはお馴染みの、データバインディングや MVVM パターンが特徴のフレームワークです。 Knockout : Home ちなみに、Backbone.js の記事はこちら。 作って覚える Backbone.js - present 作って覚える Backbone.js (2) Router 編 - present T
dependentObservableの仕組み - taediumの日記
Knockout.jsを触り始めて最初に感じた疑問は、dependentObservableって何で依存先の変更を自動で感知できるのか？でした。 コードを読んでわかってきた自分なりの理解をまとめます。 例として、簡単な足し算アプリを使います。 http://jsfiddle.net/nakamura_to/zdbD6/ コードはこちらにも貼り付けておきます。 HTML <input data-bind="value: arg1" /> + <input data-bind="value: arg2" /> = <span data-bind="text: result"> JavaScript var ViewModel = function() { this.arg1 = ko.observable(0); this.arg2 = ko.observable(0); this.resul
ViewModelの定義パターン - taediumの日記
まず、コンストラクタを使うかどうかで迷って、使わない場合にはdependentObservableからViewModelをどう参照するかに迷います。 どれがいいんでしょうねー？ パターン1: コンストラクタを使う まぁ、ふつうです。 ただ、コンストラクタ呼び出しはnewを忘れると気づきにくいから避けるべきみたいな言説もあり、その点でどうしよう？と思います。 var ViewModel = function() { this.arg1 = ko.observable(0); this.arg2 = ko.observable(0); this.result = ko.dependentObservable(function() { var arg1 = parseInt(this.arg1(), 10); var arg2 = parseInt(this.arg2(), 10); retur
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
