HeadlessなUIライブラリを利用する価値

Slide 1

Slide 1 text

Slide 2

Slide 2 text

⾃⼰紹介 2 ɹɹʛɹɹ© 2024 PLAID Inc. ⾃⼰紹介 Yuito Kawashima プロダクトマネージャー & ソフトウェアエンジニア ‧ PdM、フロントエンド領域にて   スタートアップを中⼼に多くの企業をサポート ‧ Webを中⼼に受託開発事業を運営   企画、デザイン、開発すべての⼯程を⾏う ‧ プレイドでKARTE Webのプロダクトマネジメント yuitokawashima

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

‧ 既存スタイルの打ち消し ‧ 上書きって   実現可能性の判断含めめっちゃ⼤変 ‧ 既存スタイルはないから打ち消し不要 ‧ DOM構造が変更できず   オリジナルUIの適⽤が難しい… これまでのUI開発における選択肢 13 ɹɹʛɹɹ© 2024 PLAID Inc. ‧ ↑の結果『脱{{ライブラリ名}}』みたいのはじまる「UIライブラリを使う」との⽐較 ‧ 振る舞い（品質）を担保したまま   デザインリニューアルができる ‧ 構造もカスタムできるから   オリジナルUIの適⽤OK

Slide 14

Slide 14 text

これまでのUI開発における選択肢 14 ɹɹʛɹɹ© 2024 PLAID Inc. ‧ 時間かかるしスクラッチで書ける⼈いない ‧ ⾒た⽬や動作レベルでは書けても、   アクセシビリティ考慮は茨の道 ‧ 新UIを試したいけどコスト的に   既存コンポーネントを使おうとなりがち ‧ スタイル書くだけで超早い「スクラッチで書く」との⽐較 ‧ アクセシビリティも考慮される ‧ 最⼩コストで開発できるから試しやすい

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text