Prettierとは？
ぷりてぃあー
Prettierは、JavaScript・TypeScriptをはじめ複数の言語に対応したコードフォーマッターで、スタイルのルールを自動的に適用してコードを整形します。
Prettierは、コードのスタイルを自動的に統一するオピニオネイテッドなコードフォーマッターです。「オピニオネイテッド（opinionated）」とは、細かいスタイルのカスタマイズを意図的に制限し、一つの統一されたスタイルを強制することを意味します。これにより、チーム内でのスタイル議論をなくし、コードレビューを本質的な内容に集中させることができます。
Prettierが対応する言語は幅広く、JavaScript・TypeScript・JSX・CSS・SCSS・HTML・JSON・Markdown・GraphQLなどが含まれます。コードを一度内部の抽象構文木（AST）に変換してから、設定されたルール（行の最大文字数・インデント幅・シングル/ダブルクォートなど）に従って再出力するため、どのような入力スタイルでも均一な出力が得られます。
一般的な使い方は次のとおりです。
- エディタの保存時に自動フォーマット（VS Codeの拡張機能など）
- CIパイプラインでフォーマット違反をチェック
- Gitのpre-commitフックとして実行（lint-stagedと組み合わせる）
ESLintなどのリンターと併用する場合は役割分担が重要です。Prettierはスタイル（見た目）を担当し、ESLintはバグや品質に関するルールを担当するという形が一般的な構成です。
使い方・例文
「保存するたびにPrettierが自動でコードを整形する」設定を入れると、チーム全員が常に同じスタイルのコードをコミットできます。
この用語をシェア
最終更新: