難読化されたJavaScriptをデバッグする方法｜整形ツールで可読化する手順

難読化（Obfuscation）や圧縮（Minify）されたJavaScriptコードは、変数名が短縮され、改行やインデントが失われているため、そのままでは人間が読んでデバッグするのが非常に困難です。こうしたコードを解析するには、JavaScriptフォーマッター（ビューティファイアー）を使って、可読性の高い形式へ整形（Beautify）するのが最も手軽な方法です。

オンラインツールでJavaScriptを整形する手順

1. 整形ツールにアクセスする

まず、ブラウザで無料のオンライン整形ツール（例：Beautifier）を開きます。インストール不要ですぐに利用できます。

2. 難読化されたコードを貼り付ける

画面左側の入力欄に、対象となる難読化されたJavaScriptコードをコピー＆ペーストします。

3. 「Beautify」ボタンをクリックする

下図のようにBeautifyボタンをクリックすると、整形処理が実行されます。

4. 整形後のコードを確認する

クリックすると、右側のセクションにインデントと改行が整えられた整形済み（Beautified）のJavaScriptコードが表示されます。この状態になれば、変数や関数の構造を把握しやすくなり、デバッグ作業を格段に進めやすくなります。

その他の整形・デバッグ手段

• ブラウザの開発者ツール： Chrome DevToolsの「Sources」パネルにある波括弧アイコン（Pretty Print）をクリックすると、開いている難読化ファイルをワンクリックで整形できます。
• エディタの拡張機能： VS Codeに「Prettier」などのフォーマッター拡張を導入すれば、ローカル環境でも自動整形が可能です。
• ソースマップ： ビルド時にソースマップ（.mapファイル）が用意されている場合は、それを利用することで元のコードに近い形のままデバッグできます。

なお、整形処理はコードの見た目を整えるだけであり、プログラムのロジックや動作自体は一切変わりません。整形後のコードに対してブレークポイントを設定したり、コンソールにログを出力しながら挙動を追いかけることで、効率的に問題箇所を特定できるでしょう。