HTML5 Conference 2016 に参加したときのメモ

イベント

動画アーカイブ

発表内容のまとめというよりは発表聴きながら気になった点や思ったことのまとめです

基調講演

中村教授

  • BigData や Iot, AI は Web が前提としてある
  • インターネットがいわば OS の立ち位置となっている

及川さん

  • 実はIE7担当してました
  • WebAssembly とかまでいくと、Web とはなんなのか
  • Webがサボってきた結果としての AMP
  • セマンティクスの重要性

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

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

  • Facebook, Instagram, Netflix, Twitter(mobile) で使ってる
  • React.PureComponent いずれ最適化されるかも
  • react-addon-perf で描画を計測
  • High Older Component パターン
    コンポーネントでラップする
  • Container Component と Presentation Component
    役割分担。
  • Redux Middleware
    Action 内の非同期処理など
  • Test
    Component のテストや DOM レンダリングまでなど
  • ESLint

お金ではなく知恵でサイトを成長させるグロースハックの海外事例とGoogle Analytics解析のコツ

  • 効果が大きいところから手掛ける
  • CVR, 直帰率、営業転換率
    どこから手を付けるべきか
    予想：10%以上、20%以下、10%以上
    解答：1%以上、40%以下、10%以上
  • ペルソナ設定
  • 試験は500回分のアクセス数で試している

Material Design を使ったマルチデバイスに対応するデザインの作り方

  • 次の bootstrap？
  • 3つライブラリがあるよ
    素のHTMLで使うなら Material Design Lite

Webパフォーマンス最前線

  • パフォーマンスに対する優先度 Reaction Animation Idle Loading
    Webサイトでは Load 推しだったのが
    アプリ風Webサイトでは R A 推し
  • top, left 使わずに translate 使って移動を GPU 上で処理させる
    Layout 処理をCPUでやらせないことでパフォーマンスを上げる

Progressive Web Apps の導入基礎

  • push notification 怖くないよ
  • 具体的な実装方法が事細かに解説
    この資料見ればたぶん大丈夫
  • SUUMO は今はWebとアプリ両方に注力している
    数年後どうなっているか

最後に

ほか


いまから始めるWebフロントエンド開発

いまから始めるWebフロントエンド開発