【公式】Pockit Chrome拡張機能が登場

検索の手間を省略。ブラウザのツールバーから1秒でツールを起動。

Chromeに追加 (無料)

プライバシー完全保証

すべての処理はブラウザ内で完結します。データが外部サーバーへ送信されることはありません。

コード整形・圧縮

1行にギュッと詰まった圧縮コードを読みやすく整形したり、本番用にサイズを小さくしたり。JS、CSS、HTML対応。ブラウザで完結するからコードは外に出ません。

整形 出力

💡 Tip: Paste minified code and click Beautify to format it with proper indentation and line breaks.

コード整形・圧縮ツール

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。業界標準のツールです。