背景

  • アプリを開発するときに、コンポーネントの作成に迷うことがある
    • 例えば、アプリ自体にメニューがあり、ページの中にもメニュー的要素があるとき、どう命名するか迷う

目的

  • 0からのアプリ開発で、コンポーネントの作成をスピーディに行う

やり方

  • 有名なデザインシステムやUIライブラリを比較し、共通要素を抜き出す
    • 比較は、HTML要素の外側(body要素)から内側に進める
    • GithubのPrimerは要素が多いことを前提にしているので、特にこれを参考にする
  • 自分なりにコンポーネント開発の方針を決める
    • 色や余白などは決めず、ワイヤフレームレベルで作る

次やること

  • アプリレイアウトの比較

参考

グッドパッチエンジニアが選ぶ、推しデザインシステム10選