💻
開発者ツール
開発者ツール
読み込み中…
JavaScript整形・圧縮機能
JavaScript Formatter · JS Minifier — 乱れたJavaScriptを整形(Beautify)、または変数名短縮·空白除去でファイルサイズを圧縮(Minify)します。 整形はjs-beautify、圧縮はTerserを使用し高品質な結果を提供。 結果を即時コピー可能。無料オンラインJavaScriptフォーマッター。
使い方
① 整形または圧縮するJavaScriptを入力欄に貼り付けます。 ②「整形する」または「圧縮する」ボタンをクリックします。 ③ 結果が下部に表示されます。 ④ コピーボタンで結果をクリップボードに保存します。
こんな時に使えます
• 外部ライブラリコードをデバッグするために読みやすく変換したいとき • 本番デプロイ前にJavaScriptを最小化してバンドルサイズを削減したいとき • コードレビュー前にインデントを統一して整理したいとき • スニペットコードの可読性を高めたいとき
よくある質問
- Q. ES6+の構文にも対応していますか？
- A. はい、アロー関数、分割代入、テンプレートリテラルなど最新のJavaScript構文をサポートしています。
- Q. 圧縮時に変数名も変わりますか？
- A. Terserのデフォルト設定でローカル変数名が短縮される場合があります。グローバル変数名は維持されます。
- Q. TypeScriptも処理できますか？
- A. 整形（Beautify）機能はTypeScriptの構文もある程度処理できますが、完全なサポートは保証しません。TypeScript専用のツールを推奨します。
- Q. JavaScript MinifierでES6+構文(アロー関数、クラスなど)はサポートされていますか？
- A. はい。Terserライブラリを使用しているため、アロー関数・分割代入・async/awaitなどES6+最新文法を完全にサポートしています。
- Q. 圧縮済みのJavaScriptを再整形(Beautify)して読みやすくできますか？
- A. はい。圧縮済みコードを貼り付けてBeautifyを実行するとインデントが復元されます。ただし、圧縮時に削除された変数名·コメントは復元できません。