コードをチェックしてテストして潜在的なエラーを見つけることができる非常に重要なプロセスであり、ウェブサイトに配置される前に時間内に排除できるようにすることができます。コード検査のプロセスは、一般に、Webデザイナーと開発者の間の糸くずとしても知られています。デザイナーとして、高度に最適化されたコードを書きたい場合は、糸くずツールが必要です。コードチェックツールには2つのタイプがあります。 1つは、実行時にコードのエラーとバグを確認することです。もう1つは、静的コード分析手法を使用し、実行前にコードを確認することです。後者は、時間とトラブルを節約できるため、明らかに優れています。
実際、糸くずはさまざまな段階に配置できます。入力中にコードをテストしたい場合は、Lintツールを使用できます。もちろん、ステージ中にファイルを保持したり、Lintコードを実行したりする場合は、糸くずツールも必要に応じて実行できます。それは個人の選択に依存します。 CSSとJavaScriptに最適な糸くずツールを探している場合は、読み続けてください。
1.CSSLINT
確かに、CSSLINTは「あなたの感情を傷つける」が、それと引き換えに「あなたのコードをはるかに良くする」だろう。 CSSLINTは現在、CSSLINTINGの市場をリードしています。 JavaScriptで書かれており、オープンソースだけでなく、多数の構成オプションも付属しています。
2.Sublimelinter csslint
CSSLINTは非常に効率的なCSSSLINTINGツールであるため、競合他社を見つけることは困難です。たぶんそれが、sublimelinterlintingフレームワークがCSSLINTの上にCSSSlintingプラグインを構築する理由です。 Sublimelinterは、ユーザーにLintコード（CSS、PHP、Python、Java、Rubyなど）を提供するSublimetextプラグインです。
3.Stylelint
StyleLintは、開発者がCSS、SCSS、またはその他のPostCSで解析できる構文エラーを回避するのに役立ちます。 StyleLintは100を超えるルールをテストしており、切り替えたいルールを選択できます（この例を参照）。
4.W3C CSSバリデーター
W3CのCSSバリデーターは通常、糸くずツールとは見なされませんが、開発者に公式のW3C標準でCSSコードを確認する良い機会を提供します。 W3Cは独自の検証プログラムを構築し、C言語のLintプログラムインスペクターに似たツールを提供することを目指しています。
5.dirtyマークアップ
Dirty Markupは、HTML、CSS、およびJavaScriptコードをクリーニング、フォーマット、および検証できます。シンプルで簡単なデザインが好きで、簡単なソリューションが必要な場合は、それを選択するのが正しいです。 Dirty Markupは、エディターにコードを記述または変更するときに、エラーメッセージと通知をリアルタイムでスローできます。
6.jslint
JSLINTはもともと2002年にダグラスクロックフォードによってリリースされ、それ以来繁栄しているため、安定した信頼性の高いJavaScript Lintingツールとして安全に識別できます。
7.Jshint
Jshintは、JSLINTのより構成可能で頑固でないバージョンを作成するための努力から始まるコミュニティ主導のプロジェクトです。 Jshintを使用すると、開発者は糸くずオプションを構成し、カスタム構成を別のファイルに配置できます。これにより、ツールが簡単に再利用できるため、大規模なプロジェクトに最適です。
8.Slint
ESLINTは、JavaScript Linting Macroでの最近の大きなイベントです。非常に柔軟な性質のために人気があります。多数の最先端の糸くずルールをカスタマイズして、すべての主要なコードエディターと統合できるだけでなく、さまざまなプラグインを追加することで機能を簡単に拡張できます。
9.jscs
JSC、またはJavaScriptコードスタイルは、コード形式のルールを確認するために使用されるJavaScript用のプラグ可能なコードスタイルリナーです。 JSCSの目標は、特定のエンコードスタイルのウィザードをプログラム的に順守する方法を提供することです。 JSCSはバグやエラーをチェックしませんが、Google、Airbnb、AngularJSなどのハイテク業界の多くのプレーヤーが、開発者が非常に読みやすく一貫したコードベースを維持するのに役立つため、依然として使用されています。
10.Standardjs
StandardJS、またはJavaScript Standard Styleは、JSCに少し似たコードスタイルのリナーですが、違いはよりシンプルで簡単であることです。 StandardJSは、構成に時間を費やしたくなく、箱から出して効率的なツールが必要な場合に最適です。
翻訳リンク：http：//www.codeceo.com/article/10-css-javascript-linting-tool.html
オリジナル英語：コード最適化のための10のCSSとJavaScriptの糸くずツール