フロントエンドから取り組むデザインシステムの改善 #UI

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム

[tomono-blog]

ヤフーショッピングの管理画面のUIは最悪ですけどね

[efcl]

Yahooのデザインシステム。 Storybook、ビジュアルリグレッションテスト方法、CSS in JS、SVGアイコン

[st2one]

“すべてのテキストと背景色の組み合わせでコントラスト比を計算し、表形式で判定結果を表示できるようにしました。”

[mr_mayama]

なおYUI https://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui

[tyhe]

管理画面の改善なんか1番優先度低いので仕方ない。まずは物が売れる環境作りが最優先。特にモール型のECなんて複数のモールに出店するユーザーが大半だし。

[sucelie]

PCのYahoo天気とかデザインなんとかしてよ

[Keisuke69]

“すべてのテキストと背景色の組み合わせでコントラスト比を計算し、表形式で判定結果を表示”