{"id":12403,"date":"2025-11-11T16:28:57","date_gmt":"2025-11-11T07:28:57","guid":{"rendered":"https:\/\/rakkoserver.com\/plus\/?p=11474"},"modified":"2025-11-11T16:28:57","modified_gmt":"2025-11-11T07:28:57","slug":"tool-csv-to-json","status":"publish","type":"post","link":"https:\/\/rakkokeyword.com\/techo\/tool-csv-to-json\/","title":{"rendered":"CSV\u2192JSON\u5909\u63db\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<style>\n    .csv-json-converter * {\n        box-sizing: border-box;\n    }\n\n    .csv-json-converter {\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        line-height: 1.6;\n        color: #333;\n    }\n\n    .csv-json-converter .section-title {\n        font-size: 24px;\n        font-weight: 600;\n        margin: 0 0 20px 0;\n        color: #13284B;\n    }\n\n    .csv-json-converter .subsection-title {\n        font-size: 18px;\n        font-weight: 600;\n        margin: 20px 0 10px 0;\n        color: #13284B;\n    }\n\n    .csv-json-converter .input-section,\n    .csv-json-converter .options-section,\n    .csv-json-converter .output-section {\n        margin-bottom: 30px;\n    }\n\n    .csv-json-converter .options-section {\n        display: none;\n    }\n\n    .csv-json-converter .form-group {\n        margin-bottom: 15px;\n    }\n\n    .csv-json-converter .form-group label {\n        display: block;\n        margin-bottom: 5px;\n        font-weight: 500;\n        color: #555;\n    }\n\n    .csv-json-converter .form-group textarea {\n        width: 100%;\n        min-height: 200px;\n        padding: 10px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        font-family: monospace;\n        font-size: 14px;\n        resize: vertical;\n    }\n\n    .csv-json-converter .form-group textarea::placeholder {\n        color: #999;\n    }\n\n    .csv-json-converter .file-input-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n\n    .csv-json-converter .file-input-wrapper input[type=\"file\"] {\n        display: none;\n    }\n\n    .csv-json-converter .file-input-label {\n        display: inline-block;\n        padding: 10px 20px;\n        background-color: #f0f0f0;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 14px;\n        transition: background-color 0.2s;\n    }\n\n    .csv-json-converter .file-input-label:hover {\n        background-color: #e0e0e0;\n    }\n\n    .csv-json-converter .file-input-label:focus-within {\n        outline: 2px solid #13284B;\n        outline-offset: 2px;\n    }\n\n    .csv-json-converter .file-name {\n        font-size: 14px;\n        color: #666;\n    }\n\n    .csv-json-converter .file-limit-note {\n        font-size: 12px;\n        color: #999;\n        margin-top: 5px;\n    }\n\n    .csv-json-converter .auto-detect-section {\n        background-color: #f8f9fa;\n        padding: 15px;\n        border-radius: 4px;\n        margin-bottom: 20px;\n        border: 1px solid #dee2e6;\n    }\n\n    .csv-json-converter .auto-detect-result {\n        margin-top: 10px;\n        padding: 10px;\n        background-color: #e7f3ff;\n        border: 1px solid #b3d9ff;\n        border-radius: 4px;\n        font-size: 14px;\n        line-height: 1.8;\n    }\n\n    .csv-json-converter .auto-detect-result.hidden {\n        display: none;\n    }\n\n    .csv-json-converter .auto-detect-result strong {\n        color: #13284B;\n    }\n\n    .csv-json-converter .checkbox-group {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 10px;\n    }\n\n    .csv-json-converter .checkbox-group input[type=\"checkbox\"] {\n        width: 18px;\n        height: 18px;\n        cursor: pointer;\n    }\n\n    .csv-json-converter .checkbox-group label {\n        margin: 0;\n        cursor: pointer;\n        font-weight: normal;\n    }\n\n    .csv-json-converter .compact-checkbox-group {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        margin-bottom: 8px;\n    }\n\n    .csv-json-converter .compact-checkbox-group input[type=\"checkbox\"] {\n        width: 14px;\n        height: 14px;\n        cursor: pointer;\n    }\n\n    .csv-json-converter .compact-checkbox-group label {\n        margin: 0;\n        cursor: pointer;\n        font-weight: normal;\n        font-size: 13px;\n    }\n\n    .csv-json-converter .compact-options {\n        margin-top: 15px;\n        padding-top: 15px;\n        border-top: 1px solid #e0e0e0;\n    }\n\n    .csv-json-converter .select-group {\n        margin-bottom: 10px;\n    }\n\n    .csv-json-converter .select-group label {\n        display: block;\n        margin-bottom: 5px;\n        font-weight: 500;\n        color: #555;\n    }\n\n    .csv-json-converter .select-group select {\n        width: 100%;\n        padding: 8px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        font-size: 14px;\n        background-color: white;\n    }\n\n    .csv-json-converter .button-group {\n        display: flex;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n\n    .csv-json-converter .btn {\n        padding: 12px 24px;\n        border: none;\n        border-radius: 4px;\n        font-size: 14px;\n        cursor: pointer;\n        transition: opacity 0.2s;\n        font-family: inherit;\n    }\n\n    .csv-json-converter .btn:hover:not(:disabled) {\n        opacity: 0.8;\n    }\n\n    .csv-json-converter .btn:focus {\n        outline: 2px solid #13284B;\n        outline-offset: 2px;\n    }\n\n    .csv-json-converter .btn:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n    }\n\n    .csv-json-converter .btn-primary {\n        background-color: #13284B;\n        color: white;\n    }\n\n    .csv-json-converter .btn-secondary {\n        background-color: #666;\n        color: white;\n    }\n\n    .csv-json-converter .btn-action {\n        background-color: #13284B;\n        color: white;\n        padding: 10px 20px;\n    }\n\n    .csv-json-converter .btn-detect {\n        background-color: #13284B;\n        color: white;\n        padding: 10px 20px;\n    }\n\n    .csv-json-converter .output-textarea {\n        width: 100%;\n        min-height: 300px;\n        padding: 10px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        font-family: monospace;\n        font-size: 14px;\n        resize: vertical;\n        background-color: #f9f9f9;\n    }\n\n    .csv-json-converter .validation-result {\n        margin-top: 10px;\n        padding: 10px;\n        border-radius: 4px;\n        font-size: 14px;\n    }\n\n    .csv-json-converter .validation-result.success {\n        background-color: #d4edda;\n        color: #155724;\n        border: 1px solid #c3e6cb;\n    }\n\n    .csv-json-converter .validation-result.error {\n        background-color: #f8d7da;\n        color: #721c24;\n        border: 1px solid #f5c6cb;\n    }\n\n    .csv-json-converter .validation-result.hidden {\n        display: none;\n    }\n\n    .csv-json-converter .error-message {\n        margin-top: 10px;\n        padding: 10px;\n        background-color: #f8d7da;\n        color: #721c24;\n        border: 1px solid #f5c6cb;\n        border-radius: 4px;\n        font-size: 14px;\n    }\n\n    .csv-json-converter .error-message.hidden {\n        display: none;\n    }\n\n    .csv-json-converter .loading-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 1000;\n    }\n\n    .csv-json-converter .loading-overlay.hidden {\n        display: none;\n    }\n\n    .csv-json-converter .loading-content {\n        background-color: white;\n        padding: 30px;\n        border-radius: 8px;\n        text-align: center;\n    }\n\n    .csv-json-converter .loading-spinner {\n        border: 4px solid #f3f3f3;\n        border-top: 4px solid #13284B;\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n        animation: csv-json-spin 1s linear infinite;\n        margin: 0 auto 15px;\n    }\n\n    @keyframes csv-json-spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n\n    .csv-json-converter .sample-link {\n        display: inline-block;\n        margin-top: 10px;\n        color: #13284B;\n        text-decoration: underline;\n        cursor: pointer;\n        font-size: 14px;\n    }\n\n    .csv-json-converter .sample-link:hover {\n        opacity: 0.8;\n    }\n\n    @media (max-width: 768px) {\n        .csv-json-converter .button-group {\n            flex-direction: column;\n        }\n\n        .csv-json-converter .btn {\n            width: 100%;\n        }\n    }\n<\/style>\n\n<div class=\"csv-json-converter\">\n    <div class=\"input-section\">\n        <div class=\"form-group\">\n            <textarea id=\"csv-input\" placeholder=\"\u3053\u3053\u306bCSV\u30c7\u30fc\u30bf\u3092\u8cbc\u308a\u4ed8\u3051...\" aria-label=\"CSV\u5165\u529b\u30a8\u30ea\u30a2\"><\/textarea>\n            <span class=\"sample-link\" id=\"load-sample\">\u30b5\u30f3\u30d7\u30ebCSV\u3092\u8aad\u307f\u8fbc\u3080<\/span>\n        <\/div>\n\n        <div class=\"form-group\">\n            <div class=\"file-input-wrapper\">\n                <input type=\"file\" id=\"csv-file\" accept=\".csv,text\/csv\" aria-label=\"CSV\u30d5\u30a1\u30a4\u30eb\u9078\u629e\">\n                <label for=\"csv-file\" class=\"file-input-label\" tabindex=\"0\">\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e<\/label>\n                <span class=\"file-name\" id=\"file-name\"><\/span>\n            <\/div>\n            <div class=\"file-limit-note\">\u203b \u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u306f10MB\u4ee5\u4e0b\u3001\u884c\u6570\u306f50,000\u884c\u4ee5\u4e0b\u3092\u63a8\u5968<\/div>\n        <\/div>\n\n        <div class=\"compact-options\">\n            <div class=\"compact-checkbox-group\">\n                <input type=\"checkbox\" id=\"preserve-numbers\">\n                <label for=\"preserve-numbers\">\u6570\u5024\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u4fdd\u6301\uff08\u5148\u982d\u30bc\u30ed\u30fb\u96fb\u8a71\u756a\u53f7\u7b49\uff09<\/label>\n            <\/div>\n\n            <div class=\"compact-checkbox-group\">\n                <input type=\"checkbox\" id=\"skip-empty-lines\" checked>\n                <label for=\"skip-empty-lines\">\u7a7a\u884c\u3092\u30b9\u30ad\u30c3\u30d7<\/label>\n            <\/div>\n        <\/div>\n\n        <div class=\"button-group\">\n            <button class=\"btn btn-primary\" id=\"convert-btn\">CSV\u3092JSON\u306b\u5909\u63db<\/button>\n            <button class=\"btn btn-secondary\" id=\"clear-btn\">\u5165\u529b\u30af\u30ea\u30a2<\/button>\n        <\/div>\n        \n        <div class=\"error-message hidden\" id=\"error-message\"><\/div>\n    <\/div>\n\n    <!-- \u30aa\u30d7\u30b7\u30e7\u30f3\u30bb\u30af\u30b7\u30e7\u30f3\uff08\u975e\u8868\u793a\uff09 -->\n    <div class=\"options-section\">\n        <p class=\"subsection-title\">\u5909\u63db\u30aa\u30d7\u30b7\u30e7\u30f3<\/p>\n\n        <!-- \u81ea\u52d5\u5224\u5b9a\u30bb\u30af\u30b7\u30e7\u30f3 -->\n        <div class=\"auto-detect-section\">\n            <div class=\"checkbox-group\">\n                <input type=\"checkbox\" id=\"auto-detect\" checked>\n                <label for=\"auto-detect\">\u3059\u3079\u3066\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u81ea\u52d5\u5224\u5b9a\u3059\u308b\uff08\u63a8\u5968\uff09<\/label>\n            <\/div>\n            <button class=\"btn btn-detect\" id=\"detect-btn\">\u4eca\u3059\u3050\u5224\u5b9a<\/button>\n            <div class=\"auto-detect-result hidden\" id=\"auto-detect-result\"><\/div>\n        <\/div>\n\n        <div class=\"checkbox-group\">\n            <input type=\"checkbox\" id=\"use-header\" checked>\n            <label for=\"use-header\">1\u884c\u76ee\u3092\u30d8\u30c3\u30c0\u30fc\u3068\u3057\u3066\u4f7f\u7528<\/label>\n        <\/div>\n\n        <div class=\"select-group\">\n            <label for=\"delimiter\">\u533a\u5207\u308a\u6587\u5b57<\/label>\n            <select id=\"delimiter\">\n                <option value=\",\" selected>\u30ab\u30f3\u30de (,)<\/option>\n                <option value=\"\\t\">\u30bf\u30d6 (\\t)<\/option>\n                <option value=\";\">\u30bb\u30df\u30b3\u30ed\u30f3 (;)<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"select-group\">\n            <label for=\"indent\">\u51fa\u529bJSON\u3092\u6574\u5f62 (\u30a4\u30f3\u30c7\u30f3\u30c8)<\/label>\n            <select id=\"indent\">\n                <option value=\"0\">\u6574\u5f62\u306a\u3057 (\u5727\u7e2e)<\/option>\n                <option value=\"2\" selected>\u30b9\u30da\u30fc\u30b9 2<\/option>\n                <option value=\"4\">\u30b9\u30da\u30fc\u30b9 4<\/option>\n            <\/select>\n        <\/div>\n\n        <div class=\"checkbox-group\">\n            <input type=\"checkbox\" id=\"nested\">\n            <label for=\"nested\">\u30cd\u30b9\u30c8\u5316 (\u30c9\u30c3\u30c8\u533a\u5207\u308a\u30d8\u30c3\u30c0\u30fc)<\/label>\n        <\/div>\n\n        <div class=\"select-group\">\n            <label for=\"encoding\">\u6587\u5b57\u30b3\u30fc\u30c9 (\u30d5\u30a1\u30a4\u30eb\u5165\u529b\u6642) \u203b\u901a\u5e38\u306f\u81ea\u52d5\u5224\u5b9a<\/label>\n            <select id=\"encoding\">\n                <option value=\"auto\" selected>\u81ea\u52d5\u5224\u5b9a<\/option>\n                <option value=\"UTF-8\">UTF-8<\/option>\n                <option value=\"UTF-16LE\">UTF-16 LE (Excel\u7b49)<\/option>\n                <option value=\"UTF-16BE\">UTF-16 BE<\/option>\n                <option value=\"Shift_JIS\">Shift_JIS<\/option>\n                <option value=\"EUC-JP\">EUC-JP<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <!-- \u51fa\u529b\u30bb\u30af\u30b7\u30e7\u30f3 -->\n    <div class=\"output-section\">\n        <p class=\"subsection-title\">JSON\u51fa\u529b\u7d50\u679c<\/p>\n\n        <div class=\"button-group\" style=\"margin-bottom: 10px;\">\n            <button class=\"btn btn-action\" id=\"copy-btn\">\u30b3\u30d4\u30fc<\/button>\n            <button class=\"btn btn-action\" id=\"download-btn\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/button>\n            <button class=\"btn btn-action\" id=\"validate-btn\">JSON\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5b9f\u884c<\/button>\n        <\/div>\n\n        <textarea id=\"json-output\" class=\"output-textarea\" readonly aria-label=\"JSON\u51fa\u529b\u30a8\u30ea\u30a2\"><\/textarea>\n\n        <div class=\"validation-result hidden\" id=\"validation-result\"><\/div>\n    <\/div>\n\n    <!-- \u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 -->\n    <div class=\"loading-overlay hidden\" id=\"loading-overlay\">\n        <div class=\"loading-content\">\n            <div class=\"loading-spinner\"><\/div>\n            <div>\u51e6\u7406\u4e2d\u2026<\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001<strong>CSV\u5f62\u5f0f\u306e\u30c7\u30fc\u30bf\u3092JSON\u5f62\u5f0f\u306b\u7121\u6599\u3067\u5909\u63db\u3059\u308b<\/strong>\u305f\u3081\u306e\u30b7\u30f3\u30d7\u30eb\u306aWeb\u30c4\u30fc\u30eb\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3084\u4f1a\u54e1\u767b\u9332\u306f\u4e00\u5207\u4e0d\u8981\u3002\u30d6\u30e9\u30a6\u30b6\u4e0a\u3067CSV\u30c7\u30fc\u30bf\u3092\u8cbc\u308a\u4ed8\u3051\u308b\u304b\u3001CSV\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3060\u3051\u3067\u3001\u5373\u5ea7\u306bJSON\u30c7\u30fc\u30bf\u306b\u5909\u63db\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-0\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3067\u304d\u308b\u3053\u3068<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30c6\u30ad\u30b9\u30c8\/\u30d5\u30a1\u30a4\u30eb\u4e21\u5bfe\u5fdc:<\/strong> CSV\u30c7\u30fc\u30bf\u306e\u76f4\u63a5\u8cbc\u308a\u4ed8\u3051\u3001\u30d5\u30a1\u30a4\u30eb\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u306e\u3069\u3061\u3089\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u8ce2\u3044\u81ea\u52d5\u5224\u5b9a\uff08NEW!\uff09:<\/strong> \u9762\u5012\u306a\u8a2d\u5b9a\u306f\u4e0d\u8981\u3067\u3059\u3002CSV\u306e\u533a\u5207\u308a\u6587\u5b57\uff08\u30ab\u30f3\u30de, \u30bf\u30d6\uff09\u30841\u884c\u76ee\u304c\u30d8\u30c3\u30c0\u30fc\u304b\u3069\u3046\u304b\u3001\u6587\u5b57\u30b3\u30fc\u30c9\uff08UTF-8, <strong>SJIS<\/strong>\u7b49\uff09\u3092<strong>\u30c4\u30fc\u30eb\u304c\u8ce2\u304f\u81ea\u52d5\u3067\u5224\u5b9a<\/strong>\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u65e5\u672c\u8a9e\u3082\u5b89\u5fc3 (\u81ea\u52d5\u5224\u5b9a):<\/strong> Excel\u3067\u4f5c\u6210\u3057\u305fCSV\uff08SJIS\u5f62\u5f0f\uff09\u306a\u3069\u3067\u8d77\u3053\u308a\u304c\u3061\u306a\u6587\u5b57\u5316\u3051\u3082\u3001\u6587\u5b57\u30b3\u30fc\u30c9\u3092\u81ea\u52d5\u5224\u5b9a\u3057\u3066\u9069\u5207\u306b\u51e6\u7406\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u4fbf\u5229\u306a\u5909\u63db\u30aa\u30d7\u30b7\u30e7\u30f3:<\/strong> \u300c\u5148\u982d\u30bc\u30ed\u306e\u6570\u5024\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u4fdd\u6301\u3059\u308b\u300d\u300c\u7a7a\u884c\u3092\u30b9\u30ad\u30c3\u30d7\u3059\u308b\u300d\u3068\u3044\u3063\u305f\u3001\u5b9f\u52d9\u3067\u5f79\u7acb\u3064\u30aa\u30d7\u30b7\u30e7\u30f3\u3082\u5099\u3048\u3066\u3044\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5909\u63db\u5f8c\u306e\u30c1\u30a7\u30c3\u30af\u6a5f\u80fd:<\/strong> \u5909\u63db\u3057\u3066\u751f\u6210\u3055\u308c\u305fJSON\u30c7\u30fc\u30bf\u304c\u3001\u6587\u6cd5\u7684\u306b\u6b63\u3057\u3044\u304b\uff08Valid\u304b\uff09\u3092\u30c1\u30a7\u30c3\u30af\u3059\u308b\u300cJSON\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u6a5f\u80fd\u300d\u3082\u642d\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-1\">CSV\u3068JSON\u306e\u57fa\u790e\u77e5\u8b58<\/h2>\n\n\n\n<p>\u30c4\u30fc\u30eb\u3092\u5229\u7528\u3059\u308b\u4e0a\u3067\u77e5\u3063\u3066\u304a\u304f\u3068\u4fbf\u5229\u306a\u3001CSV\u3068JSON\u306e\u57fa\u672c\u7684\u306a\u77e5\u8b58\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-2\">CSV\u3068\u306f\uff1f<\/h3>\n\n\n\n<p>CSV\u306f\u300cComma Separated Values\u300d\u306e\u7565\u3067\u3001\u30c7\u30fc\u30bf\u3092\u30ab\u30f3\u30de\uff08<code>,<\/code>\uff09\u3067\u533a\u5207\u3063\u3066\u4e26\u3079\u305f\u3001\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u306a\u30c6\u30ad\u30b9\u30c8\u30d5\u30a1\u30a4\u30eb\u5f62\u5f0f\u3067\u3059\u3002Excel\u3084\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306a\u3069\u306e\u8868\u8a08\u7b97\u30bd\u30d5\u30c8\u3067\u6700\u3082\u4e00\u822c\u7684\u306b\u4f7f\u308f\u308c\u3001\u30c7\u30fc\u30bf\u306e\u30a8\u30af\u30b9\u30dd\u30fc\u30c8\uff08\u66f8\u304d\u51fa\u3057\uff09\u3084\u30a4\u30f3\u30dd\u30fc\u30c8\uff08\u8aad\u307f\u8fbc\u307f\uff09\u306b\u3088\u304f\u5229\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>CSV\u306e\u4f8b:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>id,name,age\n1,\u5c71\u7530\u592a\u90ce,30\n2,\u4f50\u85e4\u82b1\u5b50,25\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"i-3\">JSON\u3068\u306f\uff1f<\/h3>\n\n\n\n<p>JSON\u306f\u300cJavaScript Object Notation\u300d\u306e\u7565\u3067\u3001\u30c7\u30fc\u30bf\u3092\u300c\u30ad\u30fc\u300d\u3068\u300c\u5024\u300d\u306e\u30da\u30a2\uff08<code>\"name\": \"\u5c71\u7530\u592a\u90ce\"<\/code> \u306e\u3088\u3046\u306a\u5f62\u5f0f\uff09\u3067\u8a18\u8ff0\u3059\u308b\u30c7\u30fc\u30bf\u5f62\u5f0f\u3067\u3059\u3002 \u4eba\u9593\u306b\u3082\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u3082\u5206\u304b\u308a\u3084\u3059\u3044\u69cb\u9020\u304c\u7279\u5fb4\u3067\u3001\u7279\u306bWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3084API\uff08\u30d7\u30ed\u30b0\u30e9\u30e0\u540c\u58eb\u304c\u30c7\u30fc\u30bf\u3092\u3084\u308a\u53d6\u308a\u3059\u308b\u4ed5\u7d44\u307f\uff09\u3067\u6a19\u6e96\u7684\u306b\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>JSON\u306e\u4f8b\uff08\u4e0a\u8a18\u306eCSV\u3092\u5909\u63db\u3057\u305f\u3082\u306e\uff09:<\/strong><\/p>\n\n\n\n<p>JSON<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>[\n  {\n    \"id\": \"1\",\n    \"name\": \"\u5c71\u7530\u592a\u90ce\",\n    \"age\": \"30\"\n  },\n  {\n    \"id\": \"2\",\n    \"name\": \"\u4f50\u85e4\u82b1\u5b50\",\n    \"age\": \"25\"\n  }\n]\n<\/code><\/pre>\n\n\n\n<h2 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)<\/h2>\n\n\n\n<p>CSV\u304b\u3089JSON\u3078\u306e\u5909\u63db\u306f\u3001\u7279\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u5834\u9762\u3067\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Web\u958b\u767a\u8005\u304c\u30e2\u30c3\u30af\u30c7\u30fc\u30bf\u3092\u4f5c\u6210\u3059\u308b\u3068\u304d<\/strong> <br>\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\uff08React\u3084Vue\u306a\u3069\uff09\u958b\u767a\u3067\u3001API\u304c\u5b8c\u6210\u3059\u308b\u307e\u3067\u306e\u4eee\u30c7\u30fc\u30bf\uff08\u30e2\u30c3\u30af\u30c7\u30fc\u30bf\uff09\u3068\u3057\u3066\u3001Excel\u3067\u4f5c\u6210\u3057\u305fCSV\u3092JSON\u306b\u5909\u63db\u3057\u3066\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u5225\u30b7\u30b9\u30c6\u30e0\u306b\u30c7\u30fc\u30bf\u9023\u643a\u3059\u308b\u3068\u304d<\/strong> <br>\u57fa\u5e79\u30b7\u30b9\u30c6\u30e0\u3084\u5e83\u544a\u30ec\u30dd\u30fc\u30c8\u304b\u3089CSV\u3067\u51fa\u529b\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3092\u3001JSON\u5f62\u5f0f\u3067\u306e\u53d6\u308a\u8fbc\u307f\u3092\u5fc5\u9808\u3068\u3059\u308b\u5225\u306eWeb\u30b5\u30fc\u30d3\u30b9\u3084\u5206\u6790\u30c4\u30fc\u30eb\u306b\u9023\u643a\u3055\u305b\u305f\u3044\u3068\u304d\u3002<\/li>\n\n\n\n<li><strong>GAS (Google Apps Script) \u3067\u30c7\u30fc\u30bf\u3092\u5229\u7528\u3059\u308b\u3068\u304d<\/strong> <br>\u30b9\u30d7\u30ec\u30c3\u30c9\u30b7\u30fc\u30c8\u306e\u30c7\u30fc\u30bf\u3092CSV\u3067\u66f8\u304d\u51fa\u3057\u3001JSON\u306b\u5909\u63db\u3057\u3066GAS\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3067\u51e6\u7406\u3057\u305f\u3044\u3068\u304d\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-5\">\ud83d\udca1 \u30c4\u30fc\u30eb\u306e\u4f7f\u3044\u65b9 (How to Use)<\/h2>\n\n\n\n<p>\u4f7f\u3044\u65b9\u306f\u975e\u5e38\u306b\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002<strong>3\u3064\u306e\u30b9\u30c6\u30c3\u30d7<\/strong>\u3067\u5b8c\u4e86\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><strong>Step 1: CSV\u30c7\u30fc\u30bf\u306e\u5165\u529b<\/strong> <br>\u4ee5\u4e0b\u306e\u3069\u3061\u3089\u304b\u306e\u65b9\u6cd5\u3067\u3001\u5909\u63db\u3057\u305f\u3044CSV\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30c6\u30ad\u30b9\u30c8\u3092\u8cbc\u308a\u4ed8\u3051:<\/strong> \u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306b\u3001\u5909\u63db\u3057\u305f\u3044CSV\u30c7\u30fc\u30bf\u3092\u76f4\u63a5\u30b3\u30d4\u30fc\uff06\u30da\u30fc\u30b9\u30c8\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e:<\/strong> \u300c\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u300d\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3001\u30ed\u30fc\u30ab\u30eb\u306b\u3042\u308bCSV\u30d5\u30a1\u30a4\u30eb\uff08.csv\uff09\u3092\u9078\u629e\u3057\u307e\u3059\u3002\uff08\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba10MB\u300150,000\u884c\u307e\u3067\u3092\u63a8\u5968\uff09<\/li>\n\n\n\n<li><strong>\u30b5\u30f3\u30d7\u30eb:<\/strong> \u3069\u3093\u306a\u30c7\u30fc\u30bf\u304b\u8a66\u3057\u305f\u3044\u5834\u5408\u306f\u300c\u30b5\u30f3\u30d7\u30ebCSV\u3092\u8aad\u307f\u8fbc\u3080\u300d\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30b5\u30f3\u30d7\u30eb\u30c7\u30fc\u30bf\u304c\u5165\u529b\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 2: \u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u6307\u5b9a<\/strong> <br>\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u3001\u5165\u529b\u30a8\u30ea\u30a2\u306e\u4e0b\u306b\u3042\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6570\u5024\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u4fdd\u6301 (\u5148\u982d\u30bc\u30ed\u30fb\u96fb\u8a71\u756a\u53f7\u7b49):<\/strong> <br>\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u308b\u3068\u3001<code>090<\/code> \u3084 <code>00123<\/code> \u306e\u3088\u3046\u306a\u5148\u982d\u304c\u30bc\u30ed\u306e\u30c7\u30fc\u30bf\u3084\u3001<code>\"123\"<\/code> \u306e\u3088\u3046\u306bCSV\u5074\u3067\u6570\u5024\u306b\u898b\u3048\u308b\u30c7\u30fc\u30bf\u3082\u3001JSON\u5074\u3067 <code>\"090\"<\/code> \u306e\u3088\u3046\u306b\u6587\u5b57\u5217\uff08\u201d\u201d\u3067\u56f2\u307e\u308c\u305f\u72b6\u614b\uff09\u3068\u3057\u3066\u4fdd\u6301\u3057\u307e\u3059\u3002\u96fb\u8a71\u756a\u53f7\u3084ID\u306a\u3069\u3092\u6271\u3046\u5834\u5408\u306b\u4fbf\u5229\u3067\u3059\u3002<\/li>\n\n\n\n<li><strong>\u7a7a\u884c\u3092\u30b9\u30ad\u30c3\u30d7:<\/strong> <br>CSV\u30c7\u30fc\u30bf\u5185\u306b\u542b\u307e\u308c\u308b\u7a7a\u767d\u306e\u884c\u3092\u7121\u8996\u3057\u3066\u5909\u63db\u3057\u307e\u3059\u3002\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\u3067ON\u306b\u306a\u3063\u3066\u3044\u307e\u3059\uff09<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 3: \u5909\u63db\u306e\u5b9f\u884c\u3068\u7d50\u679c\u306e\u5229\u7528<\/strong><\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li><strong>\u5909\u63db:<\/strong> <br>\u300cCSV\u3092JSON\u306b\u5909\u63db\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u300cJSON\u51fa\u529b\u7d50\u679c\u300d\u30a8\u30ea\u30a2\u306b\u5909\u63db\u3055\u308c\u305f\u30c7\u30fc\u30bf\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u300c\u5165\u529b\u30af\u30ea\u30a2\u300d\u30dc\u30bf\u30f3\u3067\u5165\u529b\u5185\u5bb9\u3092\u30ea\u30bb\u30c3\u30c8\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30b3\u30d4\u30fc:<\/strong> <br>\u300c\u30b3\u30d4\u30fc\u300d\u30dc\u30bf\u30f3\u3067\u3001\u51fa\u529b\u3055\u308c\u305fJSON\u30c7\u30fc\u30bf\u3059\u3079\u3066\u3092\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9:<\/strong> <br>\u300c\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u300d\u30dc\u30bf\u30f3\u3067\u3001\u7d50\u679c\u3092 <code>.json<\/code> \u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>JSON\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5b9f\u884c:<\/strong> <br>\u300cJSON\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u5b9f\u884c\u300d\u30dc\u30bf\u30f3\u3067\u3001\u51fa\u529b\u3055\u308c\u305fJSON\u304c\u6587\u6cd5\u7684\u306b\u6b63\u3057\u3044\u304b\uff08\u4ed6\u306e\u30b7\u30b9\u30c6\u30e0\u3067\u8aad\u307f\u8fbc\u3081\u308b\u304b\uff09\u3092\u5373\u5ea7\u306b\u30c1\u30a7\u30c3\u30af\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"i-6\">\ud83e\udd16 \u8ce2\u3044\u81ea\u52d5\u5224\u5b9a\u306b\u3064\u3044\u3066<\/h2>\n\n\n\n<p>\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u5229\u7528\u8005\u306e\u624b\u9593\u3092\u6700\u5c0f\u9650\u306b\u3059\u308b\u305f\u3081\u3001\u4ee5\u4e0b\u306e\u9805\u76ee\u3092\u81ea\u52d5\u3067\u5224\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u30d8\u30c3\u30c0\u30fc\u884c\u306e\u5224\u5b9a:<\/strong> <br>CSV\u306e1\u884c\u76ee\u304c\u30c7\u30fc\u30bf\u306a\u306e\u304b\u3001\u305d\u308c\u3068\u3082JSON\u306e\u30ad\u30fc\u3068\u3057\u3066\u4f7f\u3046\u30d8\u30c3\u30c0\u30fc\uff08\u9805\u76ee\u540d\uff09\u306a\u306e\u304b\u3092\u81ea\u52d5\u3067\u5224\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u533a\u5207\u308a\u6587\u5b57\u306e\u5224\u5b9a:<\/strong> <br>\u30ab\u30f3\u30de\uff08<code>,<\/code>\uff09\u3060\u3051\u3067\u306a\u304f\u3001\u30bf\u30d6\uff08TSV\uff09\u3067\u533a\u5207\u3089\u308c\u305f\u30c7\u30fc\u30bf\u3082\u81ea\u52d5\u3067\u8a8d\u8b58\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>\u6587\u5b57\u30b3\u30fc\u30c9\u306e\u5224\u5b9a:<\/strong> <br>UTF-8\u3001SJIS (Shift_JIS) \u306a\u3069\u3001\u4e00\u822c\u7684\u306a\u6587\u5b57\u30b3\u30fc\u30c9\u3092\u81ea\u52d5\u3067\u5224\u5b9a\u3057\u3001\u6587\u5b57\u5316\u3051\u3092\u9632\u304e\u307e\u3059\u3002<\/li>\n\n\n\n<li><strong>JSON\u306e\u6574\u5f62:<\/strong> <br>\u51fa\u529b\u3055\u308c\u308bJSON\u306f\u3001\u8aad\u307f\u3084\u3059\u3044\u3088\u3046\u306b\u81ea\u52d5\u3067\u6574\u5f62\uff08\u30a4\u30f3\u30c7\u30f3\u30c8\uff09\u3055\u308c\u307e\u3059<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b5\u30f3\u30d7\u30ebCSV\u3092\u8aad\u307f\u8fbc\u3080 \u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e \u203b \u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u306f10MB\u4ee5\u4e0b\u3001\u884c\u6570\u306f50,000\u884c\u4ee5\u4e0b\u3092\u63a8\u5968 \u6570\u5024\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u4fdd\u6301\uff08\u5148\u982d\u30bc\u30ed\u30fb\u96fb\u8a71\u756a\u53f7\u7b49\uff09 \u7a7a\u884c\u3092\u30b9\u30ad\u30c3\u30d7 CSV\u3092JSON\u306b\u5909\u63db \u5165\u529b\u30af\u30ea\u30a2 \u5909\u63db\u30aa\u30d7\u30b7\u30e7 &#8230; <\/p>\n","protected":false},"author":4,"featured_media":13495,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,56],"tags":[],"class_list":{"0":"post-12403","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tool","8":"category-conversion","9":"entry"},"_links":{"self":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/12403","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=12403"}],"version-history":[{"count":0,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/posts\/12403\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media\/13495"}],"wp:attachment":[{"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/media?parent=12403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/categories?post=12403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rakkokeyword.com\/techo\/wp-json\/wp\/v2\/tags?post=12403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}