実践
快適アプリ開発Backbone.Marionette
10

2014年6月にMarionette.jsは1.xから2.xへのメジャーバージョンアップを行いました。この記事ではさまざまな変更点を概観し、2.xへのバージョンアップの注意点なども解説します。

山田 順久
山田 順久 | フロントエンド・エンジニア

これまでの記事で触れてこなかったMarionette.jsの便利機能や、執筆現在の最新版における機能の補足解説をします。これからMarionette.jsを使いこなすために役立つ情報です。

山田 順久
山田 順久 | フロントエンド・エンジニア

Marionette.Layoutは、Marionette.Regionをラップして機能を拡張したコンポーネントで、View表示の「枠」の役割を果たします。コードの記述方法を統一し、統一したい所作を記述することができます。

山田 順久
山田 順久 | フロントエンド・エンジニア

ItemViewをまとめて扱うことができるCollectionViewと、ItemViewとCollectionViewの特性を併せ持つCompositeViewを解説します。両者とも、親子関係のあるViewを扱うのに長けています。

山田 順久
山田 順久 | フロントエンド・エンジニア

Marionette.jsのView機能を解説します。今回は1つのModelを扱うことに適しているMarionette.ItemViewです。Backbone.jsでは煩雑だった実装が、比較的すっきりと行えます。

山田 順久
山田 順久 | フロントエンド・エンジニア

Marionette.ControllerはイベントやRouterのアクションを受けて、何らかの処理を仲介する役割を持っています。その仲介の方法の特徴を理解できるかどうかで、実装が大きく変わってきます。

山田 順久
山田 順久 | フロントエンド・エンジニア

Marionette.AppRouterは、URLによって処理を振り分けたりすることができます。たくさんのModelやViewが登場するアプリケーションでも、処理をうまく調整することができるようになります。

山田 順久
山田 順久 | フロントエンド・エンジニア

今回はモジュール同士が連携するときに、直接参照し合うような依存関係を低減する仕組みについて解説します。依存関係がなくなると、モジュールの変更や、メンテナンスの手間が少なくなります。

山田 順久
山田 順久 | フロントエンド・エンジニア

アプリケーションの初期化やモジュール化と、その管理を担当するMarionette.Applicationを解説します。Backbone.jsでは各自の書き方で行っている処理も、用意された機能を使って書くことができます。

山田 順久
山田 順久 | フロントエンド・エンジニア

第1回目はBackbone.Marionetteはどのようなものか、その特徴や機能を概観します。Backbone.jsを使う際に頻出する機能を補完するライブラリなので、Webアプリ開発の効率が上がります。

山田 順久
山田 順久 | フロントエンド・エンジニア