JS/CSSフォーマッター

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

このツールの機能

圧縮された、またはインデントが乱れたJavaScriptやCSSを貼り付けてインデントのスタイルを選択すると、このツールが一貫したインデントと改行を持つ読みやすいコードに再整形します。

仕組み

このツールはコードをトークン（キーワード、括弧、演算子、文字列）に分解し、ネストの深さに応じた新しい改行とインデントでそれらのトークンを再出力します。JavaScriptとCSSにはそれぞれオープンソースのjs-beautifyエンジンを使用しています。元のトークンとその順序は一切変更されず、変更されるのはその周囲の空白のみです。

解決できる問題

• 1行に圧縮されたJSやCSSファイルを、デバッグやレビューのために再び読みやすくする。
• ファイル内の不統一なインデント（タブとスペースの混在、幅の不一致）を統一する。
• 圧縮された状態で提供されるサードパーティやベンダーのコードを素早く確認する。
• プロジェクトのスタイルガイドに合わせて、スペース2つ、スペース4つ、タブのインデントを相互に変換する。

よくある質問