JavaScript フレームワークがデータバインディングを実現する４通りの手法
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデル クラス方式 「モデルとして扱えるのはフレームワークが用意したモデル クラスのインスタンスだけ」という
Angular 叩きが流行っているようなので一言言っておくか - ボクココ
元ネタはここ。 Angularそっちのけで、Vue.jsについて所感 まぁタイトルからして釣りっぽい雰囲気はあるけど、そこは気にせず。 覚え切れそうな分量のAPI Angularだって最低限覚えなきゃいけないのはたかが知れてる。全部覚えようとしなくてもいいのはどのフレームワークだってそうだ。徐々に覚えていけばいいだけ。 プロパティによる宣言っぽさ たくさん書かないといけない、というようなことを書いているけれども、それはAngular がDIを推奨した構造にしているからであって、そのおかげでコードに一貫性が出るし依存関係が一瞬でわかる。テストも書きやすい。 その辺Vueは開発者に委ねられている。複雑なロジックや大規模なものになればなるほどカオスになっていくだろう。もちろんそれも開発者の腕次第ではあるが。 後半からはもはや宣伝だなw Angular の Directive に相当するだけの話だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
