【セミナー】天下一クライアントサイドJS MV*フレームワーク武道会

4115 ワード
JavaScript セミナー JavaScript テキストリンク

タイムテーブル

19:00-19:30 (30min) | 開場
19:30-21:00 (90min) | LT大会 (5min*10)
21:00-22:00 (60min) | 懇親会 + パネルディスカッション

LT

chaplin.jsの話 (@mizchi)
vue.jsの話 (@kazupon)
ripple.js(とcomponent関連)の話 (@tajima_ｊ)
knockoutjsの話 (@tenntenn)
marionette.jsの話 (@koba04)
「marionetteからractiveへ、そしてXXXへ」 (@lxyuma)
angulardartの話 (@nyamadandan)
デザイナから見たangularjsの話 (@silver_s)
React + Fluxの話 (@dsuket)
Omの話 (@tfukushima)

vue.js

  • とってもシンプル
  • 処理が早そう
  • MVC
  • 計量
  • プラグインがいいっぽい

ripple.js

  • プラグインを使って使う感じ
  • ドキュメントが少ない
  • よく分からない

knockoutjs

  • 双方向バインド
  • cssバインド / ifバインド
  • カスタムバインド
  • 他のフレームワークと使える
  • 独自タグを使ってない
    • data-bind属性がコメント
  • 可読性が微妙かも
  • elseがない

marionette.js

  • backboenっぽい？
  • 大規模向け？
  • 可読性が良い
  • SPAに適している

ractive.js

  • MVVM系
  • 簡易版Angular
  • 学習コストが低い
  • オワコンっぽい

angulardart

  • Dart googleが作った言語
  • オンラインでwebGL

angularjs

  • MVW
  • 幅広い
  • 単品でいい感じ
  • htmlでいい感じに書ける
  • エンジニアじゃなくてもできそう
  • ViweとControllerはデザインでもできそう
  • ngAnimateとngClassが楽しい

angular X designer - デザイナからみたAngularJS

react

  • instagramで使ってる
  • 値が動的
var a = 1;
var b = a + 1;
a = 10;
console.log(b); // ← 11
  • とてもシンプル
  • Angularのdirectiveっぽい

Om

  • 分からん

気になったこと

  • Segment.io
  • logic-less template
  • shadowDom