Backbone.jsなどのライブラリのgetter, setterがダサい理由と、その解消方法 - Qiita
Backbone.js, Knockout.js, Ractive.jsどれも素晴しいライブラリですが、モデル等のデータの取得・設定する構文がとてもダサいのが難点ですよね。 Backbone.jsとRactive.jsはget("hoge")やset("hoge", value)という形式。 Knockout.jsは少しマシでhoge()で取得しhoge(value)で設定する形式。 こういうラッパーを必要とする理由はKnockout.jsのドキュメントにわかりやすく書いています。 JavaScript には getter/setter 構文がありますが、残念ながら全てのブラウザで実装されているわけではありません(IEｹﾞﾌﾝｹﾞﾌﾝ...)。 そこで互換性を確保するため、ko.observable オブジェクトの実態は function です。 ドキュメント | Knockout.js
JavaScriptフレームワークについて個人的な思い - 当時を振り返りながら - albatrosary's blog
HTML5 Experts.jpでエンタープライズ特集が組まれたことは承知だと思います。やはり注目すべきところはJavaScriptフレームワークの見解ではなかったかと思います。JavaScriptフレームワークについては人それぞれ考えがありますので、一概にこれとは言えませんが、私が感じているところを記載したいと思います。 世の中の動向と以前の判断 Googleトレンドを見る限りではAngularJSのひとり勝ちのように思えますが、身の回りの案件ではBackbone.jsが多いのではないかと思えます。１年半前にHTML5プロジェクトを行ったときに選定で残ったのが Backbone.js AngularJS Sencha Ext JS でした。最終的に利用したのはBackbone.JSだったのですが理由がjQueryベースで入り易かったということが上げられます。AngularJSは独特な記法
Unit Testing Backbone.js Applications — SitePoint
Our web application needs access to this database, so we’ll provide a standard REST interface. The API follows Ruby conventions, but can be easily implemented by any server technology. In particular: GET api/todos returns a JSON-encoded array of all rows in the database. GET api/todos/NNN returns the JSON representation of the todo with id equal to NNN. POST api/todos adds a new todo to the databa
Still Within · Compassionate guidance on the path of the heart
In my life, I have recognized immense benefit by consciously extending myself beyond what is comfortable.By choosing to encounter all that within me is unknown—fear, grief, and death; silence, ecstasy, and unity—I have uncovered a peace inside myself that seems to deepen my capacity to be with all the uncertainties of what it means to be human. Feeding this inquiry has allowed me to meet suffering
Backbone.jsでsaveとfetchをlocalStorageにしてみた
ガリレオスコープ開発チームによる �最新Web動向、技術メモ ( Ruby, Rails, node.js ) です 序Backbone.jsでDBに保存すべきModelの情報はAPIを通して保存しますが、 ちょっとしたUIなどの状態をCookieなどに保持しておきたいというニーズってありますよね。 その場合、CookieよりもlocalStorageがオススメです。 localStorageはCookieから毎回の通信で情報を送ってくる機能と、有効期限を除いた機能です。 各種ブラウザで対応もそれなりに進んでいますし、使い方もシンプルです。 単純な使い方は、 > localStorage["a"] = "ABC" > localStorage["a"] #=> "ABC" と入れるだけです。 で、今回はModelでのsaveとfetchをoverrideして、localStorageに保存
introduction to Marionette.js (jscafe14)
2012/11/14に開催された「なんでもないただの先端技術勉強会（仮）」にて、Backbone.jsの概要説明に使ったスライドです。
Backbone.Marionetteのコード読んで日本語コメントをつけた - console.lealog();
バージョンは1.8.1です。 (この記事書いてる間に最新バージョンが1.8.2になっててちょっとかなしかった。) Marionetteにはソースコメントつきのコードが見れるとこがあるのです。 参考：backbone.marionette.js それを、こう。 参考：backbone.marionette-ja.js 普通にBackbone使うより良いらしいと聞くものの、実際にどんなもんなのかはわからず・・。 検索しても日本語の情報がほとんどないので、とりあえずソース読んでみようということで。 どうせ読むならコメントを日本語にしよう！と思い。 訳自体は直訳気味のものが多いので、ソース読んでみての学びも一緒にメモっておく。 Backbone.Marionetteとは 公式にも説明があるように、Backbone.jsをベースにしたライブラリで、 jsで大規模なアプリケーションを作る！ってケースに
快適アプリ開発Backbone.Marionette | 第1回 Backbone.Marionetteとは
それぞれ、このシリーズの後続の回で詳しく触れていきますが、Application、AppRouter、ControllerはViewやModelの間を取り持つ機能を担っています。ItemView、CollecttonView、CompositeView、Region、Layoutはそれぞれ異なった役割で、View周りのコーディングに役立つ機能を持っています。 Marionette.jsにできること Marionette.jsから得られる恩恵は大小さまざまで、細かいものを挙げていくときりがないほどですが、大きなものを挙げるとすれば、次のような点があります。 モジュール化のサポート 開発者が書かなければならないコード量の減少 機能の部分的な利用 モジュール化のサポート Marionette.jsの機能の中で大きなものとして、モジュール化のサポートがあります。モジュール化というのは、ある機能を表
Marionetteからractiveへ - lxyuma BLOG
昨日、天下一クライアントサイドJS MV*フレームワーク武道会で話してきた。 以下、そのスライドです。 今日は 自分が現場で使ってきた FWの変遷の軽ーい話をする 元々 Marionette.js使ってた 振り返ると、実装が冗長になってしまった 何を言ってるか？というと... 例えば ulとliで、その中の要素追加削除やeventを作りたい時 image <ul> <li>1st track click me</li> <li>2nd track click me</li> </ul> <button>new track</button> Marionetteだと... 1.html書いて全体像を作って 2.templateに切り刻んで 3.CompositeView作ってテスト書いて 4.ItemView作ってテスト書いて 5.CompositeViewをnewする処理書いて 6.元のh
Backbone.js: Getting The Model For A Clicked Element · Los Techies
Backbone.js: Getting The Model For A Clicked Element 11 October, 2011. It was a Tuesday. I see variations of these questions on StackOverflow quite frequently: I have an HTML element rendered for each model in my collection. How do I get the model for the item that I clicked? or I rendered all my models using a template, but when I click on one of them my event handler fires for all of them. What
Backbone UI
Overview Backbone UI provides a simple way to represent your Backbone Models and Collections as UI components. The need to shuffle data in and out of your UI is replaced with simple data binding techniques. All components are skinnable with CSS, and will render consistently accross browsers. The source is hosted on github with an MIT license. Philosophy This framework is written to embrace the DOM
Backbone Antipatterns - Shine Solutions Group
Backbone.js deserves a lot of credit for bringing MVC to mainstream client-side Javascript development. That said, many beginners ask what the ‘right way’ of doing something with Backbone is. The bad news is that there’s not necessarily a ‘right way’ – it all depends on the problem you are trying to solve. The good news is that there are definitely some ‘wrong ways’ that you should avoid on your w
backbone-deep-model便利
Backbone.DeepModelというModelのattributesをネストできるように拡張したクラスを追加します。 https://github.com/powmedia/backbone-deep-model ネストした値をsetしてもイベントが発火せずに困っていた時に発見。これを入れたらいい感じに解消できてよかったです。サーバーからのネストしたオブジェクトをそのまま渡せるのも便利。 Stickitだとこんな感じに扱えます。 @model.set 'foo.bar', 'nested value' # 「.」で掘る # Stickit @bindings: '.text': observe: 'foo.bar' updateModel: no 標準でネストできないのにビビったし、対応してくれてもいいと思うのだけど。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - berzniz/backbone.directives: Give your backbone apps super-powers with AngularJS style directives.
Amazon.co.jp: 入門BackBone.js: Webアプリケーションにしっかりした骨格と見通しの良さを付与し開発効率とメンテナ: James Sugrue: 本
Home
DeNA Engineering - DeNAエンジニアのポータルサイト
Full Stack Web Development with Backbone.js
実践Backbone.Marionette 現場の悩みと解決まで
Dungeons & Parties