Backbone.js サンプルアプリケーション #1
はじめにBackbone.jsのサンプルアプリケーションのソースを理解していきます。 まずはModelです。 var Todo = Backbone.Model.extend({ defaults: function(){ return{ title: "empty todo...", order: Todos.nextOrder(), done: false }; }, toggle: function(){ this.save({done: !this.get("done")}); } }); コード解説Todoモデルは３つの属性を持っています。（title、order、done） defaultsを関数にしているのは、Todoを生成する度に新しいオブジェクトを返すようにするためです。defaultsにオブジェクトを設定した場合は、defaultsが適用された全てのTodoでオブジェク
Backbone.jsで全イベントをconsoleに出力するデバッグ用スクリプト - Qiita
最近こんな記事を見かけて、フーンと思いながら眺めていたら、便利そうな内容(Ease debugging of Backbone events)を見かけたので、自分なりにアレンジしてみました。 Backbone.jsで作成したオブジェクトで発火した全イベントをこんな感じでconsoleに出力してくれます。 ソースは以下(コメントの指摘を受けて一行修正しました)。 (function () { 'use strict'; // ログのスタイル var logStyles = { timestamp: { color: 'gray' }, label: { color: 'white', 'border-radius': '2px' }, event: { color: 'blue', 'font-weight': 'bold', 'font-size': '110%' } }; // ラベルの
大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
Backbone.jsワインセラーチュートリアル – 第2部：CRUD | Adobe Developer Connection
ダウンロードには、これらのサービスのPHP版（Slimフレームワークを使用）が含まれています。こちらの投稿では、同様の内容でJavaバージョンのAPI（JAX-RSを使用）を使用しています。 RESTful以外のサービスでBackbone.jsを使用する RESTfulサービスで永続化レイヤーを利用できない場合は、Backbone.syncを無効にできます。以下に、Backbone.jsドキュメントの記述を引用します。 「Backbone.syncは、modelをサーバーから読み込んだり、サーバーに保存しようとするたびにBackboneに呼び出される関数です。デフォルトでは、Backbone.syncは(jQuery/Zepto).ajaxを使用してRESTful JSONリクエストを作成します。WebSocket、XML transport、またはLocal Storageなど別の手段で
Backbone.jsのpjaxを試してみた - SUSH-i LOG
なんだか名前を良く聞くような気がするBackbone.jsを一度触ってみたかったので、Twitterの仕様が変わってタイムラインが取得できなくなった自サイトに組み込んでみました。 中でもpjaxが出来るとかなんとか聞いたので、その辺りを中心に試しています。むしろそれ以外は別にBackbone.jsじゃなくても良いくらいの状態なので、少しずつ試していこうかと思います。 Backbone.jsを使う準備 Backbone.jsは単体で動くわけではないみたいなので、下記ライブラリを用意しました。 Backbone.js Underscore.js jQuery jQueryの代わりにZepto.jsでも良いのですが、IE非対応みたいなので、一応jQueryにしました。 Backbone.RouterとBackbone.history Backbone.jsでpjaxを実装するためにはBackbo
【JavaScript】Backbone.jsとUnderscore.jsのtemplateメモ – T2
【JavaScript】Backbone.jsとUnderscore.jsのtemplateメモ 12月 5, 2012 admin JST 第4回 JavaScriptTemplates（JST）入門！ 概要 JavaScript用テンプレートエンジン「JavaScript Templates（JST）」 TrimPathというJavaScript用フレームワークの中で使用されているテンプレートエンジン デメリット ・SEO的にどうなのか。 ・JSオフすると微妙だよね ・テンプレートエンジンだから重い？ 例 試しに適当なものを作成しました。 <!-- window.onload = function(){ var contents = document.getElementById('contents'); var temp = contents.innerHTML; var data
Backbone.js Advent Calendar 2012 - Adventar
Backbone.jsのTIPSとかパターンとか、他のライブラリとの連携などなど。 フルスタック感がない分、各自でいろいろ編み出しながら使いこなしていると思うので、そのあたりの共有がてら書きましょう！
Backbone.js 日本語リファレンス
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Model を継承した新しいモデルを作ります。 properties インスタンスメンバを定義します。 var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
セブンスヘブン