Json format

JSON フォーマッター - オンラインツール

JSONデータの整形・検証ができるシンプルなオンラインツールです。JavaScriptで作成しており、自由に使用・改変できます。

使い方

1. 左側のテキストエリアに JSON データを入力
2. 「Format」ボタンをクリック
3. 右側に整形されたJSONが表示されます

ツール

{"name":"John Doe","age":30,"email":"johndoe@example.com"}

機能

• ✅ JSON データの自動整形
• ✅ エラー検出・表示
• ✅ インデント自動調整
• ✅ モバイル対応

JavaScriptコード

function formatJSON() {
    var inputText = document.getElementById('json-input').value;
    try {
        var jsonObject = JSON.parse(inputText);
        var formattedJSON = JSON.stringify(jsonObject, null, 2);
        document.getElementById('json-output').value = formattedJSON;
    } catch (error) {
        document.getElementById('json-output').value = "❌ 無効なJSON形式です:\n" + error.message;
    }
}

使用例

入力例

{"name":"John Doe","age":30,"email":"johndoe@example.com","address":{"city":"Tokyo","country":"Japan"}}

出力例

{
  "name": "John Doe",
  "age": 30,
  "email": "johndoe@example.com",
  "address": {
    "city": "Tokyo",
    "country": "Japan"
  }
}

注意事項

• このツールはブラウザ上で完全に動作します（サーバーに送信されません）
• ソースコードは自由に確認・改変できます
• 自己責任でご利用ください