このページでコードを整形するには？
左側のエディターにコードを貼り付けるかファイルを読み込み、必要な設定を選んで「フォーマット」を押します。右側で結果を確認し、コピーまたは保存します。
JavaScriptフォーマッターは、圧縮済みまたは体裁が不統一なJavaScriptを、インデント、空白、改行、波括弧の配置がそろった形へ整えます。クラス、プライベートフィールド、非同期関数、オプショナルチェーン、null合体演算子、テンプレートリテラル、モジュール、React JSXなどの最新構文に対応します。
タブまたはスペースを選び、希望する行幅と波括弧のスタイルを設定できます。意味のある改行や既存の配列インデントを保持したり、長いメソッドチェーンを分割したりすることもできます。Ctrl+EnterまたはCommand+Enterを押すと、エディターから直接整形できます。
「圧縮」は読みやすい識別子を保ちながら、コメントや不要なコードを削除します。「圧縮・変数名短縮」は対象となるローカル名も短くし、さらに小さくします。圧縮には実行可能な JavaScript が必要なため、JSX は事前にコンパイルしてください。処理はすべてブラウザ内で行われます。
左側のエディターにコードを貼り付けるかファイルを読み込み、必要な設定を選んで「フォーマット」を押します。右側で結果を確認し、コピーまたは保存します。
入力は選択した言語または構文に合っている必要があります。未完成の文、対応していない括弧や引用符、入力と異なる方言やモードを確認してから再度実行してください。
コードフォーマッターは言語に応じたトークンと入れ子構造を認識し、一貫した規則でインデント、空白、改行を整えます。プログラムをコンパイルしたり実行したりしないため、正しさや安全性の検査にはなりません。
Webプロジェクトでは2スペースが一般的です。プロジェクトが折り返しを強制しない限り既存の改行を保ち、JSX入力ではJSX対応を有効にし、波括弧などのスタイルはリポジトリ設定に従ってください。整形、圧縮、変数名の短縮は別々の操作です。