#html5j 参加メモ

September 03, 2016

html5j

logo

http://events.html5j.org/conference/2016/9/

基調講演

speaker: 中村修。

大規模分散オペレーティングシステム。

  • HDR
  • WebはWeb以外に存在するデータ表現を全てできるべき
  • 全てinternetの上にある発想

    1. Big Data
    2. AI
    3. IoT
  • Distributed Operating System
  • 縦書きcss

    • 日本頑張ってる

speaker: 及川卓也。

  • IE7担当してました
  • アプリケーションとしてのWeb

    • API
    • Web Components
    • PWApps
    • Service Worker
  • モバイルデバイスの普及

    • ニュースキュレーションアプリ
    • AMP
    • CMSやツールに依存している場合
  • 今こそWebに再投資しよう

Reactの最新動向とベストプラクティス

speaker: @koba04

  • Stateless Function Components(SFC)
  • stateはviewに関係あるものだけで十分
  • React.PureComponent(v15.3.0~)

    • ShoudComponentUpdateに類似(後で調べる)
  • react-addons-perf

    • 計測ツール
  • React.createClass

    • 徐々に非推奨
    • React.Componentへ
  • High Order Function

    • 関数型っぽい
    • acdlite/recomponse
  • stateの管理

    • なるべく一箇所で管理
    • Redux
    • Container Component

      • 更新処理・状態管理
      • DOMを持たない
    • Presentational Component

      • Viewの構築を担う
  • Componentをテストする

    • TestUtil.renderInfoDocument
    • shallowRender
    • react-test-renderer
  • 開発をサポートするツール

Service Worker Deep Dive

speaker: @horo

slide: https://docs.google.com/presentation/d/19x3yi7Jn-6In5igGYfEiK0tBfNI290BAclT0AiqDj4Q/pub?slide=id.p

https://jakearchibald.github.io/isserviceworkerready/

The First Step to Angular 2

speaker: @laco0416

  • Official Packages

    • @angular/core
    • @angular/forms
    • @angular/http
    • @angular/router
  • TypeScript

    • 常に正しいAPI
  • API

    • @component
    • @input / @output
    • @directive
    • @pipe
    • @NgModule

Webパフォーマンス最前線

Progressive Web Appsの導入基礎

  • Push Notification

    • service worker
    • ユーザーの許諾を得て、メリットを提示してからやったほうが良い

https://github.com/kuu/the-offline-cookbook-ja/blob/master/ja.md