Prettier
読み方: ぷりてぃあ
Prettierとは
Node.js上で動作するコード整形ツールの1つです。
Prettierの特徴
- 自動的に決められたコードスタイルに整形してくれる
例の1つとして、可読性が高くなるように自動で改行してくれます。 - 様々な言語、フレームワークに対応
JavaScriptの他にもscss、typescript、JSON、GraphQLなどにも対応しています。 - ユーザー環境に依存しない
エディターのコード整形ツールの場合、開発者によりフォーマットされるものが違うという問題点がありますが、PrettierはNode.js上で動作するため、プロジェクト単位でコードフォーマットを統一することができます。
Prettierの歴史
2017年: Prettierの登場
2020年: 3月にversion2が登場
現場の声
空白や改行を入れるかどうかのレベルで、開発メンバーの意見が分かれることがよくあります。Prettierを使えば、こういった正解のない答えの議論を発生させないので、開発の効率が格段に上がります。コードチェックツールであるESLintと一緒に使えば、正確できれいなコードを一発で変換してくれます！
Nuxt.jsのような主要のフレームワークでは、webpackが標準搭載されているので、設定方法がより簡単になります。そのため、開発経験が浅いエンジニアでもwebpack（モジュールバンドル）が触れる時代になったと言えるでしょう。
関連用語
Node.js
ESLint
stylelint
＜執筆・監修＞
アルサーガパートナーズ株式会社 DX技術用語集制作チーム フロントdivision