CSS記述における不吉な匂いの検出とリファクタリング

摘要

ウェブサイトにおいてHTMLの各要素をどのように表示するかを指定する記述としてCSSが広く利用されているが，一般的なプログラミング言語と同様に，変更の繰返しが保守性の低下を招くおそれがある．本稿では，一つのルールセット内で宣言されているプロパティの種類や複数のルールセット間で宣言されているプロパティの類似性に着目して，CSS記述における不吉な匂い（役割の重すぎるルールセット，重複したルールセット）を検出する手法を提案する．また，検出された不吉な匂いに対する三つのリファクタリング手法を提案する．実際に，役割の重すぎるルールセットや重複したルールセットが多く含まれるサイトのCSS記述についてリファクタリングを実施した結果を報告する．