CSS/JS/HTMLミニファイ＆整形ツール
CSS・JavaScript・HTMLのコードを入力すると自動で読みやすく整形して表示します。配信用にファイルサイズを小さくしたい場合は「ミニファイ」ボタンを使ってください。JSONを扱う場合は JSON整形 もあわせてご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
※ CSSのミニファイは構文エラーがあっても例外を投げず、該当箇所を無視して処理する場合があります。想定と異なる結果になった場合は、整形結果で構文を確認してから再度お試しください。HTMLのミニファイはコメント除去とタグ間の空白圧縮のみを行い、<style>・<script>タグの中身はそのまま保持します（圧縮したい場合はCSS・JavaScriptとして個別に処理してください）。
注意事項
- 整形（Prettier）とミニファイ（CSSはcsso、JavaScriptはterser）は、対象の言語に合わせて処理されます。言語の選択が実際のコードと合っているか確認してください。
- ミニファイした結果は読みにくいため、元のコードは必ず別に保管してください。本番で不具合が出たときは、元のコードで原因を調べます。
- 入力したコードはブラウザ内で処理され、サーバーには送信されません。
用語解説
整形（フォーマット）
インデントや改行を整え、コードを人が読みやすい形に書き直すことです。このツールでは内部的にPrettierを使用しています。
ミニファイ
改行・インデント・コメントなど実行に不要な部分を取り除き、コードのファイルサイズを小さくすることです。本番環境への配信前に行うのが一般的です。
よくある質問
ミニファイするとコードの動作は変わりませんか？
ミニファイは空白やコメントなど不要な部分を取り除く処理です。JavaScriptは変数名の短縮なども行いますが、通常は動作が変わりません。HTMLはタグ間の空白が除去されるため、インライン要素の間隔など見た目が変わる場合があります。また構文にエラーがあると意図しない結果になることがあるため、本番配信の前に必ず動作確認をしてください。
整形とミニファイの違いは何ですか？
整形はインデントや改行を整えてコードを読みやすくする処理で、ミニファイは逆にファイルサイズを小さくするために不要な文字を取り除く処理です。開発中は整形、配信用はミニファイと使い分けます。
コードは外部に送信されますか？
いいえ。整形・ミニファイはすべてブラウザ内で実行されるため、入力したコードがサーバーに送信されることはありません。社内コードでも安心して使えます。
このページをシェア