JavaScript 整形

ロジックを書き換えずに JavaScript を読み取れるようにする

JavaScript 整形 は、コンパクトまたは乱雑な JavaScript を読み取り可能なブロック、ステートメント、および式に拡張します。 縮小されたスニペットの検査、コピーされたコードのデバッグ、生成されたスクリプトのレビュー、またはサンプルの準備に役立ちます。

空白と改行を美しく変更します。名前変更された変数の難読化を解除したり、元のコメントを復元したり、TypeScript の型を推測したり、すでに壊れたコードが有効になることを保証したりするものではありません。

使い方

1. JavaScript コードを入力エディターに貼り付けます。
2. 「JavaScript を整形」をクリックしてステートメントとブロックをリフローします。
3. 保存された文字列、コメント、実行時依存の構文の出力を確認します。
4. クリップボードには コピー、ファイルには ダウンロード、リセットには クリア を使用します。

JavaScript ビューティファイヤーとは何ですか?

JavaScript 整形 は、制御フロー、関数、オブジェクト、配列、および連鎖呼び出しが読みやすくなるように、JavaScript を再フォーマットするためのブラウザー ベースのユーティリティです。

書式設定は動作を維持することを目的としていますが、JavaScript には自動セミコロン挿入、ディレクティブ、正規表現、およびテンプレート リテラルに関する特殊なケースがあります。再フォーマット後に重要なコードをテストします。

入力に関する注意

ツールがテキストとして処理することを意図していない限り、HTML <script> タグではなく、プレーンな JavaScript を貼り付けます。 JSX、TypeScript、またはフレームワーク テンプレートの場合は、通常のパーサーで出力を確認します。

例

コンパクトな関数は、より読みやすいブロックにリフローされます。

--- Minified Input ---
function hello(name){console.log("Hello, "+name+"!");}

--- Beautified Output ---
function hello(name) {
  console.log("Hello, " + name + "!");
}

MCP 連携

MCP (Model Context Protocol) により、AI エージェントやアプリは Coding.Tools のユーティリティを発見し、変換、整形、ハッシュ、生成ワークフローで実行できます。

MCP ツール名: javascript-beautifier

MCP エンドポイント: https://coding.tools/mcp

まず tools/list を呼び出してください。各ツールには inputSchema、outputSchema、examples が含まれるため、AI エージェントやクライアントは推測せずに有効な引数を作成できます。

tools/call では、表示用の値は result.content[0].text、機械処理用の値は result.structuredContent を読みます。ツール単位の失敗は isError: true、プロトコル単位の失敗は JSON-RPC error を返します。

tools/call リクエスト例:

curl -s https://coding.tools/mcp \
  -H "Content-Type: application/json" \
  -H "Accept: application/json" \
  -H "MCP-Protocol-Version: 2025-06-18" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"javascript-beautifier","arguments":{"input":"function total(items){return items.reduce((sum,item)=>sum+item.price,0);}"}}}'

ほとんどのテキストおよびデータツールは input 文字列と任意の options を受け取ります。ブラウザの画像 API が必要な画像ツールは発見用に公開され、必要に応じて Web UI へのリンクを返します。