「Knockout.js」の版間の差分
ナビゲーションに移動
検索に移動
imported>Administrator |
imported>Administrator (→使用例) |
||
| 16行目: | 16行目: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(function() { | jQuery(function() { | ||
| − | // | + | // ready関数 |
| − | // | + | // knockoutjsはDOMが準備されてからじゃないと動かないよ。 |
// モデル | // モデル | ||
2012年4月9日 (月) 10:16時点における版
Knockout（のっくあうと）とは、jQuery上に構築された、MVVMパターンでUI（HTML）を動的更新できるようにしつつ、それでいて超簡素にソースコードを書けるようにするJavaScriptフレームワークである。
ASP.NET MVCの中の人が作っており、ASP.NET MVC 4に標準搭載される予定となっている。
2012年4月6日時点の最新版であるKnockout 2.0.0は、わずかmin+gz版で13KBと非常に軽量だが、とてつもない破壊力を持っている。ただマイクロソフトとの関連性が強いことによる宗教上の理由により嫌悪されているのか、日本語の情報は皆無に近い。公式サイト上のチュートリアルを触った感じでは何かよくわかんないけど凄い。
使用例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Knockoutjs - Test01</title>
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="knockout-2.0.0.js"></script>
<script type="text/javascript">
jQuery(function() {
// ready関数
// knockoutjsはDOMが準備されてからじゃないと動かないよ。
// モデル
var AppViewModel = function() {
this.firstName = "Mono";
this.lastName = "Book";
};
// バインディング
ko.applyBindings(new AppViewModel());
});
</script>
</head>
<body>
<p>First name: <strong data-bind="text: firstName"></strong></p>
<p>Last name : <strong data-bind="text: lastName"></strong></p>
</body>
</html>
関連項目
参考文献
外部リンク
|
この項目「Knockout.js」は、まだ書きかけの項目です。加筆、訂正などをして下さる協力者を求めています。 |
| このテンプレートは分野別のスタブテンプレート（Monobook:スタブカテゴリ参照）に変更することが望まれています。 | |
