# JavaScriptフォーマッター

このJavaScriptフォーマッターで、読みにくい、または圧縮されたJavaScriptを整形できます。コードを貼り付けると、ツールがESモジュールとして解析し、2つのスペースでインデントして、各文を1行ずつ出力します。演算子の前後の空白を統一し、文末にセミコロンを付けながら、コメントは保持します。推測で補わず構文エラーを報告するため、開発者はレビュー、デバッグ、ドキュメント作成に使える読みやすく有効なコードを得られます。

## よくある質問

### JavaScriptフォーマッターはどのように動作しますか？

コードをESモジュールとして構文木に解析し、統一されたスタイルで再出力します。テキストルールを当てて修正するのではなく解析を行うため、出力の構造は常に入力と一致します。

### 出力にはどのようなスタイルが使われますか？

ブロックは2つのスペースでインデントされ、各文は個別の行に出力されます。演算子の前後には空白が入り、文末にはセミコロンが付きます。短いオブジェクトリテラルと配列リテラルは1行のままになり、文字列の引用符とテンプレートリテラルは入力どおりに保持されます。

### インデントやその他の設定を変更できますか？

いいえ。このフォーマッターにオプションはありません。すべての入力が同じスタイルで出力されるため、共有する際も結果を予測しやすくなります。

### コードに構文エラーがあるとどうなりますか？

ツールは処理を停止し、問題のトークンに続けて「Unexpected:」などのパーサーメッセージを表示します。報告された問題を修正して、もう一度フォーマッターを実行してください。

### コメントは保持されますか？

はい。行コメントとブロックコメントは保持され、関連する文とともに配置されます。文の途中にあるコメントは、次の文の先頭に移動する場合があります。

### 最新のJavaScriptに対応していますか？

はい。パーサーは、importやexport、アロー関数、クラス、asyncとawait、分割代入、スプレッド構文、オプショナルチェーン、Null合体演算子、テンプレートリテラルなどの最新の構文を理解します。1行に収まらない長いオブジェクトリテラルは、プロパティごとに1行に分けて整形されます。

### ミニファイされたコードをフォーマットできますか？

はい。圧縮されたファイルを解析し、読みやすい行とインデントに整えます。圧縮ツールが選んだ短い変数名はそのまま保持されます。整形によって名前が変更されることはありません。

### 整形するとコードの動作が変わりますか？

いいえ。変更されるのは空白、改行、文末の記号だけです。追加されるのはセミコロンのみで、JavaScriptがコードを読み取る方法に合ったものです。

### 結果がjavascriptのコードフェンスで囲まれているのはなぜですか？

結果はjavascriptフェンスで始まるMarkdownのコードブロックとして返されるため、Markdownに貼り付けるとハイライト表示されます。通常のソースコードが必要な場合は、フェンスの間にある行をコピーしてください。

### JSX、TypeScript、またはFlowはどうすればよいですか？

このページで扱うのは通常のJavaScriptです。ReactコンポーネントにはJSX Formatterを、型付きコードにはTypeScriptまたはFlow Formatterを使ってください。型注釈は標準のJavaScriptには含まれません。

ここに広告を掲載しませんか？

[メールでお問い合わせ](mailto:hi@dennn.is?subject=OneClick%20Pro%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=oneclickpro)