Arsaga Partners, Inc.

TOP

>

KNOWLEDGE

>

DX用語辞典

>

Prettier

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

制作・監修

アルサーガパートナーズ
DX技術用語辞典 制作チーム

当社は、営業部隊を持たないDX開発パートナースタジオです。

お問い合わせはこちら

CONTACT

下記よりお気軽にご相談ください。

LINEでお問い合わせ

RECRUIT

採用情報

アルサーガパートナーズ株式会社は、一緒に働く仲間を募集しています。 「人間らしく生きる」「自分で考えて行動する」という文化を重視しており、「バグを否定しない」という言葉を掲げています。 挑戦をし続けることが一番の成長に繋がると信じているからです。 まずは挑戦する第一歩を踏み出してもらえれば幸いです。

RECRUIT

採用情報