コード整形・圧縮ツール
1行にギュッと詰まった圧縮コードをキレイに整形したり、逆に本番用にサイズを最小化したり。PrettierとTerserを使っているので、プロと同じ品質です。全部ブラウザで処理するから、コードがサーバーに送られることはありません。
1こんな時に使えます
💡本番の圧縮コードをデバッグするとき
💡デプロイ前にJS/CSSを軽くしたいとき
💡PRの前にコードを整えたいとき
💡サードパーティのスクリプトが何してるか調べたいとき
💡チームでコードスタイルを揃えたいとき
2特徴
- JavaScript、CSS、HTML対応
- 整形:インデントと改行を追加して読みやすく
- 圧縮:空白削除+変数名短縮でサイズダウン
- サイズ変化をリアルタイム表示
- 言語は自動検出
- 結果をファイルでダウンロード可能
3使い方
- 上のタブで言語を選択(JS、CSS、HTML)
- 入力エリアにコードを貼り付け
- 整形か圧縮を選ぶ
- インデント幅もお好みで調整可能
- 変換ボタンを押せば完了!
よくある質問
Q. コードは安全?
A. はい!すべてブラウザ内で処理されます。サーバーには一切送信されないので、機密コードでも安心してお使いください。
Q. 整形と圧縮の違いは?
A. 整形はぎゅっと詰まったコードにインデントと改行を入れて読みやすくします。圧縮はその逆で、空白を全部削ってファイルサイズを小さくします。開発中は整形、本番デプロイには圧縮を使いましょう。
Q. どのライブラリを使ってる?
A. 整形はPrettier、JS圧縮はTerser、CSSはcsso、HTMLはhtml-minifier-terser。業界標準のツールです。