Tips, tricks, tutorials & screencasts to help you improve your JavaScript Learn More Backbone.js is a framework that lets us structure our applications using a pattern similiar to MVC (technically Backbone is not pure MVC as the C stands for ... 続きを読む
An example Backbone application contributed by Jérôme Gravel-Niquet. This demo uses a simple LocalStorage adapter to persist Backbone models within your browser. 続きを読む
JavaScriptBackbone.js を試したから Knockout.js にも挑戦JavaScript のクライアント MVC フレームワークは Backbone.js でいこうと思っていたんですが、Knockout.js が Ver 2.0 でかなり機能追加されて、ちょっと心変わり。もともと Knockout.js のデータバイ... 続きを読む
Going routeless It’s a mindset thing. If you come from a server-side web applications background your first instinct is to use a router and fragment identifiers to emulate browser page navigation — go down this route you soon find that tr... 続きを読む
JavaScriptWeb サービスにリッチな UI を実装したいけど、jQuery だけだとコードがスパゲッティになりそうなので、JavaScript の MVC フレームワークを使うことにしました。候補は Backbone.js と Knockout.js の2つ。どちらも最近はてブで注目を浴びましたね。... 続きを読む
backbone + coffee scriptで快適に 最近は仕事でもJavaScriptの使用頻度が多くなっており、煩雑になりがちでした。 解決方法を探していたところ、backbone.jsというフレームワークが良いらしいという話が出てきたので試してみます。 また、coffee scriptを組み... 続きを読む
This site is by no means the definite guide to backbone.js and all corrections and contributions are welcome. Beginner Why would you use backbone.js? » Thomas Davis What is a model? » Thomas Davis Intermediate Tutorial 1 Tutorial 2 続きを読む
ここ数日backbone.js触っていました。 backbone.jsはクライアント再度にMVCを入れるフレームワークで、cincoなどでも採用されるようで、少しずつ人気が出てきているものです。 backbone.jsの解説はここが分かりやすかったです。 http://backbonetutorials.com/ ... 続きを読む
Backbone.js on Rails eBook Build snappier, more interactive apps with cleaner code and better tests in less time. Read a free sample from the book: HTML | PDF You build web apps, and you've seen the shift towards highly interactive, rich clie... 続きを読む
Hello Backbone is a simple Backbone.js tutorial comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example. Backbone.js offers a lean ... 続きを読む
Backbone Tutorials This site is by no means the definitive guide to backbone.js and all corrections and contributions are welcome. Follow @neutralthoughts Backbone routers are used for routing your applications URL’s when using hash tags(#).... 続きを読む
Backbone.js入門の最終回は Router と History です。 Backbone.js入門 「MVC」で述べたように、URL が変更された時に発生する popstate または hashchange イベントを監視してルーチンを起動するのが Router の役目です。History は Router の裏方で頑張る実体... 続きを読む
backbone.js + Rails3.1で作成したサイト「best vimrc」を題材にSonicGarden社内で勉強会を開催しました。ustreamされながら話すのは緊張しますねー。。 結果的に「クライアントサイドのコードを無理にMVCで書く理由が分からない。もっとシンプルで分かりやすい... 続きを読む
javascriptjQuery や Backbone.js で UI を開発していて面倒なのが、サーバー側の API を呼び出す部分の実装です。呼び出したい API が既に実装されていないと、細かいところまで作り込めません。あと、上手く動かなかったときも面倒です。原因がクライアント側... 続きを読む
こんにちわ、プログラマの川口です。今回はBackbone.jsをCoffeeScriptで記述し、Ruby on Railsと組み合わせて利用する簡単なパターンを試してみました。CoffeeScriptは非常に簡潔にJavaScriptを記述できる上に学習コストも低いのでおすすめです。最近はJavaScri... 続きを読む
はいどうも~。Japanese Schoolgirlsが好きなエンジニアの吉田です。 以前「jQuery.tmpl() で HTML の View と Model を分離してみるよ」という 記事を書きましたが、引き続きJavaScriptによるMVCシリーズ第二弾! 今回は、Backbone.jsでViewとModelを分離させ... 続きを読む
まずさらっと紹介。・backbone.js…クライアントサイドjsにMVCを提供してくれるすんげーライブラリ。railsと相性抜群(っぽい。まだサラっとしか見てません)ルーティング辺り使いたいので、knockoutjs使ってましたがこっちに切り替えようかなと思ってます。・j... 続きを読む
Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. Backbone.js - A brief introduction - Presentation Transcript CLIENT-SIDE MVC A brief intro... 続きを読む
(c) 2010 Jeremy Ashkenas, DocumentCloud Inc. Backbone may be freely distributed under the MIT license. For all details and documentation: http://documentcloud.github.com/backbone 続きを読む
とりあえず、JSONデータを用意して、それをもとにUIをガリっと作るような機会があったので、半ば無理矢理Backbone.jsが便利なのかどうか試してみた。サンプルは出せないけど、JSONファイルを元に、地図にポツポツポイントをおいて、それクリックしたら遷移した... 続きを読む
JavaScript最近は Backbone.js をよく触っています。Backbone.js を使った場合、そこそこな規模の UI が出来あがるわけで、品質を上げるためにはテストが必要不可欠です。Backbone.js みたいな MVC フレームワークを導入するメリットとしては、「役割がはっきり... 続きを読む
もう一つYokohama.rb 第9回でやっていたことをシェアします。 Backbone.jsの勉強をするため、Sinatra + Backbone.jsで簡単なサンプルを作っていました。 ・・・しかもCoffeeScriptで。 Backbone.jsとは? ここを読んでいる方は、おそらくサーバーサイドをPHPな... 続きを読む
こんにちは、2011年度新卒エンジニアの夏目です!突然ですがみなさんJavaScript書いてますか? 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。... 続きを読む
Backbone.js Introduction Events – bind – unbind – trigger Model – extend – constructor / initialize – get – set – unset – id – cid – attributes - toJSON – save – destroy – validate – url – clone – isNew – change – hasChange... 続きを読む