<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
	<id>https://monobook.org/w/index.php?action=history&amp;feed=atom&amp;title=Knockout.js%2Fobservable%E9%96%A2%E6%95%B0</id>
	<title>Knockout.js/observable関数 - 版の履歴</title>
	<link rel="self" type="application/atom+xml" href="https://monobook.org/w/index.php?action=history&amp;feed=atom&amp;title=Knockout.js%2Fobservable%E9%96%A2%E6%95%B0"/>
	<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Knockout.js/observable%E9%96%A2%E6%95%B0&amp;action=history"/>
	<updated>2026-07-18T21:34:36Z</updated>
	<subtitle>このウィキのこのページに関する変更履歴</subtitle>
	<generator>MediaWiki 1.42.1</generator>
	<entry>
		<id>https://monobook.org/w/index.php?title=Knockout.js/observable%E9%96%A2%E6%95%B0&amp;diff=1450&amp;oldid=prev</id>
		<title>imported&gt;Administrator: /* 備考 */</title>
		<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Knockout.js/observable%E9%96%A2%E6%95%B0&amp;diff=1450&amp;oldid=prev"/>
		<updated>2012-04-12T09:31:57Z</updated>

		<summary type="html">&lt;p&gt;&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;備考&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ja&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← 古い版&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;2012年4月12日 (木) 09:31時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l37&quot;&gt;37行目:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;37行目:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== 備考 ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== 備考 ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;なお、本来の[[JavaScript]]では[[C Sharp|C#]]のプロパティ構文とほぼ同じ[[アクセサメソッド]]が用意されており（get構文およびset構文）、本来であればもっと簡潔明瞭に書けるはずだったが、一部の[[クソブラウザ]]&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;（IE8とかIE8とかIE8）が&lt;/del&gt;[[ゲッター]]と[[セッター]]をサポートしていないクソ仕様なせいでこのような書式になったそうだ。&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;なお、本来の[[JavaScript]]では[[C Sharp|C#]]のプロパティ構文とほぼ同じ[[アクセサメソッド]]が用意されており（get構文およびset構文）、本来であればもっと簡潔明瞭に書けるはずだったが、一部の[[クソブラウザ]]&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;（IE8とかIE8とかIE8、なおIE9には付いたらしいよ）が&lt;/ins&gt;[[ゲッター]]と[[セッター]]をサポートしていないクソ仕様なせいでこのような書式になったそうだ。&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== 関連項目 ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== 関連項目 ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>imported&gt;Administrator</name></author>
	</entry>
	<entry>
		<id>https://monobook.org/w/index.php?title=Knockout.js/observable%E9%96%A2%E6%95%B0&amp;diff=1449&amp;oldid=prev</id>
		<title>imported&gt;Administrator: ページの作成：「knockout.jsの&#039;&#039;&#039;observable関数&#039;&#039;&#039;（observableオブジェクト）とは、knockout.jsがビューモデルの変更を検出するためにもちいる...」</title>
		<link rel="alternate" type="text/html" href="https://monobook.org/w/index.php?title=Knockout.js/observable%E9%96%A2%E6%95%B0&amp;diff=1449&amp;oldid=prev"/>
		<updated>2012-04-12T09:31:01Z</updated>

		<summary type="html">&lt;p&gt;ページの作成：「&lt;a href=&quot;/wiki/Knockout.js&quot; title=&quot;Knockout.js&quot;&gt;knockout.js&lt;/a&gt;の&amp;#039;&amp;#039;&amp;#039;observable関数&amp;#039;&amp;#039;&amp;#039;（observableオブジェクト）とは、&lt;a href=&quot;/wiki/Knockout.js&quot; title=&quot;Knockout.js&quot;&gt;knockout.js&lt;/a&gt;が&lt;a href=&quot;/w/index.php?title=%E3%83%93%E3%83%A5%E3%83%BC%E3%83%A2%E3%83%87%E3%83%AB&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;「ビューモデル」 (存在しないページ)&quot;&gt;ビューモデル&lt;/a&gt;の変更を検出するためにもちいる...」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[knockout.js]]の&amp;#039;&amp;#039;&amp;#039;observable関数&amp;#039;&amp;#039;&amp;#039;（observableオブジェクト）とは、[[knockout.js]]が[[ビューモデル]]の変更を検出するためにもちいる監視オブジェクトである。&lt;br /&gt;
&lt;br /&gt;
なお、[[JavaScript]]での[[オブジェクト]]の実体は[[関数]]なので、[[クラスベース]]の[[オブジェクト指向]]に慣れている人には気持ち悪い記述かもしれないが、慣れろ。&lt;br /&gt;
&lt;br /&gt;
== セッターメソッド ==&lt;br /&gt;
observableオブジェクトに[[値]]を設定するには、[[引数]]に値をセットして呼び出す。&lt;br /&gt;
いわゆる[[セッターメソッド]]に相当する。&lt;br /&gt;
&amp;lt;source lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
var AppViewModel = function() {&lt;br /&gt;
  var name = ko.observable(&amp;quot;knockoutjsさん&amp;quot;); // これ&lt;br /&gt;
};&lt;br /&gt;
&amp;lt;/source&amp;gt;&lt;br /&gt;
&lt;br /&gt;
なお、この[[セッターメソッド]]の[[戻り値]]は、自らのobservableオブジェクトなので[[メソッドチェーン]]的な書き方もできる。&lt;br /&gt;
&amp;lt;source lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
// こういう記述は&lt;br /&gt;
myViewModel.name(&amp;quot;jqueryさん&amp;quot;);&lt;br /&gt;
myViewModel.age(6);&lt;br /&gt;
// こういう風にも書ける。&lt;br /&gt;
myViewModel.name(&amp;quot;jqueryさん&amp;quot;).age(6);&lt;br /&gt;
// 誰得。&lt;br /&gt;
&amp;lt;/source&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== ゲッターメソッド ==&lt;br /&gt;
observableオブジェクトが保持している[[値]]を取得するには、[[引数]]をつけずに呼び出す。&lt;br /&gt;
いわゆる[[ゲッターメソッド]]に相当する。&lt;br /&gt;
&amp;lt;source lang=&amp;quot;javascript&amp;quot;&amp;gt;&lt;br /&gt;
var AppViewModel = function() {&lt;br /&gt;
  var name = ko.observable(&amp;quot;knockoutjsさん&amp;quot;);&lt;br /&gt;
};&lt;br /&gt;
var myViewModel = new AppViewModel();&lt;br /&gt;
&lt;br /&gt;
// これ&lt;br /&gt;
// 括弧が必要な点に注意すること。&lt;br /&gt;
var hogehogehoge = myViewModel.name();&lt;br /&gt;
&amp;lt;/source&amp;gt;&lt;br /&gt;
&lt;br /&gt;
== 備考 ==&lt;br /&gt;
なお、本来の[[JavaScript]]では[[C Sharp|C#]]のプロパティ構文とほぼ同じ[[アクセサメソッド]]が用意されており（get構文およびset構文）、本来であればもっと簡潔明瞭に書けるはずだったが、一部の[[クソブラウザ]]（IE8とかIE8とかIE8）が[[ゲッター]]と[[セッター]]をサポートしていないクソ仕様なせいでこのような書式になったそうだ。&lt;br /&gt;
&lt;br /&gt;
== 関連項目 ==&lt;br /&gt;
* [[knockout.js]]&lt;br /&gt;
** [[knockout.js/applyBindings関数|applyBindings関数]]&lt;br /&gt;
** [[knockout.js/observable関数|observable関数]]（[[knockout.js/observableオブジェクト|observableオブジェクト]]）&lt;br /&gt;
** [[knockout.js/observableArray関数|observableArray関数]]（[[knockout.js/observableArrayオブジェクト|observableArrayオブジェクト]]）&lt;br /&gt;
** [[knockout.js/computed関数|computed関数]]&lt;br /&gt;
** [[knockout.js/subscribe関数|subscribe関数]]&lt;br /&gt;
== 参考文献 ==&lt;br /&gt;
&amp;lt;references/&amp;gt;&lt;br /&gt;
== 外部リンク ==&lt;br /&gt;
&lt;br /&gt;
{{stub}}&lt;/div&gt;</summary>
		<author><name>imported&gt;Administrator</name></author>
	</entry>
</feed>