JavaScript を整形

プライベート/ブラウザで実行されます。ファイルがアップロードされることはありません。

JS コードを簡単に美しくします。縮小、圧縮、またはフォーマットされていない JavaScript を、クリーンで十分な間隔のブロックに変換します。

JavaScriptを入力してください
>>
美しくされたJavaScript

JavaScript を整形

JavaScript のコードを整形する

このツールは貼り付けた JavaScript のコードで文字列をまず保護し、そのうえで括弧、改行、字下げを独自の規則で整えます。結果は画面に表示されるので、確認してからコピーして使ってください。

1 行に圧縮されたコードや字下げが乱れたコードを読む必要があるときに役立ちます。ただし整形は見た目を変える作業であり、コードの動作を検証するものではありません。

処理は画面上で完結するため、結果を見てから使うか捨てるかを判断できます。元のコードは入力欄に残るので、必要ならもう一度やり直せます。

使い方

元のコードを入力欄に貼り付けて整形を実行します。入力が正しい文法でない場合はエラーが表示されるので、内容を確認してからやり直してください。

結果を読み、必要な部分をコピーします。括弧、引用符、エスケープ文字、テンプレート文字列が元の意図どおり保たれているかを確認することが重要です。

整形はテストの代わりになりません

コードが読みやすくなったことは、正しく動くことを意味しません。整形したコードは開発環境で実行して確認し、厳密な構文解析が必要な場合は専用のツールを使ってください。

本番のファイルを直接置き換える前に、整形前後の差分を確認することをおすすめします。文字列の中身や正規表現が変わっていないかは特に注意して見てください。

一部のツールはブラウザ内だけで処理し、一部は外部のエンドポイントを呼び出します。本文はコードで確認できた動作のみを説明しており、外部サービスの可用性を保証するものではありません。

よくある質問

圧縮された(minified)コードも元に戻りますか。

改行と字下げは復元できますが、圧縮の過程で短く置き換えられた変数名は元の名前には戻せません。

他の言語のコードも扱えますか。

このページの規則は JavaScript の文法を前提にしています。他の言語では結果が不正確になることがあるため、その言語専用の整形ツールを使ってください。

どのブラウザで利用できますか。

Google Chrome、Firefox、Safari、Opera、および Chromium 系のブラウザで動作します。ブラウザを最新版に保つと、JavaScript の処理で発生する不具合を減らせます。