ホームに戻る

JavaScriptフォーマッター

圧縮されたJavaScriptや読みにくいコードを貼り付けると、文字列とコメントを保ちながら読みやすいインデントに整えます。

コーディング 結果を待っています
問題を報告

コーディング

整形結果

結果を確認してコピーまたは.jsファイルで保存します。

構文チェック

構文は有効そうです

コード概要

ブラウザ整形ツールの注意

入力行

2

出力行

13

文字数

195 / 168

圧縮削減

0.6%

関数

1

宣言

2

元のJavaScript

圧縮コード、崩れた改行、短いスニペットを貼り付けます。

整形結果

結果を確認してコピーまたは.jsファイルで保存します。

function greet(name) {
  const message="Hello, "+name;
  if(name) {
    console.log(message);
}
  return message;
}
const users=["Ada",
"Linus",
"Grace"].map((name)=>({
  name,
  active:true
}));

確認チェックリスト

  • 実行前に秘密情報やトークンがないか確認してください。
  • 正規表現、テンプレート文字列、JSXが多いコードは結果を確認してください。
  • 本番コードでは整形後にテストとlintを実行してください。

ブラウザ整形ツールの注意

このツールは素早い整理とレビュー用です。チーム開発ではESLint、Prettier、TypeScriptビルドを最終基準にしてください。

JavaScriptをレビューしやすく整える

このツールはブラウザ内で動作し、コードをサーバーへ送信しません。波括弧、セミコロン、カンマ、コメントを基準に行とインデントを整えます。

使い方メモ

  • 文字列、テンプレート文字列、行コメント、ブロックコメントを可能な限り保ちます。
  • 波括弧とセミコロンで改行を作り、インデントを再計算します。
  • 構文チェックは通常スクリプトとしてブラウザのJavaScriptパーサーで確認します。

よくある質問

Prettierの代わりになりますか?expand_more

完全な代替ではありません。外部パッケージなしで素早く整える実用ツールです。

コードは送信されますか?expand_more

いいえ。整形、圧縮、チェック、コピーはブラウザ内で処理されます。

import/exportでチェック失敗しますか?expand_more

はい。Functionパーサーを使うため、モジュール専用構文は失敗することがあります。

さらに探す

次に試したいツール

同じカテゴリのツールと Gogotem で人気のツールを続けて探せます。

すべてのツール arrow_forward