#html5j 参加メモ

html5j

logo

http://events.html6j.org/conference/2017/10/

基調講演

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