【すたいるがいど】
スタイルガイド とは？
最終更新:
💡 デザインや書き方をそろえる「ルールブック」
文章・コード・デザインなどの表現をそろえるルールブックです。UIでは色・フォント・ボタンなどの使い方をまとめます。デザインの一貫性を保ち、チーム全体で同じ見た目を作れるようになります。
📌 このページのポイント
ひよこ スタイルガイドって、デザインのマニュアルみたいなものなの？
ひよこ それがないとどうなっちゃうの？
ペンギン先生 ページごとにボタンの色が違ったり、余白がバラバラになったりして、ユーザーが「これ同じサイト？」って混乱することがあるんだよ
ひよこ デザインシステムとは何が違うの？
ペンギン先生 ひよこ 有名なスタイルガイドってあるの？
もっと詳しく知りたい人へ
外部のスタイルガイドは、そのまま全部守るべき？
採用するプロジェクトの目的と既存ルールに合わせて使います。たとえばPEP 8はプロジェクト固有のガイドを優先すると説明し、形式をそろえるためだけに後方互換性を壊さないよう求めています。例外と判断理由もチームで共有すると運用しやすくなります。
まとめ：ざっくりこれだけ覚えればOK！
「スタイルガイド」って出てきたら「表現や書き方をそろえるルールブック」と思えればだいたいOK！
📖 おまけ：英語の意味
「Style Guide」 ＝ 様式の手引き
💬 Styleは様式、Guideは手引きという意味。デザインだけでなく、文章やコードの書き方にも使う言葉だよ