JavaScript Formatter

概要

• 1行に詰め込まれたJavaScriptを、Prettierを使って読みやすい形式に整形するツールです。

• Babelパーサーを使用しているため、最新の構文（アロー関数・分割代入・スプレッド構文など）に加え、JSXを含むコードも整形できます。

• ミニファイされたコードや、他所からコピーしたインデントの崩れたコードを読みやすくする際に使います。

使い方

1. 1

   テキストエリアに整形したいJavaScriptを入力します。

2. 2

   「整形する」ボタンをクリックします。

3. 3

   Prettierのルールで整形された結果が下部に表示されます。「コピー」ボタンで結果をクリップボードにコピーできます。

入力例・出力例

function add(a,b){return a+b}

function add(a, b) {
  return a + b;
}

利用シーン

• ミニファイされたJavaScriptを、デバッグのために読みやすく整形する

• 他所からコピーしたコードのインデントを統一し、自分のプロジェクトのスタイルに合わせる

• コードレビューに掲載するコードスニペットを、一貫したスタイルに整える

よくある質問

注意点

• 構文として不正なJavaScriptを入力すると整形に失敗します。

• セミコロンの付与やクォートの統一など、細かいスタイルはPrettierの標準ルールに従います。個別のカスタマイズはできません。

• 非常に大きなコードを入力すると、ブラウザの処理が重くなる場合があります。