Backbone Fundamentals - A Free Work-In-Progress Book For Developers Of All Levels December 23, 2011 About a week ago, I began working on a new article about Backbone.js. It was due to cover some concepts and insights intermediate or advanced users might appreciate, but I found myself wanting to reference topics beginners might need to know if they wanted to get the most out it. Quite a few of them
Backbone.jsとは? Backbone.jsは、JavaScriptによる大規模なアプリケーション開発を行う際に力を発揮するMVCフレームワークです。データバインディングとカスタムイベントを備えたModel、配列情報を表すCollection、イベントをハンドリングするView、サーバーサイドのアプリケーションと連携するためのRESTful JSONなどをフレームワークとして備えています。 大規模な業務アプリケーションのユーザーインタフェースをJavaScriptでゴリゴリと作ろうとした場合、100%に近い確率で失敗するかと思います。これは、Flexのようなビルド時のコンパイラエラーを検出できないこと、存在するフレームワークがインタラクションやビジュアルに特化していること、ブラウザーやOSの組合せでAPIレベルの仕様が異なる事、同じブラウザーでもバージョンの違いにより挙動が異なる事
■Backbone.js ●"Backbone.js" 公式サイト:最近ロゴが変わりましたねえ。 メソッド一覧見れる。が、その辺はソースコードを見るのがよいです。 ●"社内でbackbone.js with Rails勉強会を開催しました blog.mah-lab.com" だいたいの雰囲気はつかめる感じ 今のプロジェクトでは hamljs 使ってるなあ ■Rails ●"meleyal/backbone-on-rails GitHub" Railsエンジニアなら、これの Scaffold やればだいたいわかるはず ■全体的 ●"Single Page Web Applications with CoffeeScript, Backbone and Jasmine" coffee いいよ coffee 全体的になんとなくの使い方がわかる感じ ●"『Backbone.jsの1番良いリファ
IntroductionAuthenticationResponse Status CodesDate FormatAttachmentspostCreate AttachmentCommentsgetFetch CommentspostCreate CommentCustomerGroupsgetFetching Users and Customer GroupspostCreate a user or customer groupgetShow User or Customer GroupgetFetch Members of a customer grouppostAdd MemberDraftsgetFetch DraftpostCreate DraftputUpdate DraftdelDelete DraftEmailsgetFetch EmailspostCreate Ema
CoffeeScript, Meet Backbone.js is a simple Backbone.js tutorial written in CoffeeScript 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 The bulk of this tutorial is a rewrite of the original hello-backbonejs tutorial. Backbone.js offers a lean MVC framework for organizing your Jav
Backbone.js を使ってクライアント MVC で実装したとしても、画面遷移のたびにサーバーと通信していては、データが表示されるまで結局ユーザーは待たされます。操作が固まらない、ただそれだけ。それに何度も通信していては、サーバー側に余計な負担もかかります。取得したデータが頻繁に更新されないものなら、クライアント側でキャッシュしておかないと。 さて、どう実装しましょう。真っ先に思いついたのは、Backbone.Model や Backbone.Collection を継承したクラスに、fetch や save を呼び出してレスポンスをキャッシュするメソッドを追加する方法。シンプルですけど、キャッシュを扱うコードが分散してしまうのが難点かな。 Backbone.Model や Backbone.Collection が通信を行うとき、Backbone.sync メソッドを必ず経由します。
This last year, we've learned a lot about building scalable realtime web apps, most of which has come from shipping &bang. &bang is the app we use to keep our team in sync. It helps us stay on the same page, bug each other less and just get stuff done as a team.The process of actually trying to get something out the door on a bootstrapped budget helped us focus on the most important problems that
Asynchronous UIs – the future of web user interfaces November 16, 2011 It’s an interesting time to be working on the frontend now. We have new technologies such as HTML5, CSS3, Canvas and WebGL; all of which greatly increase the possibilities for web application development. The world is our oyster! However, there’s also another trend I’ve noticed. Web developers are still stuck in the request/res
If you start writing an application using Backbone.js and Coffeescript as we did recently, you’ll quickly discover that they are both great tools. However, what you may not notice right away if you’re new to Coffeescript is that there are certain parts of Backbone’s example Todos application that become unnecessary or clunky if translated verbatim to CoffeeScript. Following are a few little things
jQuery や Backbone.js で UI を開発していて面倒なのが、サーバー側の API を呼び出す部分の実装です。呼び出したい API が既に実装されていないと、細かいところまで作り込めません。 あと、上手く動かなかったときも面倒です。原因がクライアント側ならすぐ直せますが、サーバー側だった場合、サーバー側のコードを修正して、テストまでしないといけません。効率悪いですよね。 できれば、クライアント側の開発はクライアント側だけで完結したい。さらに欲を言えば、最終的にサーバー側の API を呼び出すように修正するとき、出来るだけ少ない修正で済むようにしたい。 API 呼び出しを抽象化してダミーの処理と差し替えたり、jQuery.ajax を上書きしたり、色々工夫して最後に行き着いたのが『jquery-mockjax』。 appendto/jquery-mockjax · GitHu
an interactive javascript console built on backbone.js, perfect for js library/plugin demos and homepagesBuilt with Backbone, jQuery, localStorage and ♥ The js sandbox console is a javascript playground designed to enhance demos and homepages for javascript libraries, plugins and scripts, giving visitors an easy and chilled-out way to test-drive the functionality - without whacking open their Fire
Hey guys. Today we’re going to take a look at how you can build a single-page application (SPA) supporting graceful degradation using some of jQuery’s Best friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating to name but a few.Alex Sexton has been giving a great presentation highlighting these tools in few recent conferences and I thought it would be useful to write up
This is Part 3 of a series of tutorials. Here’s Part 1 and Part 2. So we’ve covered models, collections, controllers, and the basic case of tying a view to a model’s callbacks. Now we’re going to cover tying a view to a collection. This gets a little hairy, so I’m going to keep it nice and simple to start. Note: As with most things, there are large number of ways you could do this. If you feel tha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く