JavaScript Beautifier

このツールについて

JavaScript Beautifierは、圧縮または読みにくいJavaScriptを、きれいで適切にインデントされたコードにフォーマットします。アロー関数、テンプレートリテラル、分割代入、async/await、クラス構文など、すべての標準ES2022+構文を処理します。特殊文字を含む文字列の内容を正確に保持し、コメント内のコードも正しくスキップします。

圧縮モードはコメントと不要な空白を除去し、構文エラーを防ぐために識別子間に1つのスペースを保持します。すべての処理はブラウザで実行され、コードはサーバーに送信されません。

使い方

1. 入力パネルに圧縮または乱雑なJavaScriptを貼り付けます。
2. 好みのインデント（2または4スペース）を選択します。
3. フォーマットするには「フォーマット」を、圧縮するには「圧縮」をクリックします。
4. 「コピー」をクリックして結果をクリップボードにコピーします。

活用事例

開発者はこれを使用して、プロダクションバンドル、npmパッケージ、またはブラウザ拡張機能からの圧縮JavaScriptを検査してデバッグします。難読化されたサードパーティスクリプトの読み取り、jQueryプラグインの理解、Stack Overflowからコピーしたコードのフォーマットに最適です。圧縮モードはビルドツールなしでHTMLにインライン埋め込みするスクリプトサイズを削減します。

よくある質問

• TypeScriptはサポートされていますか？ — TypeScript構文は主にJavaScriptのスーパーセットです。シンプルなTypeScript（型、インターフェース、ジェネリクス）は正しくフォーマットされます。完全なTypeScriptサポートにはTypeScript Beautifierを使用してください。
• JSXはサポートされていますか？ — ネイティブにはサポートしていません。アングルブラケットを使用したJSX構文は正しくフォーマットされない場合があります。Reactコンポーネントファイルには専用のJSXフォーマッターを使用してください。
• コードは安全ですか？ — すべての処理はブラウザ内でローカルに実行されます。いかなるコードもサーバーに送信されません。