---
title: Backbone.jsでデータバインディングを実現するためのbackbone.stickitを試す
tags: []
categories: ["Programming", "JavaScript", "Framework", "Backbone", "Stickit"]
date: 2013-12-20T10:25:04Z
updated: 2013-12-20T10:25:04Z
---

Backbone.jsでデータバインディングを実現するための[backbone.stickit][1]を試す

手始めに[knockkout.jsの簡単なデータバインディングサンプル][2]をBackbone版で書いてみる。

<iframe width="100%" height="300" src="http://jsfiddle.net/c488A/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

[backbone.validation][3]のフォームバリデーションと組み合わせると便利。

<iframe width="100%" height="300" src="http://jsfiddle.net/NvzmZ/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

さらにbackbone.stickit + backbone.validation + Bootstrapの組み合わせ

<iframe width="100%" height="300" src="http://jsfiddle.net/thedersen/c3kK2/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>


  [1]: http://nytimes.github.io/backbone.stickit/
  [2]: http://knockoutjs.com/examples/helloWorld.html
  [3]: http://thedersen.com/projects/backbone-validation/