【レポート】

使われていないCSSを探す方法

 

Webページの制作に携わったことがあるならCSSも扱ったことがあるだろう。当初は小さかったCSSファイルも、デザインの変更や調整を続けるうちに、どんどん大きくなっていき、簡単には全体を見渡すことができなくなる。既存のデザインが崩れたりパラメータ間の調整を取るため、既存のCSSには手を加えずに新しいスタイルを追加していくことになるため、ファイルはどんどん大きくなっていく。

こうした状況はCSSファイルのメンテナンスという観点からはあまり好ましいものとはいえない。編集を繰り返していくうちに、すでに使われなくなっているスタイルもあるだろう。そうしたスタイルはできれば削除した方が、ファイルの中身の見通しがよくなる。そんな場合に活用できるツールがThe David Walsh Blogの記事「uncss: Find Unused CSS」において紹介された。

紹介されているツールは「uncss」というツール。指定したURLからHTMLをダウンロードしてきてJavaScriptを実行、使われているスタイルシートを展開したのち、スタイルをまとめてパース、さらに実際にHTMLで一致することないセレクタを見つけ出して使われていないスタイルを除くという処理をしていると説明がある。サイト全体に渡って適用するには追加でスクリプトを組む必要があるが、使われていないCSSを除去する基本的なツールとして活用を検討できる。

関連キーワード


IT製品 "比較/検討" 情報

転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

【特別企画】12万円(税別)で手に入る15.6型スタイリッシュゲーミングノート - 「G-GEAR note N1563J-710/T」
[21:18 6/30] パソコン
綾野剛、ライジング・スター賞で初NY! 謙虚な英語スピーチに拍手喝采
[21:00 6/30] エンタメ
役員報酬、1億円超は211社414人 - 三菱電機が最多
[20:55 6/30] マネー
約8割が週に1回以上は実感している「スマホ老眼」の症状って?
[20:50 6/30] ヘルスケア
【連載特別企画】アナログとデジタルをつなぐワコムのデジタルノート「Bamboo Spark」 第3回 Bamboo Sparkを超活用する
[20:49 6/30] パソコン

求人情報