⌘K でツールを切替
FORMAT & CONVERT

JavaScriptフォーマッター

JavaScriptコードを見やすく整形します。

local
js-format
§01 このツールについて

概要

ミニファイされたバンドルや1行に詰め込まれたスニペットは、そのままでは読解が困難です。 このツールはjs-beautifyエンジンでJavaScriptを再インデント(スペース2個・1行1文)し、 サードパーティスクリプトの調査、本番バンドルのデバッグ、プロトタイプの整理に役立ちます。 処理はすべてブラウザ内でローカルに実行されます。

使い方

  1. JavaScript 欄にコードを貼り付けます。
  2. 入力と同時に Formatted 欄が即座に更新されます。ボタン操作は不要です。
  3. 出力欄から結果をコピーします。

使用例

  • function f(a){return a?1:2}
function f(a) {
  return a ? 1 : 2
}
  • (function(){var x=1;console.log(x)})() のようなミニファイ済みIIFEも、読みやすい複数行のブロックに展開されます。

注意事項

これはプリティプリンタであり難読化解除ツールではありません。レイアウトは復元できますが、 ミニファイで短縮された変数名(abt など)を元に戻すことはできません。 構文検証も行わないため、壊れた入力も可能な範囲でそのまま整形されます。 アロー関数やテンプレートリテラルなど、js-beautifyが扱えるモダン構文は正しく整形されます。

FAQ
入力したコードはサーバーに送信されますか?
いいえ。整形はjs-beautifyライブラリを使ってブラウザ内で完結します。ソースコードが外部に送信されることはありません。
入力したJavaScriptは実行されますか?
実行されません。コードはテキストとして解析・再出力されるだけで評価は一切行わないため、信頼できないスクリプトの中身を確認する用途でも安全です。
整形するとコードの動作は変わりますか?
変わりません。書き換えられるのは空白・改行・インデントのみで、識別子・リテラル・文の順序はそのまま保持されます。