JavaScriptのコメントと空白を削除して圧縮する方法

このツールでできること

JavaScriptのテキストからコメントに当たる部分を取り除き、空白を詰めて、読みやすさを保ちながら文字数を減らしたいときに使えます。入力欄には任意のJavaScriptテキストを指定できます。構文を解析して意味を理解する処理ではなく、テキスト上のパターンを対象に変換する点を理解して利用してください。空欄または空白だけの入力も処理できますが、その場合は変換後のテキストも空です。

使い方の手順

1. 変換したいJavaScriptテキストを入力欄に貼り付けます。入力を省略すると空のテキストとして扱われます。
2. 実行ボタンなど、画面に表示された変換操作を選択します。
3. 結果欄で変換後のテキストを確認します。空白以外の入力では、// で始まり改行または入力末尾まで続く行コメントと、ブロックコメントのパターンが取り除かれます。
4. 残った空白の連続は1個のスペースにまとめられ、前後の空白が削られます。さらに、波括弧、丸括弧、セミコロン、コンマ、コロンの周囲にある空白も取り除かれます。
5. 元の文字数、変換後の文字数、削除された文字数、削減率を確認します。削減率は小数第1位まで丸めて表示されます。入力が空または空白だけの場合は、成功結果として空の変換後テキストと、元・変換後ともに0の文字数が返ります。

結果の見方と注意点

変換後のテキストは、コメントと対象となる空白を除いた形になります。表示される文字数を使えば、変換前後の差を確認できます。なお、削減率が表示されるのは空白以外の入力で、空の入力では文字数が0になるため、通常の削減結果とは分けて扱うのが適切です。

この処理はJavaScriptの構文を解析しません。そのため、文字列やほかのJavaScript構造の中にあるコメントに似た文字列や空白も、テキストパターンに一致すれば変更される可能性があります。変換後の内容が意図どおりか、特に文字列リテラルを含む入力では確認してから利用してください。

使用例

コメントと記号周辺の空白を含む短いJavaScriptテキストを、貼り付けて変換後の形と指標を確認します。

短いJavaScriptテキストを入力欄に貼り付け、変換操作を選択したあと、結果欄のテキストと文字数の指標を確認します。

結果欄にコメントと対象の空白が取り除かれた変換後テキストが表示され、元の文字数、変換後の文字数、削除された文字数、削減率も示されます。

制限事項

• JavaScriptの構文を解析しないため、文字列やほかの構造内にあるコメントに似たテキストや空白が変更される可能性があります。

よくある間違い

• 文字列内の//やコメントに似たパターンまで変わることがあります。構文を解析する処理ではないため、変換後のテキストを確認し、必要なら対象部分を含まない入力で個別に扱ってください。

よくある質問

入力が空でも使えますか？

空欄や空白だけの入力でも成功します。変換後のテキストは空で、元の文字数と変換後の文字数はどちらも0です。

どのコメントが取り除かれますか？

行コメントとブロックコメントのパターンが対象です。行コメントは//から改行または入力末尾まで取り除かれます。

文字列の中身はそのまま残りますか？

構文を解析しないため、文字列などの中にあるコメントに似たテキストや空白も変更される可能性があります。変換後の内容を確認してください。