JS フォーマッター / ミニファイアー
ごちゃついたスクリプトをきれいにインデントされたコードに変えるか、本番向けにコンパクトなサイズへ縮小します。
下に JavaScript を貼り付け:
結果:
フォーマッターは基本的なもので、すべての構文のエッジケースを処理できない場合があります。
JavaScript の整形・圧縮方法
- JavaScript を入力ボックスに貼り付けます。
- コードを見やすくする [整形] か、圧縮する [圧縮] を選択します。
- [処理] をクリックして結果を確認します。
- プロジェクト用に出力をコピーします。
よくある質問
フォーマッターは何をしますか?
開き・閉じ中かっこを追跡してブロックをインデントし、ステートメントを別々の行に分割してコード構造を読みやすくします。
JavaScript の圧縮では何をしますか?
行・ブロックコメントを削除し、空白を詰めてファイルサイズを縮小します。ロジック自体は変更されません。
出力は常に完璧ですか?
フォーマッターはシンプルな整形ツールのため、非常に特殊なコードや高度に圧縮されたコードは後から手動調整が必要な場合があります。
このツールは無料ですか?
はい。Handio のすべてのツールは無料で、登録不要、制限なし、ブラウザ外へのデータ送信もありません。
関連ツール
JavaScript を整形・圧縮する理由
整形されたコードは関数とブロックの構造を明らかにし、圧縮・バンドルされたスクリプトを読めるようにします。圧縮はファイルサイズを縮小してページ読み込みを高速化します。
- スクリプトの編集やデバッグの前に、圧縮されたコードを整形できます。
- 本番用に JavaScript を圧縮してダウンロードサイズを削減できます。
- 貼り付けたスニペットを自分のコードスタイルに合わせて再整形できます。
ヒントと制限
フォーマッタは複雑な構文ではベストエフォートで、現代的な JavaScript のあらゆるエッジケースを扱えるとは限りません。すべてローカルで実行され、コードがブラウザから出ることはありません。