「Knockout.js」を編集中
ナビゲーションに移動
検索に移動
この編集を取り消せます。 下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 | 編集中の文章 | ||
1行目: | 1行目: | ||
− | '''Knockout | + | '''Knockout'''(のっくあうと)とは、[[MVVM]]パターンで[[UI]]([[HTML]])を動的更新できるようにしつつ、それでいて超簡素に[[ソースコード]]を書けるようにする[[JavaScript]][[フレームワーク]]である。 |
− | + | Knockoutのライバルとして[[Backbone.js]]の名前が出てくることが多いが、Backbone.jsは[[MVC]]、Knockoutは[[MVVM]]なので別物だと思うがどうなんだろう? | |
− | + | Knockoutは[[ASP.NET MVC]]や[[jQuery]]の中の人が中心となって作っており、[[ASP.NET MVC 4]]に標準搭載される予定となっている。 | |
− | + | なお、Knockoutは[[ASP.NET MVC]]や[[jQuery]]が無くても単体で使える。現実的な話では少なくとも[[jQuery]]はあった方がいいが。 | |
− | 2012年4月6日時点の最新版であるKnockout 2.0.0は、わずかmin+gz版で13KBと非常に軽量だが、とてつもない破壊力を持っている。ただ[[マイクロソフト]] | + | 2012年4月6日時点の最新版であるKnockout 2.0.0は、わずかmin+gz版で13KBと非常に軽量だが、とてつもない破壊力を持っている。ただ[[マイクロソフト]]との関連性が強いことによる宗教上の理由により嫌悪されているのか、日本語の情報は皆無に近い。英語の情報は結構あるが少なくとも日本ではそんなものは誰得、無に等しい。[[Knockout]]は[[Twitter Bootstrap]]、[[PHP]]とあわせ[[strict]]教の信者には受け入れがたいと言われている。 |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== 使用例 == | == 使用例 == | ||
56行目: | 12行目: | ||
=== 使用例1 === | === 使用例1 === | ||
− | + | knockoutjsによる[[hello, world]]のようなもの。 | |
<source lang="html5"> | <source lang="html5"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
128行目: | 84行目: | ||
</html> | </html> | ||
</source> | </source> | ||
+ | |||
+ | == 組み込みバインディング == | ||
+ | * [[Knockout/可視バインディング|可視バインディング]] | ||
+ | |||
+ | * [[制御フローバインディング]] | ||
+ | ** [[Knockout/foreach]] | ||
+ | ** [[Knockout/if]] | ||
+ | ** [[Knockout/ifnot]] | ||
+ | ** [[Knockout/with]] | ||
+ | |||
+ | * [[操作バインディング]] | ||
+ | ** [[Knockout/click]] | ||
+ | ** [[Knockout/event]] | ||
+ | ** [[Knockout/submit]] | ||
+ | ** [[Knockout/enable]] | ||
+ | ** [[Knockout/disable]] | ||
+ | ** [[Knockout/value]] | ||
+ | ** [[Knockout/hasfocus]] | ||
+ | ** [[Knockout/checked]] | ||
+ | ** [[Knockout/options]] | ||
+ | ** [[Knockout/selectedOptions]] | ||
+ | ** [[Knockout/uniqueName]] | ||
+ | |||
+ | === テンプレートのレンダリング === | ||
+ | * [[Knockout/template]] | ||
+ | |||
+ | === 先進的なテクニック === | ||
+ | |||
+ | === プラグイン === | ||
+ | * [[Knockout/mapping]] | ||
== 関連項目 == | == 関連項目 == | ||
+ | * [[jQuery]] | ||
* [[JavaScript]] | * [[JavaScript]] | ||
− | + | * [[ASP.NET MVC]] | |
− | |||
− | |||
* [[ASP.NET SPA]] | * [[ASP.NET SPA]] | ||
− | |||
== 参考文献 == | == 参考文献 == |