• スタイルガイドとは
    • ブランドの表示方法に関するルール集
    • ビジュアル面だけでなく内容も対象となる
    • 目的
      • 複数の投稿者がブランドをまとって表現するコンテンツを明確に作成できるようにする
  • コンポーネントライブラリとは
    • スタイルガイドに沿った実装を行うためのUIコンポーネントのセット
    • メリット
      • ライブラリ利用者が記述するコードが少なくすむ
      • コンポーネントのコアが一か所に集まる為、アクセシビリティ等の要件の確認ができる
      • 開発を単一の場所で行うため、コンポーネントがより堅牢になる
  • デザインシステムとは
    • 定めた標準を達成するためのコンポーネントと文章、原則の完全なセット
    • スタイルガイドとコンポーネントライブラリを繋ぐ役割を果たす
    • デザインシステムには以下を内包する必要がある
      • コンテンツ
        • より思慮深い製品体験を設計する言語
      • デザイン
        • デザインシステムのビジュアル要素
      • コンポーネント
        • 新しい製品や機能を開発するための構成要素
      • パターン
        • 意味のある製品体験を作成するための個々のパーツ