開発者ツール

JavaScript フォーマッター

JavaScript コードの整形と圧縮を行うオンラインツール。インデント幅やモードを選択して、可読性の高いコードまたは軽量なコードを生成します。

ツールを実行

このJavaScriptフォーマッターは、開発者がJavaScriptソースコードの見た目を整えるためのオンラインツールです。コードの可読性を高める「整形(Beautify)」モードと、ファイルサイズを削減する「圧縮(Minify)」モードの2つから選択できます。整形モードでは、タブやスペースによるインデント幅を0から8の間で自由に設定でき、デフォルトは2スペースです。既存の改行は最大2つまで保持され、括弧内の不要なスペースは除去されます。一方、圧縮モードでは、文字列リテラル以外の行コメントやブロックコメントを削除し、余分な空白を折りたたんでコードをコンパクトにします。100万バイトを超える入力や無効なパラメータを指定するとエラーメッセージが表示されます。空の入力では結果領域に空のテキストが表示されます。インデント幅とモードを選択するだけで使用できます。

使い方

  1. テキストエリアに整形または圧縮したいJavaScriptコードを貼り付けます。
  2. 「Indent」フィールドで、整形時のインデント幅(0〜8)を数値で指定します。
  3. 「Mode」フィールドで、処理モードを選択します。「整形」で整形、「圧縮」で圧縮を行います。
  4. 「Run」ボタンをクリックして処理を実行します。
  5. 結果パネルに表示されたフォーマット済みのコードを確認し、必要に応じてコピーします。

使用例

  • 例1: 関数定義の整形。入力: function test(){return 1;} → 出力: function test() { return 1; }(インデント2の場合)
  • 例2: 条件分岐の圧縮。入力: if (x > 0) { /* comment */ alert('hi'); } → 出力: if(x>0){alert('hi');}

よくある質問

インデント幅を変更するにはどうすればよいですか?

「Indent」パラメータに0から8までの整数を入力してください。無効な値や範囲外の値が入力された場合は、デフォルトの2スペースとして扱われます。

コードが圧縮されるとコメントは消えますか?

はい、圧縮モードでは、文字列リテラルに含まれない行コメントおよびブロックコメントは削除されます。文字列内のコメント形式のテキストは保持されます。

入力できるコードのサイズ制限はありますか?

はい、入力が1,000,000 UTF-8バイトを超える場合、エラーメッセージが表示されます。それ以下のサイズでは整形または圧縮された結果が表示されます。

空の入力を送信するとどうなりますか?

空の入力または空白のみの入力では、結果領域に空のテキストが表示されます。エラーメッセージは表示されません。

このツールを埋め込む

以下のコードを使って、SmartPlusLab のツールをウェブサイトに追加できます。