レポート

「第31回 HTML5とか勉強会 ~JavaScriptによるMVCフレームワーク」活動報告

この記事を読むのに必要な時間:およそ 2 分

Playing With Ember.js

つぎに,サイバーエージェント斉藤祐也さんEmber.jsについて講演いただきました。

画像

Ember.jsの大きな特徴の2つとして次のような点を挙げていました。

  • Eliminates Boilerplate
    • 同じようなコードを何回も書かない
  • Provide a standard application architecture
    • 標準的なアプリ構造の供給

アプリケーションがこういう構造を持っているべき,という考えからEmber.jsでは最初から標準的な構造を提供しています。標準で用意している物が多いことからEmber.jsのファイルサイズは他のフレームワークに比べて大きくなっているとのことです。

次に象徴的な特徴について3つ,次の点を挙げていました。

  • 2-way binding
    • ModelとViewのそれぞれが双方向に変更を反映しあう
  • Computed properties
    • 関数をプロパティのように扱える
  • Auto-updating Template
    • 自動で更新するテンプレート

今回の講演のためにEmber.jsのドキュメントを翻訳されたとのことです。斉藤さんが翻訳された日本語ドキュメントはこちらになります。講演資料も合わせてご覧ください。

Angular.js

つぎに,Google北村英志さんにライブコーディングでAngular.jsの使い方と特徴を講演いただきました。

画像

MVCフレームワークは使うのに事前知識が必要なことが多いですが,Angular.jsはすぐに使い始められる,ということを示すためにライブコーディングをすることにしたとのことです。

Angular.jsの良いところとして次の点を挙げていました。

  • 初めての人にも手が出しやすい
  • 双方向データバインディング
  • DOM構造と直感的に結びつくControllerの継承関係
  • テストがしやすい作りになっている

講演ではこれらの特徴の解説として,双方向データバインディングの方法,リストに対してのイテレーションなどを用いて非常にわかりやすく紹介していました。

北村さんが作られたAngular.jsの日本語ユーザーグループがありますので,興味がある方は是非ご参加ください。

講演資料はこちらになります。

JavaScript MVCフレームワーク 座談会

さいごに,講演をしていただいた4名の方々による座談会が行われました。モデレータはpublickey新野淳一さんに務めていただきました。

画像

座談会ではセッションで紹介された4つのフレームワークについて,それぞれ質問を投げかける形式で行われました。特徴を上手く引き出す質問ばかりで,各フレームワークに対しての理解が深められること間違いなしの座談会でした。

画像

座談会では次のような質問がありました。

  • フレームワークを使うと遅くなるのか
  • UIのバインディングがあるとないとで何か違いがあるのか
  • フレームワークと他のライブラリの組み合わせ,依存関係について
  • バックエンドとのデータのやり取りの方法
  • それぞれのフレームワークをチーム開発で使った時の生産性と学習曲線について
  • ドキュメントやコミュニティの状況,これからどうなっていきそうか
会場からの質問
  • Viewの切り替えによるメモリリークなどの問題はあるのか
  • Angular.jsはGoogleのプロダクトで使われているのか,Closure Toolsとの住み分けはどうなのか
  • スマートフォンの上で動かしたときのパフォーマンスはどうなのか

それぞれの回答については是非講演動画にて確認してみてください。また,モデレータの新野さんが執筆された記事がありますので,こちらも合わせて参照してみてください。

最後に

レポートに対する感想や,勉強会に対する希望・意見・取り上げて欲しいテーマなどがありましたら,twitter(@nakajmg)まで気軽につぶやいていただければと思います。

本勉強会は,毎月第3水曜日,または第3木曜日に開催していますので,興味を持たれた方はぜひ参加ください。ただし,会場や講演者スケジュールの都合などにより,開催日程が前後することがあります。開催のアナウンスはhtml5j.orgのMLで行われますので,こちらをご確認ください。また,コミュニティサイトhtml5j.orgも公開していますので,ぜひこちらもご覧ください。

著者プロフィール

中島直博(なかじまなおひろ)

DMM.com Labo所属。

html5j/HTML5とか勉強会スタッフ。

フロントエンドエンジニアとして主にスマートフォン向けサービスの開発に従事。ツチノコの巣に迷い込んだひよっこ。

twitter:@nakajmg