twitterこの広告は、90日以上更新していないブログに表示しています。@kanreisa)。クライアントサイドJavaScriptでのビューの作り方を大別すると、3つ4つある。DOM操作型テンプレートエンジン型UIオブジェクト型データバインディング型ここでいうビューの作り方とは、有り体にいうとJavaScriptからどうやってDOM要素を生成したりするかどうか。イベントリスナーの登録とかも含む。jQueryとか使って直接DOM操作してビューを作る。読みづらいし書きづらいのでメンテナンス性低いコード量が無駄に多くなる傾向テンプレートエンジン型テンプレートエンジンが世の中にはあるのでそれを使う。HTMLでそのままビューのひな形を書けて、データをJavaScriptから嵌めこむ。下の例ではPUREというライブラリを使っている。UIやExt.jsのような、DOM操作を隠蔽してくれるようなオブジェクトを作ってくれるライブラリを利用する。Ext.jsなど、内部ではテンプレートエンジンを使っていたりする場合もある。}]});長所DOM操作を意識しなくても良いあらかじめコンポーネントの挙動なども構築されている短所DOM操作が隠蔽されているために実際にはどういう風にDOM操作されているのかわかりづらいそのためカスタマイズしたり詳細をいじったりしづらいデータバインディング型モデルをバインドすると、モデルの更新を自動的にビューに反映したりしてくれるやつ。JavaScriptのモデルをいじると勝手にビューに反映してくれるだけではなく、DOM側の変更を自動的にモデルに反映してくれたりするものもある。MVVMフレームワークのKnouckout.jsとかAngular.jsみたいなフレームワークに備わっている仕組み。Win8メトロアプリをJavaScriptで作る際に提供されるライブラリ、WinJSでも採用されている。単体のライブラリだとjsViewとか使う。実際のコードは、一見テンプレートエンジンを使ったやり方と変わらなく見えるが、モデル(正確にはビューモデル)のデータとビューが自動的に連動するようになる。下の例はknockout.jsを使ったもの。仕組みを理解する必要があるまとめ用途にあったものを使いましょう。DOM操作でなんとかするやり方は規模が大きくなると最終的には誰も幸せにならないので他の選択肢を検討しましょう。それなりにリッチなものを作るならデータバインディング型も検討しましょう。»はてなブログをはじめよう!anatooさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。