JavaScript・CSS整形ツール

言語を選び、コードを貼り付けて「コードを整形」を押してください。

入力した文章やファイルはサーバーに送らず、このブラウザー内だけで処理します。

使い方

  1. 「言語」でJavaScript・TypeScript・CSS・SCSS・LESS・JSONのいずれかを選びます。
  2. コードを貼り付けて「コードを整形」を押すと、インデントと改行が整います。1行に圧縮されたコードも読みやすく展開されます。
  3. 「セミコロン」と「シングルクォート」でチームのコード規約に合わせられます。セミコロンの設定はJavaScript・TypeScriptだけに使われます。
  4. 構文に誤りがあると、結果欄に問題の行が ^ 付きで表示され、その下に何行目の何文字目かが出ます。

よくある質問

どんなルールで整形しますか?

オープンソースの整形ツールPrettier(MITライセンス)をブラウザーで動かしています。エディターのPrettierと同じルールなので、結果もほぼ同じです。言語を初めて選んだときは、その整形モジュールの読み込みに少し時間がかかることがあります。

逆にコードを圧縮できますか?

このツールは読みやすく展開するためのものです。ファイルサイズを減らすにはJS・CSS圧縮ツールをお使いください。

コードはサーバーに送信されますか?

いいえ。すべてブラウザー内で処理し、どこにも送信しません。

あわせて使えるツール

すべてのツール