JavaScriptの空白を圧縮してサイズ削減率を測定
このJavaScript空白ミニファイアは、実行に不要な行コメント、ブロックコメント、書式用の空白を削除します。文字列、テンプレートリテラル、正規表現、演算子、識別子の境界に加え、自動セミコロン挿入の意味を変え得る改行も維持します。結果には圧縮後のコード、処理前後のUTF-8バイト数、削減率が含まれます。識別子の改名、コードの書き換え、依存関係の導入、ネットワーク接続、完全なバンドル環境を必要とせず、予測可能な圧縮を行いたい場合に適しています。
無料で実行
プログラムを書き換えずにコードを圧縮します
この機能は、コメントの削除と意味を持たない空白の圧縮だけを行います。変数名の変更、定数の畳み込み、式の並べ替え、プロパティ名の変更、最新構文から旧構文への変換は行いません。処理範囲が限定されているため、結果を確認し、元のコードと比較しやすくなっています。JavaScriptをjavascriptフィールドで送信するか、codeまたはtextの別名をお使いください。圧縮済みコードと正確なUTF-8測定値が返されます。スキャナーはコメント記号を判断する前に、引用符付き文字列、テンプレートリテラル、正規表現を認識します。そのため、文字列内のURLや正規表現内のスラッシュはデータとして保持されます。隣接するトークンが別のトークンへ結合される場合に限り、空白を戻します。識別子同士は分離されますが、コンマ、波括弧、多くの演算子周辺の書式は削除されます。これは難読化ではなく圧縮であり、名前と構造は判読可能なままです。隠れたネットワークサービスや非決定的なモデルも使用しません。
トークンと意味のある改行を保持します
JavaScriptでは空白を省略できる場合が多いものの、常に無意味とは限りません。識別子の文字を連結すると別の名前になり、2つのプラス記号を結合するとインクリメント演算子になります。また、return、throw、break、continue、yieldの後の改行を削除すると、自動セミコロン挿入の解釈が変わることがあります。そのため、このミニファイアは全体に正規表現を適用せず、入力をトークン化して境界ごとに判断します。該当する改行を維持し、曖昧な演算子を分離します。コメントとして認識するのは、文字列、テンプレートリテラル、正規表現の外側だけです。同じ走査で区切り記号も検査します。閉じ丸括弧、角括弧、波括弧は、直前の対応する開始記号と一致しなければなりません。対応しない記号や誤った入れ子は、不確かな結果ではなく入力エラーになります。終了していないコメントやリテラルも明確に失敗します。この検査は構造的なもので、完全なJavaScriptパーサーではありません。構文的に正しいコードの保守的な圧縮にお使いください。
削減量を測定して決定的な結果を統合します
レスポンスのoriginal_bytesとminified_bytesはUTF-8で計測されます。HTTPで転送するファイルや通常のWeb資産として保存するファイルに適した指標です。reduction_percentは小数第2位に丸められるため、スクリプト、ダッシュボード、リリースノートでの比較が容易です。アルゴリズムは決定的であり、同じ入力からは常に同じコードとバイト数が得られます。ビルド処理では、生成コードを送信し、返されたjavascriptフィールドを成果物へ保存し、専用パッケージなしで最低削減率を検査できます。ドキュメント内の例や小規模な手書きユーティリティも、バンドルや変数名変更なしで圧縮できます。APIリクエスト1回の料金は$0.002で、ブラウザ実行でも同じ純粋な実装を利用できます。本番公開前には、通常のソース処理後と同様に、生成されたプログラムのテストを実行してください。本機能は字句境界と区切り記号の対応を保護しますが、特殊な構文や実行環境固有の動作にはテストが最も確実です。
活用例
生成されたブラウザ資産を圧縮します
公開前にコメントと書式を削除しながら、診断に必要な識別子の読みやすさを維持します。
単独のユーティリティスクリプトを縮小します
バンドラーや変数名変更、大規模な依存処理を導入せず、小さなスクリプトの転送量を減らします。
ソースの削減量を記録します
元のバイト数、圧縮後のバイト数、削減率をリリース報告や自動品質検査に記録します。
よくある質問
この機能は何を削除しますか?
行コメント、ブロックコメント、およびトークンの分離や重要な自動セミコロン境界に不要な空白を削除します。
変数名や式を変更しますか?
いいえ。保守的な字句圧縮だけを行い、改名、定数の簡略化、並べ替え、構文変換は行いません。
サイズ削減率はどのように計算しますか?
両方のサイズをUTF-8バイトで測定し、その差を元のサイズで割って小数第2位に丸めます。
区切り記号が対応していない場合はどうなりますか?
丸括弧、角括弧、波括弧が対応しないか誤って入れ子になっている場合は、入力エラーになります。
文字列内のコメント記号も削除されますか?
いいえ。文字列、テンプレートリテラル、正規表現はリテラルとして走査され、内部のスラッシュは維持されます。
APIリクエストの料金はいくらですか?
APIリクエスト1回の料金は$0.002です。検証に失敗した入力は圧縮コードではなくエラーを返します。
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/dev2/minify-js \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"javascript":"function add(a, b) {\n // Return the sum\n return a + b;\n}\n"}'const res = await fetch("https://api.kit.forhosting.com/dev2/minify-js", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"javascript": "function add(a, b) {\n // Return the sum\n return a + b;\n}\n"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/dev2/minify-js",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"javascript": "function add(a, b) {\n // Return the sum\n return a + b;\n}\n"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/dev2/minify-js", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"javascript":"function add(a, b) {\\n // Return the sum\\n return a + b;\\n}\\n"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"javascript":"function add(a, b) {\n // Return the sum\n return a + b;\n}\n"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/dev2/minify-js", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)リクエスト例
{
"javascript": "function add(a, b) {\n // Return the sum\n return a + b;\n}\n"
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "dev2.minify_js",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。
料金
単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。
エラー
| HTTP | コード | 意味 |
|---|---|---|
401 | unauthorized | APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。 |
402 | insufficient_balance | 残高が不足しています。チャージ後に再度お試しください。 |
404 | unknown_type | 指定されたタスクタイプは存在しません。タイプ名を確認してください。 |
429 | rate_limited | リクエストが多すぎます。しばらく待ってから再度お試しください。 |