JavaScript 整形

乱れたまたは圧縮された JavaScript を一貫したインデントと構造で整理します。コピーまたはダウンロード。

入力
出力
0 文字 0 行

JavaScript 整形

このツールは JavaScript コードに適切なインデント、改行、一貫したフォーマットを追加して美しく整形します。圧縮またはフォーマットが不正な JS を貼り付けると、きれいな読みやすい出力が得られます。

操作はブラウザでローカルに実行されます。データはアップロードされず、サーバーに保存されません。

使い方

  1. JavaScript コードを入力エディタに貼り付けます。
  2. JavaScript 整形をクリックしてコードを整理します。
  3. 整形された JavaScript が適切なインデントで出力エディタに表示されます。
  4. コピーでクリップボードへ、ダウンロードでファイル保存、クリアでリセット。

JavaScript 整形とは？

JavaScript 整形は JS コードにインデントと改行を追加し、人間が読めるようにします。圧縮された JavaScript はファイルサイズを小さくするためにすべての空白が除去されていますが、読むのは困難です。

JavaScript の整形は圧縮コードのデバッグ、ライブラリの確認、不慣れなコードの理解に不可欠です。

入力に関する注意

このツールは任意の JavaScript 入力を受け付けます。整形ツールはすべてのロジックと機能を保持し、可読性のために空白とインデントのみを変更します。

例

圧縮された JavaScript は整形後に読みやすくなります：

--- 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 へのリンクを返します。