コード整形
JS・TS・CSS・HTML・JSON を読みやすく
ブラウザ内で処理
入力
オプション
結果
結果
まだ整形していません
コードを貼り付けて整形を押すと、ここに結果が表示されます。
Prettier の既定ルールに従います。コードがアップロードされることはありません。
圧縮されたコード、チャットから貼り付けたコード、インデントの流儀が違う同僚のコード。フォーマッターを一度通せば、どれも読めるようになります。このツールは Prettier をページ内でローカルに実行します。
使い方
- 1 コードを貼り付けます。
- 2 言語を選びます。
- 3 必要ならインデント・行幅・クォートの種類を調整します。
- 4 整形を押して結果をコピーします。
よくある質問
整形できないと言われるのはなぜですか。
整形には構文解析が必要で、構文解析には正しい構文が必要だからです。閉じ括弧の抜けや閉じていない文字列があると止まります。エラーメッセージが位置を示すので、目で探すより早いことが多いはずです。
圧縮されたコードも整形できますか。
できます。構造は完全に戻ります。戻らないのは名前です。圧縮ツールは変数名を1文字に置き換えるので、元の名前はどのフォーマッターにも復元できません。
コードはどこかに送信されますか。
いいえ。Prettier はページに読み込まれてブラウザ内で動作するので、社内のコードも端末の中に留まります。