Backbone.js
Backbone's only hard dependency is Underscore.js ( >= 1.8.3). For RESTful persistence and DOM manipulation with Backbone.View, include jQuery ( >= 1.11.0). (Mimics of the Underscore and jQuery APIs, such as Lodash and Zepto, will also tend to work, with varying degrees of compatibility.) Getting Started When working on a web application that involves a lot of JavaScript, one of the first things yo
Backbone.jsに入門してみる【Collection編】 - yutaponのブログ
Backbone.Collectionは本格的に使ったことがないです^^; ほんとの入門になります。 Backbone.Collectionとは CollectionはModelの集合を扱いたい場合に使います。 前回は電話帳を作ろうとしていたのですが、 電話情報がModelであって、それを束ねる電話帳がCollectionとなります。 また、CollectionはModelの集合に順序をもたせることができます。 Backbone.Collectionの使い方 前回作ったソースに追記して、Collectionを定義します。 var Address = Backbone.Model.extend({ defaults: function(){ return { language: 'jp' }; }, initialize: function(){ _.bindAll(this); this.
動的に作られる要素にイベントをbindする - Qiita
Backbone.js Advent Calendar 1日目! 参加者が増えないと2人で25日回すことになるので，どんどん参加してください:) http://atnd.org/events/22017 参加方法は，atndで登録したあと，AdventCalendarタグとBackbone.jsタグを付けて投稿してもらえれば，advent calendar用ページに登録します． http://qiita.com/adcal/backbone Backbone.jsのイベント登録 Backboneではイベントを var myView = Backbone.View.extend({ events: { "click .hello-button": "hello" }, hello: function() { alert("hello!"); } });
BACKBONE.JSによるWebアプリケーション開発について
フロントエンドとJavaScript JavaScriptのMV*向けライブラリ BACKBONE.JSによるWebアプリケーション開発について 「オープンソースカンファレンス 2013 福岡」の HTML5と最近のフロントエンド事情で発表した資料です。
Frontrend Vol.4 おつかれさまでした（jQuery to Backbone フォローアップ）
当日のスライドでございます。 先月のはじめごろにイベント告知 Frontrend Vol.4で宣伝させていただいたイベントが先々週末に無事おわりました。席数に対して、非常に多数の（300/200人!!）お申し込みをいただきありがたい限りです。 Frontrend Vol.4 powered by CyberAgent, Inc. セッション概要・スライド・デモなどは、↑のサイトにまとまっています。t32k++ 60分そこそこのプレゼンだけで、正確な情報が伝わる/伝えられるとはあんまり思っていないので、ワークショップ系でもない限り「興味の喚起と独学の助け」をモットーにやっております。そのようなご託を含め、今回は先月のCSS Nite LP26でStylus推ししたときとは、また趣の違うふっかけ気味な構成でございました。 動画とデモファイル jQuery to Backbone from Fr
Webアプリ構築のためのBackbone.js入門 | 第1回 Backbone.jsとは
表を見て分かるように、Backbone.ModelとBackbone.Collectionの2つがMVCのModelに相当するので、単にModelといった場合、どちらを指すかわかりづらいので注意してください。 本シリーズでは単にModelといった場合にはBackbone.ModelとBackbone.Collectionの両方を含めた意味で使い、Backbone.Modelを指す場合は、Backbone.Modelと記述します。 また、表のように役割が分担されていますが、その役割を厳密に守らなくてもコードが正しければ動作はします。例えば、Modelの中でjQueryを使ってDOM操作を行うことも可能です。しかし、それをやってしまうとせっかくBackbone.jsを使って役割分担した設計が意味を持たなくなるので、DOM操作は必ずViewの中で行うというルール決めが重要なのです。 Backbo
Backbone.jsのViewのelで気をつけること
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です viewのelは本当に良く嵌ってしまいますorz。 viewのelがeventsで定義できるdomの検索対象になります。 後から、動的に追加したものでも、jQueryのlive的に追従してくれるのが良いところですね。 というわけで、elで気をつけることをまとめます。 必ず定義するel内のdomしかeventは反応しません。 必ず以下のように直書きで定義します。 window.UserView = Backbone.View.extend el: $('#body') 実は、initailize時に定義すればel: で定義しなくても大丈夫ですが、 思わぬバグを避けるためにも書いておきましょう。 initializeメソッドで代入しない。new UserView({el: $(
JavascriptのMVC開発について調べてみた 〜BACKBONE.JS〜
HTML5+α初心者勉強会 @福岡 第1回で発表しようとしていた資料です！ もしかしたら第２回でそのまま使うかもしれませんので第２回いらっしゃる方は見ないでね！
JavaScriptもBACKBONE.JSならスッキリ ~MVCぽいのを初体験!~
第4回福岡市西区プログラム勉強会で発表させて頂いた資料です。 HTML5+α @福岡 - 第20回 2013/7/25(木) で発表した「BACKBONE.JSでMVC始めませんか？」を元に作成しています。
Backboneの小ネタなパターン3つ (Backbone Advent Calendar 2012 21th day)
Backbone.js Advent Calendar 2012の21日目でございます。おもむろに小ネタなパターンを、3つほど簡単に紹介してみる次第。 renderとpresenterの分離パターン これは Backbone.js Tips and Tricks を参考にしています。実践してみたところ、なにかと具合が良くてお気に入りのパターンです。 Backbone.View.extend({ tmpl: 'path/to/tmpl', initialize: function() { this.model = new SomeModel(); this.model.fetch({ success: this.render }); }, presenter: function() { var data = this.model.toJSON(); // data manipulation
Backbone.jsのMVCについて · STUDIO KINGDOM
Tue, Dec 4, 2012 この記事は、Backbone.js Advent Calendar 2012の4日目の担当です。 静岡のjavaScrpt勉強会で発表し、その時にご指摘頂いたことを良い機会なので記事にすることにしました。 ちなみにBackbone.jsは興味本位で多少調べて入門として発表した程度で、業務での実績は皆無です。その点は予めご了承ください。 まず、Backbone.jsを勉強していて、MVCパターンについて酷い誤解をしていることがありました。 WEB系のプログラムの仕事をしていてMVCパターンと聞いて、真っ先に浮かぶことは Ruby on RailsやCakePHPなどの割りと人気のあるサーバーサイド言語のWEBアプリケーション・フレームワークだと思いますが、これを基準としてBackbone.jsのMVCを比較してしまいました。 下記は自分が勉強会の資料で発表し
Backbone.js 0.9.9 の変更点 - Webtech Walker
Backbone.js Advent Calendarの19日目です。 先週Backbone.jsの0.9.9がリリースされてけっこう変更点多いのでChange Logに書いてあるやつを簡単にまとめときます。 Backbone.js - Change Log また、先日清水さん（@tori3_jp）が以下のようなエントリを書いていて、いくつか重複する点がありますので、こちらも参照してください。 Backbone.js 1.0に向けての変更点 « NAVER Engineers' Blog Events関連 EventsにlistenToとstopListeningが追加されました。清水さんのエントリの追記の部分に詳しく書いてあります。 BackboneオブジェクトがEventsを継承するようになりました。Backbone.on('foo')みたいなグローバルなイベントが貼れるみたいです。
I am mitsuruog | Backbone.Modelから見るBackbone.Collectionとの関連性
このエントリはBackbone.js Advent Calendar 2012の 5 日目の記事です。 前回の Backbone.Sync と backbone.localstorage.js の話の続きで、Backbone.Model から見る Backbone.Collection との関連性についてお話します。 このエントリでお伝えしたいこと。 何をすると Backbone.Model と Backbone.Collection の結びつくか。 はじめに 前回のテストコードですが、Backbone.localstorage.js 本家のテストコードを見たところ、どうやら Backbone.Collection の create()を使うのが正しい使い方ようなので、次のように書き直しました。 （ちなみにユニットテストはJasmineを使ってます。） describe("test loc
Backbone.js 1.0に向けての変更点 « NAVER Engineers' Blog
UITチーム 清水大輔 (@tori3_jp)です。 2012年も残り僅かとなりましたが、年の瀬をいかがお過ごしでしょうか。 Backbone.js Advent Calendar 2012の10日目のエントリーとなります。 先月、DailyJSというJavaScript関連のトピックを配信しているサイトに Backbone.jsの次期リリースに関する記事が投稿されていました。 今回はこの中からBackbone.jsの次期リリースで予定されている変更点について紹介したいと思います。 Backbone.$ Backboneで扱うjQuery互換ライブラリへのエイリアスが変更されます。 ローカル変数$を参照していたものがBackbone.$に変更されます。 - var $ = root.jQuery || root.Zepto || root.ender; + Backbone.$ =
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[ヅ] Backbone.js でシンプルなサンプルを書いてみた (2014-05-07)
狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清
https://github.com/honmaaax/Haraochi.js/blob/master/texts/Backbone.js/Backbone.js%E3%81%AE%E6%9C%80%E3%82%82%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9.md
https://github.com/honmaaax/Haraochi.js/blob/master/texts/Backbone.js/Backbone.js%E3%81%AE%E6%A6%82%E8%A6%81%E3%81%A8%E6%B3%A8%E6%84%8F%E7%82%B9.md
https://github.com/honmaaax/Haraochi.js/blob/master/texts/Backbone.js/on%E3%81%A8trigger%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%83%89%E3%83%AA%E3%83%96%E3%83%B3%E5%8C%96.md
https://github.com/honmaaax/Haraochi.js/blob/master/texts/Backbone.js/Model%E3%81%AB%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95.md