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

html5jplat

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

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

AngularJS 2

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-putlet
  • スライド: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

過去の活動
  • HTML5 デバイス API 勉強会に行ってきた!
    http://bit.ly/1EXJKS2
  • HTML5 開発ツール天下一武道会 (エディタ 編 : 海開きの陣)に行ってきた!!!
    http://bit.ly/1tHL8pF
  • HTML5 開発ツール天下一武道会 (IDE+アルファ編 : 初夏の陣)に行ってきた(仮)
    http://bit.ly/1toaSYz
  • 「html5j – Webプラットフォーム部 勉強会 第1回」に行ってきた(仮)
    http://bit.ly/1wMObfm

Add a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です