Marionette.js ベースで3ヶ月開発したアプリのカバレッジ推移をまとめてみた - @kyanny's blog
6月の頭から3ヶ月ほどかけて、 Rails + 一部 jQuery 的なよくある構成のウェブアプリケーションのフロントエンド部分を Marionette.js をベースに作りなおした。メンバーはいわゆるウェブ系のスキルセットを持つ開発者3名。 Marionette.js の経験者は一人もいなかったが、別プロジェクトが先行して Marionette.js を採用して同様のリニューアルを終えたタイミングで、ある程度のノウハウと「なんとかなりそう」という手応えはあった。 せっかく新しくはじめるのだからちゃんとテストを書きたい、そしてカバレッジも計測したいと思い、先行していたプロジェクトで利用していた konacha ではなく、カバレッジ計測機能をもつ teaspoon を採用した。どちらも Rails アプリの assets に置かれる JavaScript/CoffeeScript に対するテ
introduction to Marionette.js (jscafe14)
Чик чик и в продакшн: быстрый обзор маленьких библиотек для большого Backbone...Artyom Trityak
Marionette.jsまとめ その2 View, ItemView, CollectionView - Qiita
Marionette.jsまとめ その1 Application, Controller, AppRouter Marionette.jsまとめ その2 View, ItemView, CollectionView Marionette.jsまとめ その3 CompositeView, Layout, Region Marionette.View Backbone.Viewを拡張したオブジェクトで、 他のMarionette.*Viewの基底クラスとなっています。 ここでは共通の処理やメソッドを定義しています。 bindUIElements uiに指定したセレクタに沿って jQueryオブジェクトをキャッシュします。 var FooView = Marionette.View.extend({ el: 'body', ui: { fooButton: '#fooButton', listI
Marionette Behaivors (1.7 feature)
Release 1.7 https://github.com/marionettejs/backbone.marionette/blob/master/changelog.md Marionette 1.7がリリースされましたね。今回の大きな変更はBehaivorsというのが追加されたことです。 Behaivors BehaivorsというのはViewでのMixinみたいなもので、MarionetteでViewを作っていると共通の処理をまとめたいけど、継承関係にするのもなんか違うなぁということがあってそういうときに使うことが出来ます。 https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.behavior.md https://github.com/marionettejs/backb
What's the difference between a Marionette Layout and a Region?
Marionette provides two components named Regions and Layouts. At first glance, they seem to provide similar functionality: A location on the page for my application to place subviews, plus some additional event binding fairy dust. Looking under the hood, it's fairly clear that each component is implemented in a very different way, but I'm not sure why and when I would want to use one over the othe
Marionette.jsのCompositeViewって、どこで使えばいいの？問題 - lxyuma BLOG
ビール飲みながらダラダラ書いてるので、おかしな所は申し訳ない。 CompositeView marionette.jsには、CompositeViewというクラスがある。 CollectionViewを継承していて、 再起的な構造を持ったviewを作れる 親側もtemplateを持つ事が出来る というのが、特徴とかなんとかで、イマイチ使い道のimageが湧かなかった。 普段書くときも、ItemViewとCollectionViewで事足りていた。 が、最近、使い道がやっと分かってきた。 View親子に関係のある親戚のおじさんView あるViewに親子階層がある時であれば、ItemViewとCollectionViewを紐づければ良い。(ulタグとliタグのイメージ) これは、このブログでも何度も書いてきた、よく書くパターン。 ところが、この親子に働きかけたい別のView要素が必要になる時
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の機能の中で大きなものとして、モジュール化のサポートがあります。モジュール化というのは、ある機能を表
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home