Menu


Microsoft Most Valuable Person

jQueryでMVC (1) ゆっくりしていってね!

「継続渡しスタイル(CPS)でアニメーション」バージョンもあります。

ソースコード

lame.js

アプリケーションの説明

ボタンを押すと博麗霊夢が動きます。文字も出ます。

ソースコードの説明

Model

positionに霊夢の位置が、textにテキストが設定されます。

start()で霊夢の動きとテキストの変化が初期化されます。 runningがtrueの間は次のステップが残っています。next()を呼ぶと、position, text, runningが変化します。

Controller

Modelを呼び出すだけです。Viewのことは感知しません。

View

JavaScriptのViewはwindowオブジェクトおよびjQueryに依存します。

ViewをModelに登録することで、Modelが更新されたときにViewに通知されます。 このコードではupdate()が呼び出されるので、その中でModelの値を読み取り、 jQueryを使って画面を更新します。

Viewで発生するイベントやコールバックはControllerに委譲します。


MVC インデックスへ戻る


Last Update: 2012-12-30 18:30:08