「ZOZO Tech Meetup - Webフロントエンド」に参加してきました

勉強会メモ
  • ZOZO Tech Meetup - Webフロントエンドに参加してきました
  • zozoのwebフロントエンド開発の現場の声を聞けました
  • 共感できるところや詳しく聞きたくなるようなところが多くて楽しかったです
  • 特にアクセシビリティの話は具体的な苦労話などもっと聞きたいと思えました

ZOZOTOWNにCSS in JS（Emotion）を導入して1年後の状況

  • 菊地 宏之さん

導入の背景

styled.div`
    color: red;
`
  • ThemeProvider
    • 端末の判定などをする関数などを紐づけている

使い心地アンケート

  • 全体的にポジティブ
    • 導入前から後のアンケートだとまあそうなるだろうなって気がする

今後

  • CSS in JSの動向注視
    • パフォーマンスの問題(Runtime CSS in JSなので)
    • AppRouterとの相性

React でコンポーネントを利用したテストをゴリゴリ書く

  • 渋谷 拓正さん

はじめに

コンポーネントを利用したテスト

カスタムフックのテスト

ゼロから始めるアクセシビリティ啓蒙活動

  • 田嶋 幸智子さん

zozoでのアクセシビリティ

  • 個々で興味があったり改善してる人がいた
  • デザインシステムを作る動きがあるのでそこに取り込め寺いい
  • トップのaxeでのスコアはあまりよくない

改善活動

  • 取り組む意義の言語化
  • ロードマップ作成

ここまでの状況

  • はじめて1ヶ月
  • 興味のある人を集めることに成功
  • トップの修正項目のタスク化ができた

現代のReactivityとSvelteの魔法

  • 冨川 宗太郎さん

Reactivity

  • さまざまなライブラリ/FWあるがどれも「状態を画面にどう反映するか」
  • ReactならuseState/preactなどはsignalsで状態管理し更新/反映することができる
  • sveltは let count = 0 と書くだけで同じ動きを実現できる
    • トランスパイル後のコードを見るとわかりやすい

コンポーネントをまたぐ状態管理