【レポート】

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

後藤大地  [2014/04/07]

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年後は? あなたの年収をデータに基づき予報します。

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

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

特別企画 PR

人気記事

一覧

イチオシ記事

新着記事

iiyama PC「SENSE∞」、Quadro M4000搭載のクリエイタ―向けミドルタワーPC
[19:43 5/30] パソコン
ランサムウェアがもっとも攻撃者にとって有効になる業界は? - McAfee Blog
[19:36 5/30] 企業IT
【レポート】Windows 10の要件変更でピンチになるのは誰? - 阿久津良和のWindows Weekly Report
[19:20 5/30] パソコン
OL3人が官能的な表情で肉料理を食べまくる「肉女のススメ」1巻
[18:34 5/30] ホビー
勝地涼が「赤シャツ」の孫役で主演『“くたばれ”坊っちゃん』
[18:30 5/30] エンタメ

特別企画 PR

求人情報