コードフォーマッター

現在の言語: JavaScript
入力コード
整形結果
整形後のコードがここに表示されます。

コードフォーマッターについて

ブラウザーで動く Prettier のローカル整形ワークベンチ

このオンラインコードフォーマッターは、コミット、共有、貼り付けの前にコードスタイルをそろえるためのツールです。Web、設定、文書、データ向けの一般的な言語をブラウザー内の Prettier で処理し、自動検出と手動選択、インデントや引用符などの設定保存に対応し、コードは端末外へ送信されません。


主な機能

  • 一般的なコード言語を自動検出し手動変更も可能
  • Prettier standalone をブラウザーで実行
  • 入力と整形結果を左右に表示
  • インデント、セミコロン、引用符、末尾カンマ、行幅を調整
  • 設定保存と既定値への復元に対応

使い方

  1. 1コードを貼り付けるかローカルファイルをアップロード
  2. 2検出された言語を確認し必要なら手動で変更
  3. 3基本オプションまたは詳細オプションを調整
  4. 4整形して出力パネルを確認
  5. 5結果をコピー、ダウンロード、または入力へ反映

よくある質問

コードはサーバーへ送信されますか?
いいえ。整形はブラウザー内でローカルに実行されます。
対応言語は?
JavaScript、TypeScript、JSON、HTML、CSS、SCSS、Less、Markdown、MDX、YAML、GraphQL、Vue などに対応します。
自動検出はどう動きますか?
まずファイル拡張子を確認し、次にコードの特徴から推定します。
設定は保存されますか?
はい。言語モード、選択言語、整形オプションを localStorage に保存します。
既定に戻すとコードは消えますか?
いいえ。リセットされるのは言語モードと整形オプションだけです。

関連ツール

XMLフォーマッターUnicode 変換カラーコード変換進数変換Base64 エンコード デコードURL エンコード デコードHTML エンティティエスケープCookie to JSONJSON Unicode エスケープMD5 エンコーダーJWT デコード検証エンコードJSON to CookieUUID 生成・解析正規表現テスターHTTPステータスコードポート番号ASCIIコード表User-Agent ビューア私のブラウザフィンガープリントJSON Unicode アンエスケープCron 式 ジェネレーター & パーサーIPアドレス検索ハッシュ計算機SQLフォーマッタ