コードを読みやすくする！クリーンコードツール20選

優秀なエンジニアの条件は、高水準のスキルや経験値、才能、粘り強さなどたくさんあります。その中でも、コードを見やすく簡潔に書けることは、優秀なエンジニアの重要な要素のひとつです。優秀なエンジニアが書くコードに、雑多で見づらいものはほとんどありません。

そこで今回は、コードを読みやすくするクリーンコードツールを20個ご紹介します。

簡単にコードを整えられるツールを持っていれば、熟練のエンジニアでなくても、見やすく綺麗なコードを書くことができます。

1. Decoravit

Decoravitは、雑多なコードを綺麗に整え、一貫性を持たせるMac OS用のアプリです。Macをご利用の方は、普段お使いのMacにDecoravitをダウンロードするだけで、美しいコードを書くことができます。

Decoravit

2. Dirty Markup

The Dirty Markupは、コードを読みやすく整える無料のクリーンコードツールです。

このツール自体は、優れたインターフェースが魅力です。さらに、HTML、CSS、JSで使用できる便利な機能が搭載されています。インデントやラインの長さ、字下げスタイルなどを自分好みに設定できます。

The Dirty Markup

3. Pretty Printer

Pretty Printerは無料のクリーンコードツールです。古き良き雰囲気のデザインが特徴で、CSSとJSだけでなく、PHP、Java、C、 C++、Perl言語にも対応しています。

Pretty Printer

4. HTML Cleaner

HTML Cleanerは、HTMLとJavaScriptで書かれたコードを洗練したコードに整えられるクリーンコードツールです。インデントや連続スペースなどを調節するオプションが搭載されています。

HTML Cleaner

5. JS Beautifier

JS Beautifierは、HTML Cleanerと同じくHTMLとJavaScriptで書かれたコードを綺麗に整えられるツールです。インデントや連続スペースなどを操作するオプションの標準リストが搭載されています。

JS Beautifier

6. CSS Comb

CSS Combは、CSS用に開発された無料のクリーンコードツールです。

インタラクティブで印象的な設定オプションが特徴です。例えば、無駄な空白を取り除き、大文字と小文字を認識してそれぞれ色を設定し、セミコロンが欠けているところを自動で入力します。

CSS Comb

7. SCSS FMT

SCSS FMTは、コードを見やすく整えるツールです。SCSSスニペットを綺麗にしてくれるので、スクリプト言語が好きな人におすすめです。

SCSS FMT

8. Code Beautifier

Code Beautifierは、CSS Combと同じように、コードをよりプロフェッショナルに見せるためのツールです。フォーマットを修正するだけでなく、欠けている部分を補ってくれます。

最適化の規則と一般的な基準をもとに、より早く効果的に作動するコードに修正してくれる便利なツールです。

Code Beautifier

9. JavaScript Beautifier

JavaScript Beautifierは、JavaScriptのスニペットをブラッシュアップしてくれるツールです。JavaScriptに限らず、HTML、CSS、PHP、Perl、Python他、SQLやXMLにも対応しています。

JavaScript Beautifier

10. Standard JS

Standard JSは、JavaScript Beautifierと同じくJavaScriptのスニペットをブラッシュアップしてくれるツールです。

フォーマットを整えるだけでなく、スタイルガイドとして最も人気のあるクライアントサイドスクリプト言語での、より良い開発を支えるヒントを提供してくれます。

Standard JS

11. Unused CSS Finder

Unused CSS finderは、カスケードスタイルシート（Cascading Style Sheet）で書かれたコードをブラッシュアップしてくれるツールです。

ウェブサイト全体を分析し、不適切なスタイルや余計な文字列を発見してくれます。

Unused CSS finder

12. CSS Lint

CSS Linはコードを整えてくれるツールです。

フラグメントのみに対応しているので、より多くのコードを入力するとより有効な結果が得られるでしょう。

CSS Lint

13. HTML Hint

HTML Hinは、HTMLで書かれたコードをブラッシュアップしてくれるツールです。

コードのエラーと問題点を発見してくれます。HTML Hintは設定オプションが充実しているのが特徴です。

HTML Hin

14. JS Hint

JS Hinは、JavaScriptで書かれたコードをブラッシュアップしてくれるツールです。

コードのエラーと、そこで起こる問題を発見してくれます。

JS Hin

15. PHP Formatter

PHP Formatterは、PHPのフォーマットを整えてくれるクリーンコードツールです。

PHPを使用している方におすすめです。

PHP Formatter

16. RuboCop

RuboCopは、Rubyのフォーマットを整えてくれるクリーンコードツールです。

RuboCop

17. Pycodestyle

Pycodestyleは、Python開発におすすめのスタイルガイドチェッカーです。

Pycodestyle

18. Instant SQL Formatter

Instant SQL Formatterは、SQLクエリに対応したクリーンコードツールです。

クエリを整理整頓してくれるのが特徴です。

Instant SQL Formatter

19. Uncrustify

C++などの気難しい言語には、C、 C++、Java、Pawn、VALAに対応しているUncrustifがおすすめです。

コードを再編成し、小さなバグを発見してくれます。

Uncrustif

20. OC Lint

OC LintはUncrustifに似たクリーンコードツールです。

C、 C++、Objective-C言語のコードスニペットの問題点を発見してくれます。

OC Lint

まとめ

クリーンコードツールを使うことで、小さなバグが自動的に修正され、コードの見ためはよくなります。

しかし、ただツールを使っているだけでは優秀なエンジニアになれません。クリーンコードツールの結果を参考に、すっきりと整理されたコードを書く習慣をつけることで、プロフェッショナルへの道が開けます。

ここで紹介したツールが、優秀なエンジニアへの一歩となれば幸いです。

（原文：Nataly Birch　翻訳：Mariko Sugita）