らいふうっどの閑話休題

興味のあることをゆる~く書いていく

第6回勉強会フレームワークの世界まる見え!JS特捜部 ~ React,Angular,WinJSだらけの2時間SP!~に行ってきた!

html5jplat

タイトル 発表者
Angular2 AngularUG 金井 様
About WinJS 日本マイクロソフト株式会社 物江 様
Onsen UIが目指すもの アシアル株式会社 田中 様
ReactとReact Native 株式会社トレタ CTO 増井 様
まとめ

オリエンテーション的にhtml5j Webプラットフォーム部
部長 meco300(ハピネス中毒) さんよりご挨拶と活動の説明が有りました!
動画:0:00:26~0:02:28

Angular2

Angular2 from Kenichi Kanai

動画:0:02:34~0:27:13

memo
  • スライド:34p~
    動画:0:49:56~
  • スライド:42p~
    動画:0:17:56~
    Angular New Router
  • スライド:45p~
    動画:0:19:30~
    ng-viewport→ng-outlet
  • スライド:52p~
    動画:0:21:30~

About WinJS API

動画:0:27:20~0:46:30

memo
  • スライド:4p~
    動画:0:29:20~
  • おまじない WinJS.UI.processAll()
    スライド:7p~
    動画:0:36:00~
  • アシスト機能
    ツール→javascript→jsで指定
    動画:0:40:00~
  • テンプレートも用意されている
    スライド:10p~
    動画:0:44:10~
  • try.buildwinjs.com
    スライド:11p~
  • まとめ
    スライド:12p~
    動画:0:42:24~

Onsen UIが目指すもの

Onsen UIが目指すもの from アシアル株式会社

動画:0:58:50~1:24:56

memo
  • Onsen の由来
    スライド:8p~
    動画:1:01:30~
  • CSSのテーマ:Stylus
    スライド:19p~
    動画:1:07:50~
  • 問題になる点:DOMの数、レンダリングの負担
    スライド:28~
    動画:1:12:30~
  • Onsen UI2.0 Angular からの独立 WebComponent メインで各フレームワーク(例:Angular1.x系,Angular2.x系)に 対応できるように開発中 スライド:40p~ 動画:1:21:25~

ReactとReact Native

動画:1:25:20~1:49:35

memo
  • 登壇者の自己紹介?
    動画:1:26:18~
  • DOM操作はなぜ難しい
    →どこからでも変更可能
      DOMが状態を持っている
      DOMとコードが離れている

    もっと簡単にやろう
    動画:1:29:20~
  • さらにの項目 Componentで再利用可能な部品化
    サーバーサイドレンダリング
    もっと大きなアプリはFlux
    iOS/AndroidアプリはReactNative
    動画:1:39:40~
  • http://www.reactnative.com/
  • 動画:1:41:30~
  • Titanium と ReactNativeは似てる 動画:1:42:28~
  • Facebookは、ReactNativeを用いて開発・リリースしている
    動画:1:46:55~

まとめ

久し振りに純粋な?参加者で楽しめました。

Code IQさんの記事 React、Angular、WinJS、Onsen UI…JavaScriptフレームワーク最新事情を一挙解説 #html5jplat

過去の活動