テスト・調整
Prettier とは｜コードの見た目を機械が一律にそろえるツール
Prettier は、コードの見た目をそろえるツールです。もとの書き方をいったん解いて、決められた規則と1行の長さにもとづいて印字し直すので、書き手ごとの違いが残りません。
- 分類
- プログラミング補助
- 制作の流れ
- テスト・調整
- 日本語対応
- 日本語非対応
- 費用
- 無料（MIT ライセンス）
- 公式サイト
- https://prettier.io/確認日 2026-09-18
Prettier の概要
Prettier（プリティア）は、コードの見た目をそろえるツールです。公式のリポジトリは「Prettier is an opinionated code formatter.（Prettier は、決めごとを持つコードの整形のツールです）」と書き、コードを読み取って、1行の長さの上限を踏まえた自分の規則で印字し直すことで、そろった見た目を保つとしています。
この動きは、もとの書き方をすべて取り去り、書き出されるコードが一貫した見た目に従うようにすることです。ただし、空の行や複数行にまたがる対象など、都合のよい範囲では元の書き方が残ると注が添えられています。
Prettier の特徴
Prettier はゲームを描く機能を持ちません
Prettier が受け持つのは、コードの見た目をそろえる部分です。絵や音を扱う機能は持ちません。中身の誤りを見つける働きも持たず、公式ドキュメントには、コードを調べるツールとの違いを述べた頁が別に置かれています。
Prettier の印字し直し方
foo(arg1, arg2, arg3, arg4); のように1行に収まる呼び出しは、そのまま残ります。収まらないときは、引数ごとに行を分けた形へ印字し直します。
判断のもとになるのは、書き手が元の行で改行を入れたかどうかではなく、1行の長さの上限です。読み取った構文の木を、自分の規則で印字し直すので、見た目だけが変わり、構文の木そのものは変わりません。
Prettier が扱える言語
公式サイトが挙げている言語は次のとおりです。
| 区分 | 言語 |
|---|---|
| JavaScript まわり | JavaScript（試しの機能を含む）・JSX・Flow・TypeScript・JSON |
| 見た目の記述 | CSS・Less・SCSS・styled-components・styled-jsx |
| 画面の記述 | HTML・Vue・Angular・Ember／Handlebars・Lightning Web Components（LWC）・MJML |
| そのほか | YAML・Markdown（CommonMark・GitHub の書き方・MDX v1）・GraphQL とその定義 |
このほかに、共同体が作った差し込みとして Apex・Elm・Java・PHP・Ruby・Rust・TOML・XML が挙げられています。
Prettier を動かす場所
公式のリポジトリは、Prettier を動かす場所を3つ挙げています。文字の編集のツールで保存したとき、記録へ収める前の仕掛け（pre-commit hook）、そして自動の組み立ての場です。
対応している編集のツールとして、公式サイトは Emacs・Espresso・Nova・Sublime Text・Vim・Visual Studio・VS Code・WebStorm を並べています。WebStorm は最初から対応しています。
公式ドキュメントには、命令行からの使い方、API からの使い方、ブラウザの中での使い方、自動の組み立ての場での動かし方、コードを調べるツールとの組み合わせ方、除く指定の書き方の頁があります。
Prettier の設定の考え方
公式サイトは、Prettier の性質として4つを挙げています。決めごとを持つ整形のツールであること、多くの言語を扱えること、ほとんどの編集のツールと組み合わせられること、そして設定の項目が少ないことです。
設定の項目を少なくしている理由は、公式ドキュメントの「Option Philosophy」と「Rationale」の頁に置かれています。公式サイトは、このツールを使う利点として、保存したときに整形されること、コードの見直しで見た目について話さなくてよくなること、時間と労力が省けることを挙げています。
Prettier の費用とライセンス
Prettier は無料です。公式のリポジトリは、ライセンスを MIT ライセンスとしています。
MIT ライセンスとは
MIT ライセンス（MIT License）は、著作権の表示とライセンス文を残せば、商用も含めて自由に使ってよいとする短い決まりです。
| 項目 | 内容 |
|---|---|
| 費用 | 無料 |
| ライセンス | MIT ライセンス |
| 版 | stable と next の2つの資料があります |
| 入手の方法 | 公式ドキュメントの Install の頁 |
公式サイトには寄付の入口と、企業向けの案内（PRETTIER FOR ENTERPRISE）があります。数量限定の衣類も売られていて、1着あたり10ドルが企画の維持に充てられます。
公式サイトには、入れずにブラウザの上で試せる Playground があります。
- Prettier｜公式サイトhttps://prettier.io/
情報源
- Prettier — 公式サイト（4つの性質・扱える言語と差し込み・対応する編集のツール・使う利点・寄付と企業向けの案内）https://prettier.io/確認日 2026-09-18
- What is Prettier? — Prettier 公式ドキュメント（もとの書き方を取り去ること・印字し直す例・構文の木が変わらないこと・残る書き方の注・資料の並び）https://prettier.io/docs/確認日 2026-09-18
- prettier/prettier — 公式リポジトリ（Prettier の定義・印字し直しの入出力の例・動かす場所3つ・ライセンス）https://github.com/prettier/prettier確認日 2026-09-18