発行
レポート第2回目は、エンジニア中島が実際に参加したセッションの中で、特に印象に残ったものをレポート。ES6関連セッションや新しいアプローチのプリプロセッサなど先取り情報満載です。
Marionette.jsのView機能を解説します。今回は1つのModelを扱うことに適しているMarionette.ItemViewです。Backbone.jsでは煩雑だった実装が、比較的すっきりと行えます。
シリーズ最終回はモジュールやサービスをつないで期待通りの動作をするかを検証するEnd to Endのテスト方法を解説します。ProtractorというSeleniumベースのテストフレームワークが便利です。
発行
レポート第1回目は、ピクセルグリッドのCTOでもある外村によるカンファレンス全体の印象レポートです。どんなプログラムが開かれていたか、見聞きした限りのリアルな情報をお届けします。
Marionette.ControllerはイベントやRouterのアクションを受けて、何らかの処理を仲介する役割を持っています。その仲介の方法の特徴を理解できるかどうかで、実装が大きく変わってきます。
AngularJSの特徴のひとつに、テストを重視するという点があります。今回は、ユニットテストというモジュールやサービス単体をテストする方法を紹介します。
発行
ピクセルグリッドでは、通勤時間を短縮するために、2種類の住宅補助制度を設けています。一見すると、個人的な通勤時間の問題に、なぜ会社として関わろうとするのか。その理由をお話します。
Marionette.AppRouterは、URLによって処理を振り分けたりすることができます。たくさんのModelやViewが登場するアプリケーションでも、処理をうまく調整することができるようになります。
ディレクティブの内容をテンプレートの一部として利用するtranscludeと、ディレクティブ相互でやりとりを行うcontrollerとrequireを解説します。ディレクティブ内部の機能や構造を隠蔽でき、便利です。
発行
シリーズの最終回はRetinaディスプレイ対応のCSSスプライトを作成します。非Retinaディスプレイ用の画像も用意し、パフォーマンスに配慮した実装にすることがポイントです。
今回はモジュール同士が連携するときに、直接参照し合うような依存関係を低減する仕組みについて解説します。依存関係がなくなると、モジュールの変更や、メンテナンスの手間が少なくなります。
ディレクティブのスコープについて解説します。親スコープの継承や隔離スコープ、親スコープとディレクティブのローカルスコープとの紐付けを扱います。ディレクティブが楽に書けるようになります。