JavaScript フォーマッター
圧縮・乱れた JavaScript をブラウザで整形・インデント。
使用例
圧縮JavaScriptを整形
入力
function add(a,b){return a+b}const x=add(1,2);出力
function add(a, b) {
return a + b
}
const x = add(1, 2);ネストブロックをインデント
入力
if(ok){run();done()}出力
if (ok) {
run();
done()
}このツールについて
この無料オンラインJavaScriptフォーマッターは、乱雑・圧縮されたコードをきれいにインデントされたJavaScriptに変えます — 高速なJS整形・pretty-printツールです。コードを貼り付けてインデントスタイルを選ぶと、整形結果が即座に表示されます。すべてアップロードなしにブラウザ内で動作するので、コードが端末を離れることはありません。
使い方
- 入力ボックスにJavaScriptを貼り付けます（サンプルを押して試せます）。
- スペース2つ・4つ・タブからインデントを選びます。
- 右の出力ボックスで整形されたコードを確認します。
- コピーボタンで結果をコピーします。
JavaScriptフォーマッターを使う場面
バンドルから圧縮コードをコピーしたとき、サードパーティのスクリプトをデバッグするとき、あるいは再利用前に断片を読みたいときに便利です。一貫したインデントは制御フローとネストを明確にし、差分をきれいに保ちます。
よくある質問
このJavaScriptフォーマッターは無料ですか?
はい — 登録も制限もない完全無料オンラインJavaScriptフォーマッター・整形ツールです。好きなだけコードを整形・インデントできます。
コードはサーバーにアップロードされますか?
いいえ。アップロードなしのツールです — JavaScriptはすべてブラウザ内で整形されるため、コードが端末を離れません。非公開・独自コードにも安全です。
JavaScript整形ツールは何をしますか?
コードを再インデントし、文とブロックをそれぞれの行に置き、間隔と波括弧を正規化して、圧縮・1行のJavaScriptを再び読みやすくします。
圧縮されたJavaScriptを元に戻せますか?
はい — 圧縮された1行のJavaScriptを適切にインデントされた読みやすいレイアウトに展開します。ただし、圧縮ツールが短縮した元の変数名は復元できません。
TypeScriptやJSXも扱えますか?
ほとんどのTypeScript・JSX構文をインデント・整理の面で扱えます。コンパイラではなく整形ツールなので、型を除去したりJSXを変換したりせず、テキストを整形するだけです。
コードを検証しますか?
厳密な検証ツールではなく整形ツールなので、小さな問題があってもベストエフォートで整形します。本当の構文エラーを捕まえるには、リンターやエディタでコードを確認してください。
オフラインやモバイルでも動きますか?
ページ読み込み後はローカルで動作するので不安定な接続でも機能し、レイアウトはスマホ・タブレットで完全レスポンシブです。
関連ツール