{"id":15179,"date":"2026-06-23T17:00:31","date_gmt":"2026-06-23T08:00:31","guid":{"rendered":"https:\/\/rakkokeyword.com\/techo\/?p=15179"},"modified":"2026-06-23T17:00:32","modified_gmt":"2026-06-23T08:00:32","slug":"tool-json-formatter","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-json-formatter\/","title":{"rendered":"JSON\u6574\u5f62\u30fb\u69cb\u6587\u30c1\u30a7\u30c3\u30af\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<div class=\"jsonfmt_wrapper\" style=\"width: 100%; box-sizing: border-box; color: #333; padding-bottom: 40px;\">\n  \n  <div class=\"jsonfmt_controls\" style=\"display: flex; flex-direction: column; margin-bottom: 15px;\">\n    <div style=\"display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 6px;\">\n      <button id=\"jsonfmt_btn_sample\" style=\"background: #333; color: #fff; border: none; padding: 0 20px; height: 40px; cursor: pointer; border-radius: 4px;\">\u30b5\u30f3\u30d7\u30eb\u5165\u529b<\/button>\n      <label for=\"jsonfmt_file_input\" style=\"background: #13284B; color: #fff; padding: 0 20px; height: 40px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; font-weight: bold; font-size: 14px; box-sizing: border-box;\">\n        JSON\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080\n      <\/label>\n      <input type=\"file\" id=\"jsonfmt_file_input\" accept=\".json,application\/json\" style=\"display: none;\">\n      <button id=\"jsonfmt_btn_clear\" style=\"background: #999; color: #fff; border: none; padding: 0 20px; height: 40px; cursor: pointer; border-radius: 4px;\">\u30af\u30ea\u30a2<\/button>\n    <\/div>\n    \n    <div id=\"jsonfmt_file_name\" style=\"font-size: 13px; color: #666;\">\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057<\/div>\n  <\/div>\n\n  <div style=\"margin-bottom: 15px;\">\n    <div style=\"margin-bottom: 5px;\">\n      <p style=\"margin: 0; font-weight: bold;\">\u5165\u529b\u30a8\u30ea\u30a2<\/p>\n      <p style=\"margin: 2px 0 0 0; color: #666; font-size: 13px;\">JSON\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u5165\u529b\u3059\u308b\u304b\u3001.json\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3093\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n    <\/div>\n    <textarea id=\"jsonfmt_input\" placeholder=\"\u3053\u3053\u306bJSON\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u5165\u529b\u3001\u307e\u305f\u306f\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\" style=\"width: 100%; height: 320px; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; resize: vertical; font-family: monospace, sans-serif; font-size: 14px; background: #fff; color: #000;\"><\/textarea>\n  <\/div>\n\n  <div class=\"jsonfmt_actions\" style=\"display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 20px;\">\n    <select id=\"jsonfmt_indent\" style=\"height: 40px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background: #fff; color: #000;\">\n      <option value=\"2\" selected>2\u30b9\u30da\u30fc\u30b9<\/option>\n      <option value=\"3\">3\u30b9\u30da\u30fc\u30b9<\/option>\n      <option value=\"4\">4\u30b9\u30da\u30fc\u30b9<\/option>\n      <option value=\"tab\">\u30bf\u30d6<\/option>\n    <\/select>\n    <button id=\"jsonfmt_btn_format\" style=\"background: #13284B; color: #fff; border: none; padding: 0 25px; height: 40px; cursor: pointer; font-weight: bold; border-radius: 4px;\">\u6574\u5f62\u30fb\u30c1\u30a7\u30c3\u30af\u5b9f\u884c<\/button>\n    <button id=\"jsonfmt_btn_minify\" style=\"background: #13284B; color: #fff; border: none; padding: 0 25px; height: 40px; cursor: pointer; font-weight: bold; border-radius: 4px;\">\u5727\u7e2e (Minify)<\/button>\n  <\/div>\n\n  <!-- \u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u8868\u793a\u30a8\u30ea\u30a2 -->\n  <div id=\"jsonfmt_error_area\" style=\"display: none; padding: 15px; margin-bottom: 20px; background: #ffeeee; color: #cc0000; border-left: 5px solid #cc0000; border-radius: 4px; word-break: break-all;\"><\/div>\n\n  <!-- \u51fa\u529b\u30a8\u30ea\u30a2 -->\n  <div id=\"jsonfmt_output_container\" style=\"display: none; margin-bottom: 20px;\">\n    <div style=\"display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 5px;\">\n      <p style=\"margin: 0; font-weight: bold; font-size: 1.1em;\">\u51fa\u529b\u7d50\u679c<\/p>\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        <span id=\"jsonfmt_copy_msg\" style=\"display: none; color: #13284B; font-weight: bold; font-size: 0.9em;\">\u2713 \u30b3\u30d4\u30fc\u5b8c\u4e86<\/span>\n        <button id=\"jsonfmt_btn_copy\" style=\"background: #333; color: #fff; border: none; padding: 0 20px; height: 40px; cursor: pointer; border-radius: 4px;\">\u30b3\u30d4\u30fc<\/button>\n      <\/div>\n    <\/div>\n    <textarea id=\"jsonfmt_output\" readonly style=\"width: 100%; height: 320px; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; resize: vertical; font-family: monospace, sans-serif; font-size: 14px; background: #f9f9f9; color: #000;\"><\/textarea>\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ DOM\u8981\u7d20\u306e\u53d6\u5f97\n    const jsonfmt_input = document.getElementById('jsonfmt_input');\n    const jsonfmt_btn_sample = document.getElementById('jsonfmt_btn_sample');\n    const jsonfmt_btn_clear = document.getElementById('jsonfmt_btn_clear');\n    const jsonfmt_indent = document.getElementById('jsonfmt_indent');\n    const jsonfmt_btn_format = document.getElementById('jsonfmt_btn_format');\n    const jsonfmt_btn_minify = document.getElementById('jsonfmt_btn_minify');\n    const jsonfmt_error_area = document.getElementById('jsonfmt_error_area');\n    const jsonfmt_output_container = document.getElementById('jsonfmt_output_container');\n    const jsonfmt_output = document.getElementById('jsonfmt_output');\n    const jsonfmt_btn_copy = document.getElementById('jsonfmt_btn_copy');\n    const jsonfmt_copy_msg = document.getElementById('jsonfmt_copy_msg');\n    const jsonfmt_file_input = document.getElementById('jsonfmt_file_input');\n    const jsonfmt_file_name = document.getElementById('jsonfmt_file_name');\n\n    \/\/ \u30b5\u30f3\u30d7\u30ebJSON\u30c7\u30fc\u30bf\n    const jsonfmt_sampleData = '{\\n  \"site\": {\\n    \"name\": \"\u30b5\u30f3\u30d7\u30eb\u30b5\u30a4\u30c8\",\\n    \"url\": \"https:\/\/example.com\",\\n    \"active\": true\\n  },\\n  \"user\": {\\n    \"id\": 1001,\\n    \"name\": \"\u5c71\u7530\u592a\u90ce\",\\n    \"roles\": [\\n      \"admin\",\\n      \"editor\"\\n    ]\\n  },\\n  \"items\": [\\n    {\\n      \"id\": 1,\\n      \"name\": \"\u5546\u54c1A\",\\n      \"price\": 1200\\n    },\\n    {\\n      \"id\": 2,\\n      \"name\": \"\u5546\u54c1B\",\\n      \"price\": 980\\n    }\\n  ]\\n}';\n\n    \/\/ HTML\u30a8\u30b9\u30b1\u30fc\u30d7\u95a2\u6570\uff08\u8981\u4ef6\u306b\u57fa\u3065\u304f\u5206\u5272\u7d50\u5408\uff09\n    function jsonfmt_escapeHTML(str) {\n        if (typeof str !== 'string') return str;\n        return str.replace(\/[&<>'\"]\/g, function(match) {\n            switch(match) {\n                case '&': return '&' + 'amp;';\n                case '<': return '&#038;' + 'lt;';\n                case '>': return '&' + 'gt;';\n                case \"'\": return '&' + '#39;';\n                case '\"': return '&' + 'quot;';\n            }\n            return match;\n        });\n    }\n\n    \/\/ JSON\u51e6\u7406\uff08\u6574\u5f62 \u307e\u305f\u306f \u5727\u7e2e\uff09\u30e1\u30a4\u30f3\u30ed\u30b8\u30c3\u30af\n    function jsonfmt_processData(isMinify) {\n        \/\/ \u8868\u793a\u306e\u521d\u671f\u5316\n        jsonfmt_error_area.style.display = 'none';\n        jsonfmt_output_container.style.display = 'none';\n        jsonfmt_copy_msg.style.display = 'none';\n\n        const rawText = jsonfmt_input.value.trim();\n        \n        \/\/ \u5165\u529b\u30c1\u30a7\u30c3\u30af\n        if (!rawText) {\n            jsonfmt_error_area.innerHTML = '<p style=\"margin: 0;\">\u30a8\u30e9\u30fc\uff1aJSON\u30c7\u30fc\u30bf\u304c\u5165\u529b\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002<\/p>';\n            jsonfmt_error_area.style.display = 'block';\n            return;\n        }\n\n        try {\n            \/\/ \u69cb\u6587\u30c1\u30a7\u30c3\u30af\uff08\u30d1\u30fc\u30b9\uff09\n            const parsedData = JSON.parse(rawText);\n            let resultText = '';\n            \n            if (isMinify) {\n                \/\/ \u5727\u7e2e (Minify)\n                resultText = JSON.stringify(parsedData);\n            } else {\n                \/\/ \u6574\u5f62\n                let indentValue = jsonfmt_indent.value;\n                let space = 2; \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\n                if (indentValue === '3') {\n                    space = 3;\n                } else if (indentValue === '4') {\n                    space = 4;\n                } else if (indentValue === 'tab') {\n                    space = '\\t';\n                }\n                resultText = JSON.stringify(parsedData, null, space);\n            }\n            \n            \/\/ \u6210\u529f\u6642\uff1a\u7d50\u679c\u3092\u8868\u793a\n            jsonfmt_output.value = resultText;\n            jsonfmt_output_container.style.display = 'block';\n\n        } catch (e) {\n            \/\/ \u30a8\u30e9\u30fc\u6642\uff1a\u30d6\u30e9\u30a6\u30b6\u304c\u8fd4\u3059\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\uff08\u884c\u756a\u53f7\u7b49\u304c\u542b\u307e\u308c\u308b\u5834\u5408\u304c\u3042\u308b\uff09\u3092\u8868\u793a\n            const errMsg = jsonfmt_escapeHTML(e.message);\n            jsonfmt_error_area.innerHTML = '<p style=\"margin: 0; font-weight: bold;\">\u69cb\u6587\u30a8\u30e9\u30fc\u304c\u691c\u51fa\u3055\u308c\u307e\u3057\u305f\u3002<\/p><p style=\"margin: 5px 0 0 0; font-family: monospace;\">\u8a73\u7d30: ' + errMsg + '<\/p>';\n            jsonfmt_error_area.style.display = 'block';\n        }\n    }\n\n    \/\/ \u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u306e\u767b\u9332\n    jsonfmt_btn_sample.addEventListener('click', function() {\n        jsonfmt_input.value = jsonfmt_sampleData;\n    });\n\n    jsonfmt_btn_clear.addEventListener('click', function() {\n        jsonfmt_input.value = '';\n        jsonfmt_output.value = '';\n        jsonfmt_error_area.style.display = 'none';\n        jsonfmt_output_container.style.display = 'none';\n        jsonfmt_copy_msg.style.display = 'none';\n        if (jsonfmt_file_input) {\n            jsonfmt_file_input.value = '';\n        }\n        if (jsonfmt_file_name) {\n            jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057';\n        }\n    });\n\n    jsonfmt_file_input.addEventListener('change', function(e) {\n        const file = e.target.files[0];\n        if (!file) {\n            jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057';\n            return;\n        }\n\n        \/\/ \u521d\u671f\u5316\n        jsonfmt_error_area.style.display = 'none';\n        jsonfmt_output_container.style.display = 'none';\n        jsonfmt_copy_msg.style.display = 'none';\n\n        \/\/ \u62e1\u5f35\u5b50\u30fb\u30bf\u30a4\u30d7\u30c1\u30a7\u30c3\u30af\n        if (!file.name.toLowerCase().endsWith('.json') && file.type !== 'application\/json') {\n            jsonfmt_error_area.innerHTML = '<p style=\"margin: 0;\">\u30a8\u30e9\u30fc\uff1a.json \u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>';\n            jsonfmt_error_area.style.display = 'block';\n            jsonfmt_file_input.value = '';\n            jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057';\n            return;\n        }\n\n        \/\/ \u30b5\u30a4\u30ba\u30c1\u30a7\u30c3\u30af (\u6700\u59272MB = 2 * 1024 * 1024 bytes)\n        const MAX_SIZE = 2 * 1024 * 1024;\n        if (file.size > MAX_SIZE) {\n            jsonfmt_error_area.innerHTML = '<p style=\"margin: 0;\">\u30a8\u30e9\u30fc\uff1a\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3059\u304e\u307e\u3059\u30022MB\u4ee5\u4e0b\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>';\n            jsonfmt_error_area.style.display = 'block';\n            jsonfmt_file_input.value = '';\n            jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057';\n            return;\n        }\n\n        jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a' + file.name;\n\n        \/\/ \u30d5\u30a1\u30a4\u30eb\u8aad\u307f\u8fbc\u307f\n        const reader = new FileReader();\n        reader.onload = function(event) {\n            jsonfmt_input.value = event.target.result;\n        };\n        reader.onerror = function() {\n            jsonfmt_error_area.innerHTML = '<p style=\"margin: 0;\">\u30a8\u30e9\u30fc\uff1a\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002<\/p>';\n            jsonfmt_error_area.style.display = 'block';\n            jsonfmt_file_input.value = '';\n            jsonfmt_file_name.textContent = '\u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057';\n        };\n        reader.readAsText(file);\n    });\n\n    jsonfmt_btn_format.addEventListener('click', function() {\n        jsonfmt_processData(false);\n    });\n\n    jsonfmt_btn_minify.addEventListener('click', function() {\n        jsonfmt_processData(true);\n    });\n\n    \/\/ \u30b3\u30d4\u30fc\u6a5f\u80fd\n    \/\/ Use document.execCommand('copy') for better compatibility within iframes (like the Canvas preview)\n    jsonfmt_btn_copy.addEventListener('click', function() {\n        const textToCopy = jsonfmt_output.value;\n        if (!textToCopy) return;\n\n        jsonfmt_output.select();\n        jsonfmt_output.setSelectionRange(0, 99999); \/\/ For mobile devices\n\n        try {\n            const successful = document.execCommand('copy');\n            if (successful) {\n                \/\/ \u30b3\u30d4\u30fc\u6210\u529f\u6642\u306e\u8996\u899a\u7684\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\n                jsonfmt_copy_msg.textContent = '\u2713 \u30b3\u30d4\u30fc\u5b8c\u4e86';\n                jsonfmt_copy_msg.style.color = '#13284B';\n                jsonfmt_copy_msg.style.display = 'inline-block';\n                \n                \/\/ 3\u79d2\u5f8c\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u6d88\u3059\n                setTimeout(function() {\n                    jsonfmt_copy_msg.style.display = 'none';\n                }, 3000);\n            } else {\n                throw new Error('Copy failed');\n            }\n        } catch (err) {\n            \/\/ \u30b3\u30d4\u30fc\u5931\u6557\u6642\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\n            jsonfmt_copy_msg.textContent = '\u30b3\u30d4\u30fc\u5931\u6557';\n            jsonfmt_copy_msg.style.color = '#cc0000';\n            jsonfmt_copy_msg.style.display = 'inline-block';\n        }\n        \n        \/\/ Remove selection\n        window.getSelection().removeAllRanges();\n    });\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\u63d0\u4f9b\u3044\u305f\u3060\u3044\u305f\u8981\u4ef6\u3068\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3092\u3082\u3068\u306b\u3001WEB\u30c4\u30fc\u30eb\u30da\u30fc\u30b8\u306b\u63b2\u8f09\u3059\u308b\u4f7f\u3044\u65b9\u30fb\u89e3\u8aac\u6587\u3001\u304a\u3088\u3073SEO\u30e1\u30bf\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002\u691c\u7d22\u30e6\u30fc\u30b6\u30fc\uff08\u958b\u767a\u8005\u3084\u30c7\u30fc\u30bf\u89e3\u6790\u8005\u306a\u3069\uff09\u306e\u300c\u898b\u306b\u304f\u3044JSON\u3092\u3059\u3050\u306b\u76f4\u3057\u305f\u3044\u300d\u300c\u30a8\u30e9\u30fc\u7b87\u6240\u3092\u77e5\u308a\u305f\u3044\u300d\u3068\u3044\u3046\u691c\u7d22\u610f\u56f3\u3092\u6e80\u305f\u305b\u308b\u3088\u3046\u3001\u30b7\u30f3\u30d7\u30eb\u3067\u308f\u304b\u308a\u3084\u3059\u3044\u69cb\u6210\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u30da\u30fc\u30b8\u63b2\u8f09\u7528\u30b3\u30f3\u30c6\u30f3\u30c4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u898b\u3065\u3089\u3044JSON\u30c7\u30fc\u30bf\u3092\u4e00\u77ac\u3067\u8aad\u307f\u3084\u3059\u304f\u6574\u5f62\u3057\u3001\u69cb\u6587\u30a8\u30e9\u30fc\u304c\u306a\u3044\u304b\u3092\u81ea\u52d5\u30c1\u30a7\u30c3\u30af\u3067\u304d\u308b\u7121\u6599\u306e\u30d5\u30a9\u30fc\u30de\u30c3\u30bf\u30fc\u30c4\u30fc\u30eb\u3067\u3059\u3002\u4e0d\u8981\u306a\u7a7a\u767d\u3092\u524a\u9664\u3057\u3066\u30c7\u30fc\u30bf\u3092\u8efd\u91cf\u5316\u3059\u308b\u5727\u7e2e\uff08Minify\uff09\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-1\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JSON\u30c7\u30fc\u30bf\u306e\u81ea\u52d5\u6574\u5f62\uff08\u30d7\u30ec\u30c6\u30a3\u30d5\u30a1\u30a4\uff09<\/strong> <br>\u6539\u884c\u3084\u7a7a\u767d\u306e\u306a\u3044\u8aad\u307f\u306b\u304f\u3044JSON\u30c7\u30fc\u30bf\u3092\u3001\u4eba\u9593\u304c\u8aad\u307f\u3084\u3059\u3044\u968e\u5c64\u69cb\u9020\u306b\u4e00\u77ac\u3067\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30a4\u30f3\u30c7\u30f3\u30c8\u5e45\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong> <br>\u74b0\u5883\u3084\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u3001\u30a4\u30f3\u30c7\u30f3\u30c8\u3092\u300c2\u30b9\u30da\u30fc\u30b9\u300d\u300c3\u30b9\u30da\u30fc\u30b9\u300d\u300c4\u30b9\u30da\u30fc\u30b9\u300d\u300c\u30bf\u30d6\u300d\u304b\u3089\u81ea\u7531\u306b\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u69cb\u6587\u30c1\u30a7\u30c3\u30af\uff08\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff09<\/strong> <br>\u5165\u529b\u3055\u308c\u305f\u30c7\u30fc\u30bf\u304c\u6b63\u3057\u3044JSON\u5f62\u5f0f\u304b\u3069\u3046\u304b\u3092\u81ea\u52d5\u3067\u691c\u8a3c\u3057\u307e\u3059\u3002\u69cb\u6587\u30a8\u30e9\u30fc\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30a8\u30e9\u30fc\u306e\u8a73\u7d30\u3092\u30cf\u30a4\u30e9\u30a4\u30c8\u3057\u3066\u304a\u77e5\u3089\u305b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>JSON\u30c7\u30fc\u30bf\u306e\u5727\u7e2e\uff08Minify\u5316\uff09<\/strong> <br>\u30c7\u30fc\u30bf\u5185\u306e\u4e0d\u8981\u306a\u6539\u884c\u3084\u30b9\u30da\u30fc\u30b9\u3092\u3059\u3079\u3066\u524a\u9664\u3057\u3001\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u6700\u5c0f\u5316\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d5\u30a1\u30a4\u30eb\u306e\u76f4\u63a5\u8aad\u307f\u8fbc\u307f<\/strong> <br>\u624b\u52d5\u3067\u306e\u30b3\u30d4\u30da\u3060\u3051\u3067\u306a\u304f\u3001\u304a\u624b\u5143\u306e <code>.json<\/code> \u30d5\u30a1\u30a4\u30eb\uff08\u6700\u59272MB\uff09\u3092\u76f4\u63a5\u8aad\u307f\u8fbc\u3093\u3067\u51e6\u7406\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">\u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9<\/h3>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>\u30c7\u30fc\u30bf\u306e\u5165\u529b<\/strong> <br>\u5165\u529b\u30a8\u30ea\u30a2\u306bJSON\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u8cbc\u308a\u4ed8\u3051\u308b\u304b\u3001\u300cJSON\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080\u300d\u30dc\u30bf\u30f3\u304b\u3089\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002\u300c\u30b5\u30f3\u30d7\u30eb\u5165\u529b\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3059\u3068\u3001\u30c6\u30b9\u30c8\u7528\u306e\u30c7\u30fc\u30bf\u304c\u81ea\u52d5\u5165\u529b\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u9078\u629e\u3068\u5b9f\u884c<\/strong> <br>\u898b\u3084\u3059\u304f\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u30d7\u30eb\u30c0\u30a6\u30f3\u304b\u3089\u4efb\u610f\u306e\u30a4\u30f3\u30c7\u30f3\u30c8\u5e45\u3092\u9078\u3073\u3001\u300c\u6574\u5f62\u30fb\u30c1\u30a7\u30c3\u30af\u5b9f\u884c\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002\u30c7\u30fc\u30bf\u3092\u8efd\u91cf\u5316\u3057\u305f\u3044\u5834\u5408\u306f\u300c\u5727\u7e2e (Minify)\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7d50\u679c\u306e\u30b3\u30d4\u30fc<\/strong> <br>\u51fa\u529b\u7d50\u679c\u30a8\u30ea\u30a2\u306b\u51e6\u7406\u3055\u308c\u305fJSON\u30c7\u30fc\u30bf\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u53f3\u4e0a\u306e\u300c\u30b3\u30d4\u30fc\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u4fdd\u5b58\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-3\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u53d6\u5f97\u3059\u308b\u60c5\u5831\u306e\u57fa\u790e\u77e5\u8b58<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>JSON\uff08JavaScript Object Notation\uff09\u3068\u306f<\/strong> <br>JSON\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u30d9\u30fc\u30b9\u306e\u8efd\u91cf\u306a\u30c7\u30fc\u30bf\u4ea4\u63db\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u3059\u3002\u4eba\u9593\u306b\u3068\u3063\u3066\u8aad\u307f\u66f8\u304d\u304c\u5bb9\u6613\u3067\u3042\u308a\u3001\u540c\u6642\u306b\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u306b\u3068\u3063\u3066\u3082\u89e3\u6790\u30fb\u751f\u6210\u304c\u3057\u3084\u3059\u3044\u305f\u3081\u3001\u73fe\u5728\u306eWEB\u958b\u767a\u3084API\u901a\u4fe1\u306b\u304a\u3044\u3066\u6700\u3082\u6a19\u6e96\u7684\u306b\u5229\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u306a\u305c\u6574\u5f62\u3084\u5727\u7e2e\u304c\u5fc5\u8981\u306a\u306e\u304b<\/strong> <br>\u30d7\u30ed\u30b0\u30e9\u30e0\u304c\u51fa\u529b\u3059\u308bJSON\u30c7\u30fc\u30bf\u306f\u3001\u30c7\u30fc\u30bf\u5bb9\u91cf\u3092\u7bc0\u7d04\u3059\u308b\u305f\u3081\u306b\u6539\u884c\u3084\u7a7a\u767d\u304c\u7701\u304b\u308c\u3066\u3044\u308b\u3053\u3068\u304c\u591a\u304f\u3001\u305d\u306e\u307e\u307e\u3067\u306f\u4eba\u9593\u304c\u69cb\u9020\u3092\u7406\u89e3\u3059\u308b\u306e\u304c\u56f0\u96e3\u3067\u3059\u3002\u958b\u767a\u3084\u78ba\u8a8d\u4f5c\u696d\u6642\u306b\u306f\u300c\u6574\u5f62\u300d\u3057\u3066\u53ef\u8aad\u6027\u3092\u9ad8\u3081\u3001\u672c\u756a\u74b0\u5883\u3067\u901a\u4fe1\u3092\u884c\u3046\u969b\u306b\u306f\u300c\u5727\u7e2e\u300d\u3057\u3066\u8ee2\u9001\u901f\u5ea6\u3092\u4e0a\u3052\u308b\u3068\u3044\u3063\u305f\u4f7f\u3044\u5206\u3051\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-4\">\u3053\u306e\u30c4\u30fc\u30eb\u304c\u5f79\u7acb\u3064\u3068\u304d\u306f\u3069\u3093\u306a\u3068\u304d\uff1f \u30e6\u30fc\u30b9\u30b1\u30fc\u30b9\u306f\uff1f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>API\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u30c7\u30fc\u30bf\u3092\u78ba\u8a8d\u3057\u305f\u3044\u3068\u304d<\/strong> <br>\u5916\u90e8\u30b5\u30fc\u30d3\u30b9\u3084\u81ea\u793eAPI\u304b\u3089\u8fd4\u3063\u3066\u304d\u305f1\u884c\u306e\u9577\u3044JSON\u30c7\u30fc\u30bf\u3092\u3001\u968e\u5c64\u3054\u3068\u306b\u7dba\u9e97\u306b\u4e26\u3079\u76f4\u3057\u3066\u4e2d\u8eab\u3092\u30c7\u30d0\u30c3\u30b0\u3057\u305f\u3044\u5834\u5408\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\uff08.json\uff09\u3092\u7de8\u96c6\u30fb\u691c\u8a3c\u3057\u305f\u3044\u3068\u304d<\/strong> <br>\u30b7\u30b9\u30c6\u30e0\u3084\u30a8\u30c7\u30a3\u30bf\u306e\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3057\u305f\u969b\u3001\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u524d\u306b\u30ab\u30f3\u30de\u306e\u629c\u3051\u6f0f\u308c\u306a\u3069\u306e\u69cb\u6587\u30a8\u30e9\u30fc\u304c\u306a\u3044\u304b\u30c1\u30a7\u30c3\u30af\u3057\u305f\u3044\u3068\u304d\u306b\u4fbf\u5229\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u672c\u756a\u74b0\u5883\u7528\u306b\u30c7\u30fc\u30bf\u3092\u8efd\u91cf\u5316\u3057\u305f\u3044\u3068\u304d<\/strong> <br>\u958b\u767a\u74b0\u5883\u3067\u8aad\u307f\u3084\u3059\u304f\u6574\u5f62\u3057\u3066\u3042\u3063\u305fJSON\u30c7\u30fc\u30bf\u3092\u3001\u672c\u756a\u30b5\u30fc\u30d0\u30fc\u306b\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u524d\u306b\u5727\u7e2e\uff08Minify\uff09\u3057\u3001\u8ee2\u9001\u91cf\u3092\u524a\u6e1b\u3057\u305f\u3044\u5834\u9762\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-5\">\u3088\u304f\u3042\u308bJSON\u306e\u69cb\u6587\u30a8\u30e9\u30fc\u3068\u305d\u306e\u539f\u56e0<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u305f\u5834\u5408\u306f\u3001\u4ee5\u4e0b\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30ab\u30f3\u30de\u306e\u4ed8\u3051\u5fd8\u308c\u3001\u307e\u305f\u306f\u4f59\u5206\u306a\u30ab\u30f3\u30de<\/strong> <br>\u8981\u7d20\u306e\u533a\u5207\u308a\u306b\u306f\u30ab\u30f3\u30de\uff08<code>,<\/code>\uff09\u304c\u5fc5\u8981\u3067\u3059\u304c\u3001\u914d\u5217\u3084\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306e\u6700\u5f8c\u306e\u8981\u7d20\u306e\u5f8c\u306b\u30ab\u30f3\u30de\u3092\u3064\u3051\u308b\u3068\u30a8\u30e9\u30fc\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30af\u30a9\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u306e\u8aa4\u308a<\/strong> <br>JSON\u306e\u30ad\u30fc\uff08\u9805\u76ee\u540d\uff09\u3084\u6587\u5b57\u5217\u306f\u3001\u5fc5\u305a\u30c0\u30d6\u30eb\u30af\u30a9\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\uff08<code>\"<\/code>\uff09\u3067\u56f2\u3080\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30b7\u30f3\u30b0\u30eb\u30af\u30a9\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\uff08<code>'<\/code>\uff09\u306f\u4f7f\u7528\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30ab\u30c3\u30b3\u306e\u9589\u3058\u5fd8\u308c<\/strong> <br>\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u56f2\u3080 <code>{ }<\/code> \u3084\u3001\u914d\u5217\u3092\u56f2\u3080 <code>[ ]<\/code> \u306e\u5bfe\u5fdc\u304c\u5d29\u308c\u3066\u3044\u308b\u3068\u6b63\u3057\u304f\u89e3\u6790\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b5\u30f3\u30d7\u30eb\u5165\u529b JSON\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3080 \u30af\u30ea\u30a2 \u9078\u629e\u4e2d\u306e\u30d5\u30a1\u30a4\u30eb\uff1a\u306a\u3057 \u5165\u529b\u30a8\u30ea\u30a2 JSON\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u5165\u529b\u3059\u308b\u304b\u3001.json\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u3093\u3067\u304f\u3060\u3055\u3044\u3002 2\u30b9\u30da\u30fc\u30b93\u30b9\u30da\u30fc\u30b94\u30b9\u30da\u30fc\u30b9\u30bf\u30d6 \u6574\u5f62\u30fb\u30c1\u30a7\u30c3\u30af\u5b9f\u884c \u5727\u7e2e &#8230; <\/p>\n","protected":false},"author":4,"featured_media":15188,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,56],"tags":[],"class_list":["post-15179","post","type-post","status-publish","format-standard","has-post-thumbnail","category-tool","category-conversion","entry"],"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/15179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/comments?post=15179"}],"version-history":[{"count":7,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/15179\/revisions"}],"predecessor-version":[{"id":15187,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/15179\/revisions\/15187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/15188"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=15179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=15179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=15179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}