社内UIライブラリの変遷 - STORES Product Blog

heyのSTORESでECの開発をしている@nkobaです。 この記事ではフロントエンドで使用しているUIライブラリについて発信していきます！ 社内UIライブラリとは STORESのECではSTORES.jp-Front-Commonというフロントエンドライブラリを作成しています。 その一部としてUIライブラリが含まれており、これを社内プロダクトで利用することで開発効率を向上させたり、ユーザーにとっての触り心地を担保しています。 基本的にSTORESのECではブランド、デザイン、使い心地などを表現するために、ほぼ全てのUIは自作しています。 社内UIライブラリで主に使用している技術は以下になります。 Vue.js Storybook REG-SUIT Jest コンポーネントライブラリの実際 実際に使われているページ 導入期 背景 私がフロントエンドチームに加わったのは2018年の末頃でし

[renowan]

bootstrapみたいなcssフレームワークを作って、それを動かすbootstrap-vueみたいなJS UIライブラリを作れば、SPA,静的サイト対応完了。bootstrap themeのような見た目をオーバーライドするやつ作れば見た目違うものも対応できる。

[shingo-sasaki-0529]

プロダクトに依存するコンポーネントと会社全体のデザインシステムを分離する判断、どの程度にプロダクトが育ってきたら行うのか悩ましいなぁ。

[inouetakuya]

「振り返り」の箇所、めっちゃよく分かる

[R2M]

“Storybook”

[apple19940820]

atomsって何の定義がチームに定着しているとちゃんと回るイメージ "作成するUIコンポーネントはAtomsの粒度にすることにしました。"