⌘K でツールを切替
FORMAT & CONVERT
JavaScriptフォーマッター
JavaScriptコードを見やすく整形します。
js-format
§01 このツールについて
概要
ミニファイされたバンドルや1行に詰め込まれたスニペットは、そのままでは読解が困難です。 このツールはjs-beautifyエンジンでJavaScriptを再インデント(スペース2個・1行1文)し、 サードパーティスクリプトの調査、本番バンドルのデバッグ、プロトタイプの整理に役立ちます。 処理はすべてブラウザ内でローカルに実行されます。
使い方
- JavaScript 欄にコードを貼り付けます。
- 入力と同時に Formatted 欄が即座に更新されます。ボタン操作は不要です。
- 出力欄から結果をコピーします。
使用例
function f(a){return a?1:2}→
function f(a) {
return a ? 1 : 2
}
(function(){var x=1;console.log(x)})()のようなミニファイ済みIIFEも、読みやすい複数行のブロックに展開されます。
注意事項
これはプリティプリンタであり難読化解除ツールではありません。レイアウトは復元できますが、
ミニファイで短縮された変数名(a、b、t など)を元に戻すことはできません。
構文検証も行わないため、壊れた入力も可能な範囲でそのまま整形されます。
アロー関数やテンプレートリテラルなど、js-beautifyが扱えるモダン構文は正しく整形されます。
FAQ
入力したコードはサーバーに送信されますか?
いいえ。整形はjs-beautifyライブラリを使ってブラウザ内で完結します。ソースコードが外部に送信されることはありません。
入力したJavaScriptは実行されますか?
実行されません。コードはテキストとして解析・再出力されるだけで評価は一切行わないため、信頼できないスクリプトの中身を確認する用途でも安全です。
整形するとコードの動作は変わりますか?
変わりません。書き換えられるのは空白・改行・インデントのみで、識別子・リテラル・文の順序はそのまま保持されます。