設計概念・設計思想

PackBoxCodingにおいて利用する概念と英単語を中心とし、制作業界で著名な概念も併せて一覧化したものです。

データの分類概念を表す単語

分類・文脈	英単語(名称)	読み方	認知・役割・意味／用法など
概念分類	base	ベース	初期化や基本styleの定義（※ SMACSS,MCSS,ITCSS の概念）
概念分類	foundation	ファンデーション	初期化や基本styleの定義／MCSS,FLOCSS の概念
概念分類	setting(s)	セッティング	SCSSファイルの管理：Sassで利用するグローバル変数や全体の設定（※ ITCSSの概念）
概念分類	tool(s)	ツール	SCSSファイルの管理：Sassで利用するmixinやfunction（※ ITCSSの概念）
概念分類	generic	ジェネリック	SCSSファイルの管理：ノーマライズやリセットのスタイル（※ ITCSSの概念）
概念分類	vender	ベンダー	SCSSファイルの管理：外部で作成されたCSSを管理
概念分類	preset	プリセット	SCSSファイルの管理：全域的なCSSカスタムプロパティの設定を管理
概念分類	theme	テーマ	SCSSファイルの管理：デザイン的なテーマ設定を管理（※ SMACSSの概念）
概念分類	object(s)	オブジェクト	表示部品の総称／関心の対象（※ ITCSS,FLOCSS,OOCSS の概念）
概念分類	project	プロジェクト	部品分類の一種／MCSS,FLOCSS の概念
概念分類	content	コンテンツ	役割分類：サイトやページの主たる情報
概念分類	frame	フレーム	役割分類：サイトのヘッダーやフッターなどの共通部分
概念分類	component(s)	コンポーネント	表示再利用部品（※ 部品／RSCSS,ECSS,ITCSS,FLOCSS の概念）
概念分類	block	ブロック	BEMエンティティ：情報の塊／要素分類：左記同様
概念分類	element	エレメント	BEMエンティティ：Blockの内部要素／要素分類：左記同様
概念分類	modifier	モディファイア	BEMエンティティ：修飾子
概念分類	parts	パーツ	要素分類：要素分類の小さな表示部品
概念分類	structure	ストラクチャ	要素分類：要素分類の構造体・間仕切り（※ 構造・骨格／OOCSSの概念）
概念分類	layout(s)	レイアウト	※利用しない（ SMACSS,FLOCSS の概念→ヘッダー、フッター、メニュー等）
概念分類	utility	ユーティリティ	調整用の便利クラスなど（※ FLOCSS の概念 → 利便型クラスなど）
概念分類	cosmetic	コスメティック	カラーや余白など少量の調整用スタイル／MCSS の概念
概念分類	module(s)	モジュール	粒度分類：大きめの表示部品（※ SMACSS,ECSS の概念）
概念分類	state	ステート	状態（※ 状態／SMACSS の概念）
概念分類	skin	スキン	見た目・色／OOCSS の概念
概念分類	helper	ヘルパー	オーバーライド用のクラス（※ RSCSS の概念）
概念分類	trump(s)	トランプ	ユーティリティ系・切り札の意／ITCSS の概念
概念分類	variant	バリアント	似て非なるもの・バリエーション／RSCSS,ECSS の概念
概念分類	context	コンテキスト	特定条件下での例外スタイル／MCSS の概念

デザイン上での粒度や規模を表す単語

分類・文脈	英単語(名称)	読み方	認知・役割・意味／用法など
概念分類	atom(s)	アトム	AtomicDesign の概念：原子／最小部品や構成要素
概念分類	molecule(s)	モレクル	AtomicDesign の概念：分子／最小部品や構成要素を組み合わせた小さな部品
概念分類	organism(s)	オーガニズム	AtomicDesign の概念：生体／具体的な機能や意味が伝わる中程度の部品
概念分類	template(s)	テンプレート	AtomicDesign の概念／部品の配置やレイアウト・WFや雛形、設計図
概念分類	page(s)	ページ	AtomicDesign の概念／具体的なページ