2015/05/27 Data Binding JS Night

ModelやViewなどの場合 Backbone.jsをCoffeeScriptで書く時、Backbone.ModelやBackbone.Viewの継承はたとえばこんな書き方ができる。 # model class Hoge extends Backbone.Model constuctor: -> super @set fuga: 'fuga' # View class HogeView extends Backbone.View constuctor: -> @model = new Hoge super fuga: -> @model.get 'fuga'

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Backbone.js provides structure to JavaScript applications, but it leaves a lot of design patterns and decisions up to developers who end up running into common problems when they first begin developing in Backbone.js. In this article, Phillip Whisenhunt will explore different design patterns that you can use in your Backbone.js applications, and he’ll look at many of the common gotchas that trip u

backbone.marionettegithub.com/marionettejs/backbone.marionette Backboneで使える細かい部品をコンポーネント化して再利用可能にするコンセプトかな オライリー本でも説明が１章あったので後で見てみる addyosmani.github.com/backbone-fundamentals/#backbone.marionette 典型的なrenderとかは書かなくても書いてあるのでコードを書く量を減らせるゾンビViewといわれるメモリ管理の問題をRegionという概念でうまく処理するLayoutというUIを定義するViewを組み合わせることで可読性が高くなるCompositeViewで部品化ここで指摘されてたのは多分こんな感じ 似たようなコードをたくさん生産するような場合は生産性があがるのかも グダグダですけど、13分くらいから

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

I was looking for a way to allow two Backbone.Views to exchange information between them. Here are some solutions to this problem: 1. The bad idea We could just let them reference each other. Then view1 could say this.view2.doSomething() and it’s the easiest way to solve this. However simple it may be, this will lead to a very tight coupling and a very bad design for our web app. If we have a circ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

これは会社でvue.jsを採用を説得するための資料なのでstickitを罵倒する vue.js http://vuejs.org/ backbone.stickit http://nytimes.github.io/backbone.stickit/ Backbone.stickitとVue.jsの比較 「#menuを押したら右に100px動く」みたいなコードを書いてみるとする。 template関数はJadeテンプレートを展開する関数だと思ってほしい Backbone.stickit の場合 class MenuView extends Backbone.View initialize: -> @model = new Backbone.Model() @render() render: -> @$el.html template(""" #menu.js-open """) @stic

Backbone is a hugely popular MV* framework because it gives you a ton of freedom of implementation. There is no one "Backbone way" to accomplish most coding tasks. This freedom is wonderful when you need it, but when you don't, Backbone's lack of official guidance makes it easy to stray into some bad patterns. When writing new code, try following these rules, and you'll likely find that your code

これを使えばOK牧場。 https://github.com/fnando/i18n-js Gemfile gem 'i18n-js' application.js //= require i18n //= require i18n/translations configファイル生成 bundle exec rake i18n:js:setup※ホントはこのプロセスは要らないのだけど、sprocketのバグのせいで必要らしい。https://github.com/fnando/i18n-js/issues/71 application.html.erb <script type="text/javascript"> I18n.defaultLocale = "<%= I18n.default_locale %>"; I18n.locale = "<%= I18n.locale %>"; <

おきまりのやつ どうも、Backbone.js Advent Calendar 2014及びCYBIRDエンジニア Advent Calendar 2014 3日目の@dekokunです。 昨日は、Backbone.jsのほうが@okameさんのBackbone.Routerに有限状態遷移機械を簡単に実装できるライブラリを作ったでした。ちょうど、画面遷移の際のアニメーション設計をしていたところなので、実装の参考にさせていただきます！！！ CYBIRDのほうは@t-kashimaくんの平成生まれとインターネットでしたね。平成生まれの後輩がいるっていうのがまず衝撃ですよね。処理部、いいですね。私も処理部入りたかった。 本日の内容を1行で Backbone.Modelのsetメソッドは現在のattributeとsetするattributeを_.isEqualメソッドで比較して値が変化したかどうか

Backbone.jsで書き始めたら「Backboneどう？」と聞かれることがあったので、自分ではあんま語れるほど知らないけど「ここらへんの記事は素晴らしいよ！」というものをまとめておいたヽ(・ω・´)ゝ まずは読んでおくべきもの Backbone.js Advent Calendar 2011 なにはともあれまずはBackbone.js Advent Calendar 2011 ある程度まで書けるようになる情報は総ざらいで書いてあると思う。 中でもBackbone.js入門はありがたい。読んでおけば基本の仕組みを知ることが出来る。 Backbone.jsが依存しているunderscore.jsの情報なんかもあったりしてありがたい。 ちなみに今年(2012)のAdvent Calendarはこちら。今はまだ始まったばかりだから情報少ないけどこれから充実してくるだろうし楽しみ（´ω｀） Ba

Help us understand the problem. What is going on with this article? この記事は「Gunosy Advent Calendar 2014」の21日目の記事です。 Gunosyの広告配信チームでJavascriptおじさんをやってるaitaです。 最近Gunosyに入社しました。フロントエンドエンジニアではない。 今年はMarionette.jsをいろんなとこで使ってたので、Marionette.jsの紹介します。 Marionette.jsの各コンポーネントについては、 ドキュメントとソース読むのが一番だと思うので書きません。 何故、Marionette.jsを使うのか AngularJS使いたくないからというのは半分冗談です。 僕がMarionette.jsを使い始めた理由は、Backbone.jsがもともと採用事例があっ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

source 'https://rails-assets.org' gem 'rails-assets-marionette' //= require jquery //= require underscore //= require backbone //= require backbone.wreqr //= require backbone.babysitter //= require marionette //= require_tree . # この行は元からある