サンプルに惑わされるな！KnockoutでUIエフェクトを使う際のベター・プラクティス - Qiita
<p data-bind="fadeVisible: displayMessage"> 尚、このメッセージは displayMessage プロパティが false になると自動的に消滅する。 </p> function ViewModel() { var self = this; self.displayMessage = ko.observable(true); } $(function() { var vm = new ViewModel(); ko.applyBindings(vm); vm.displayMessage(false); // これでメッセージがフェードアウト }; // jQuery の fadeIn() / fadeout() メソッドを使ってエレメントの 可視/不可視 を切り替える ko.bindingHandlers.fadeVisible = { init
ViewModel設計の原則 その１
□導入 MVVMの知名度は十分に高まっているものの、MVVMでの開発はまだまだしきいが高いと感じる方が多いのではないかと思います。確かに、MVVMで開発するためのライブラリやフレームワークが出揃い始めており、それらの技術について説明したコンテンツも充実しつつあるように思います。しかし、これらの技術をどう使って設計していけばよいのかはどのコンテンツにもあまり語られていません。特にMVVMの肝であるはずのView Modelの設計をどうしたらよいのかについて説明しているコンテンツがなく、各技術者に任されてしまっています。 私自身、模索を繰り返しながら何とかViewModelの設計をやっているのが実態で、まだまだ不明な点が多くあります。しかし、今まで私がMVVMによる開発を行ってきたなかで得たものを、「View Model設計のための原則」というテーマで、何回かに分けてご紹介したいと思います。い
Testing Knockout.js Web Applications
I’ve been working with Knockout.js for a few months now. I’m impressed, but one thing I’ve found lacking is much community documentation on how to test Knockout apps. I thought I’d write an introductory post on testing Knockout.js applications for those new to the idea – like I myself was, a few moons ago. What’s our goal?These days it seems that unit testing is more or less a prerequisite to any
ドキュメント | Knockout.js 日本語ドキュメント
Observable (ViewModelをつくる) Knockout は次の３つの思想に基づいています。 Observable と依存関係トラッキング 宣言型バインディング UIテンプレート ここでは上記３つのうち最初の１つを紹介しますが、その前に、MVVM パターンと View Model のコンセプトについて考えてみましょう。 MVVM と View Model Model-View-ViewModel (MVVM) はユーザインターフェイスを構築するための設計パターンであり、概念モデルです。 MVVM では、プログラムを次の３つに分割して設計することで、機能的なUIのコードをシンプルに保ちます。 Model: いかなるUIにも依存しない、ビジネスドメインのデータと操作を表すオブジェクトです。 Knockout を使う場合、サーバに保管されたデータを取得・変更するために、サーバサイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
