コンポーネントをアクセシブルに保つ技術

2023/12/21 11 users アクセシブル Ubie Linter コンポーネント 実装

アクセシビリティ Advent Calendar 2023 21日目の記事です。 Ubie株式会社 デザインエンジニアのtakanoripです。 Ubieではデザインシステムの1要素としてコンポーネントライブラリの実装を進めています。その中でコンポーネントをアクセシブルに保つための仕組みをいくつか導入しているので紹介します。 Linter まず一番... 続きを読む

一休.com 宿泊管理システムのフロントエンド設計と改善の変遷 - Developers Blog - 一休.com Developers Blog

2023/12/14 11 users 変遷 フロントエンド設計 developers blog

宿泊の管理システムについて 新しい管理システムについて 開発初期のフロントエンド設計 コンポーネントは4レイヤー方式を採用 UIのコンポーネントライブラリを採用 これ以上の設計、方針は決めなかった 初期ローンチ後の課題 改善した内容 1. コンポーネント設計の見直し ディレクトリ構成の変更 大きくなったコンポー... 続きを読む

共通コンポーネントのテスト実装方法にあえてVRTを選択した話 / why do we choose VRT for testing shared components

2022/10/16 5 users VRT Chromatic リグレッションテスト ネンド 概要

共通コンポーネントのテスト実装方法にあえてVRTを選択した話 / why do we choose VRT for testing shared components Vue Fes Japan 2022 の発表内容です https://vuefes.jp/2022/sessions/KushibikiMashu ■ 概要 社内のコンポーネントライブラリに対してStorybookとChromaticでビジュアルリグレッションテストを導入し... 続きを読む

デザインシステムを作る前にデザインのシステムを理解しよう : could

2019/12/26 5 users could システム デザインシステム デザイン 固定概念

UIデザイン デザインシステムを作る前にデザインのシステムを理解しよう コンポーネントライブラリと詳細度の高いガイドラインという固定概念を拭い去り、組織におけるデザインのシステムを改善する取り組みと捉えるとやり方は大きく変わります。 デザインシステムという名の成果物が抱える問題 デザインツール上で UI ... 続きを読む