DX技術用語辞典

by Arsaga Partners

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