メインコンテンツへスキップ
Z

JavaScript フォーマッター＆ミニファイア

Prettierでコードを整形するか、ブラウザ上でそのままミニファイ（圧縮）できます。async/await、オプショナルチェイニング、JSXなどモダンな構文にも対応。

無料 登録不要 クライアントサイド プライバシーに配慮 Updated

Prettierを読み込み中…

使い方

  1. 1 JavaScriptコードを貼り付けます。
  2. 2 Beautify（Prettier）またはMinifyを選びます。
  3. 3 行の幅、クォートの種類、セミコロンの有無をお好みに調整します。
  4. 4 結果をコピーするか、ファイルとしてダウンロードします。

このツールを使う理由

  • BabelパーサーによるPrettierを採用 — JSXを含むモダンなJavaScriptに対応しています。
  • 必要になったときだけ読み込むので、ページ自体は軽快に表示されます。
  • 双方向の変換に対応 — ミニファイ済みのバンドルを読みやすく整形することも、ソースコードを圧縮することもできます。
  • 処理はすべてクライアント側で完結 — コードがブラウザの外に送信されることはありません。

よくある質問

TypeScriptにも対応していますか?

部分的には対応しています — BabelパーサーはシンプルなTSであれば処理できます。TypeScriptを本格的にサポートしたい場合は、TypeScript専用のフォーマッターをご利用ください。

本番用にミニファイされたバンドルを整形し直せますか?

はい、可能です。ただしPrettierはコードの見た目を整えるだけで、元のバンドルを復元するわけではありません。変数名は圧縮された状態のまま残ります。

MinifyモードはTerserと比べてどう違いますか?

当ツールのMinifyモードはかなり控えめな処理で、コメントの削除と空白の圧縮のみを行います。識別子のリネーム、定数畳み込み（constant folding）、デッドコードの削除は行いません。本番環境向けのミニファイにはTerserやesbuildをご利用ください。

JavaScript フォーマッター＆ミニファイア とは？

JavaScript Formatterは、Prettierを使ってJavaScriptコードを整形（ビューティファイ）したり、ブラウザ上でそのままミニファイ（圧縮）したりできるツールです。整形モードではインデントを整え、読みやすく一貫したスタイルにコードを揃え、ミニファイモードではファイルサイズを削減します。async/await、オプショナルチェイニング、JSXといったモダンな構文にも対応しており、処理はすべてクライアント側、つまりお使いの端末上だけで完結します。

機能

Prettierによる整形

async/await、オプショナルチェイニング、JSXを含め、コードをPrettierの統一されたスタイルに再インデント・正規化します。

Terserによる圧縮

terserでコードを圧縮し、圧縮前後のサイズ差を確認できます。

100%プライベート

コードはお使いの端末上でフォーマットされ、アップロードされることは一切ありません。

例

Input

const f=(a,b)=>{return a+b}

Output

const f = (a, b) => {
  return a + b;
};

主な用途

  1. 1

    乱雑なJSを整理する

    圧縮済みまたはスタイルが不統一なJavaScriptを、読みやすいPrettier形式に再整形します。

  2. 2

    本番用に縮小する

    デプロイ前にterserでスクリプトを圧縮し、バンドルサイズを削減します。

  3. 3

    レビュー前に統一する

    統一されたフォーマットを適用することで、diffに空白のノイズではなく本当の変更点だけが表示されるようにします。

JavaScript フォーマッター＆ミニファイア と他の選択肢の比較

JavaScript フォーマッター＆ミニファイア と一般的なブラウザ・デスクトップの代替ツールを比較 — 機能を一目で比較できます。
機能 Zerethon Tools 一般的なオンラインツール デスクトップアプリ
Signup required No Sometimes No (IDEs)
Code leaves device No Yes No
Engine Prettier Varies Prettier / ESLint
Beautify + minify Both Sometimes Both
Modern syntax (async, JSX) Yes Sometimes Yes
Free Yes Yes Often paid
概要

ZerethonのJavaScriptフォーマッターは、Prettierによるコード整形、またはterserによる圧縮を、すべてブラウザ内で行います。Beautifyはインデント、引用符、スペースの取り方を統一されたスタイルに正規化し、Minifyはファイルサイズを縮小して前後の比較を表示します。async/await、オプショナルチェイニング、JSXなどモダンな構文を解析し、コードがサーバーにアップロードされることは一切ありません。

カテゴリ
開発者
料金
無料
プライバシー
ブラウザベース
登録
不要

参考文献

プライバシー

明記されない限り、データがブラウザの外に送信されることはありません。JavaScript フォーマッター＆ミニファイア は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。

関連ツール

JSONフォーマッター

JSONをオンラインで整形・検証・圧縮。無料・登録不要 — データはブラウザの外へ送信されません。

ツールを開く

SQLフォーマッター

SQLクエリをオンラインで整形 — MySQL、PostgreSQL、SQLite、SQL Server、Oracle、BigQueryのコードをきれいに整えます。

ツールを開く

UUID生成ツール

オンラインでUUIDを生成 — v1、v4、v7、Nilに対応。最大10,000件の一括生成が可能。無料・登録不要。

ツールを開く

パスワードジェネレーター

暗号学的に安全な強力なランダムパスワードを生成します。長さと文字セットを自由にカスタマイズ可能 — すべてブラウザ内で完結します。

ツールを開く

Zerethon Social で作成・共有・成長しよう

無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。

Zerethon を無料で試す