JS フォーマッター

JavaScript フォーマットについて

圧縮はコメントや空白を取り除き、安全な範囲で識別子名を短縮し、本番用に小さなファイルを生成します。整形はその逆で、コードを再インデント・展開して読みやすくします。

ここでの圧縮には、多くの最新 JavaScript ビルドパイプラインで使われているのと同じエンジン Terser を使っており、出力は本番用バンドラーが生成するものと一致します。圧縮と整形はいずれも空白・コメント・（安全だと証明できる範囲での）識別子名だけを変更し、古いブラウザ向けに構文をトランスパイルしたりポリフィルを追加したりは決してしません。対象ブラウザにない機能を使うコードは、別途対応が必要です。どちらの方向もソースマップを生成しないため、整形後の出力はデバッグ時の元のソースコードの直接の代替ではなく、あくまで読みやすくした写しとして扱ってください。

使われる場面

• 本番環境にデプロイする前にスクリプトを縮小する
• ベンダーバンドルを展開して読みやすくしたりデバッグしたりする
• 圧縮されたソースから貼り付けたコードを整理する
• ドキュメントに貼り付ける前にコードの書式を統一する

よくある質問

圧縮するとコードが壊れますか？
圧縮は動作を保ちます。変化するのは空白、コメント、そして安全な場合の識別子のみです。ソースの書式に厳密に依存するコード（稀なケース）は影響を受ける可能性があります。

これはコードを難読化しますか？
いいえ。圧縮はサイズを小さくするものであり、難読化はコードを意図的に読みにくくするものです。このツールは前者のみを行います。

コードはどこか他の場所に送信されますか？
いいえ。その 1 回のリクエストのためだけにサーバー上で処理され、保存もログ記録もされません。

このツールはソースマップを生成しますか？
いいえ。ソースマップは、圧縮済みファイルの実行中にブラウザのデバッガーが元の非圧縮ソースを表示できるようにするものですが、それにはデプロイされたコードと一緒に対応表を保持しておく必要があり、これは貼り付けて変換するだけのこのツールの範囲を超えます。本番でソースマップが必要な場合は、通常のビルド手順の一部として生成し、対応ファイルをバンドルと一緒にホストまたはアップロードしてください。