\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n padding: 20px;\n }\n .container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n max-width: 600px;\n margin: auto;\n }\n .item {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .input-group {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n }\n .input-group label {\n flex: 1;\n }\n .input-group input {\n flex: 2;\n }\n button {\n padding: 10px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n }\n button:hover {\n background-color: #45a049;\n }\n .results {\n margin-top: 20px;\n padding: 10px;\n border: 1px solid #ddd;\n }\n canvas {\n max-width: 100%;\n height: auto;\n margin-top: 20px;\n }\n .reset-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1>\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09<\/h1>\n <h2>\u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<br>\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u5358\u7d14\u306a\u5358\u4fa1\u6bd4\u8f03\u3067\u306a\u304f\u3001<br>\u6d17\u6fef1\u56de\uff08\u6c3430L\uff09\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u91cf\u306e\u91d1\u984d\u306e\u6bd4\u8f03\u3092\u884c\u3044\u3088\u308a\u7bc0\u7d04\u306b\u3064\u306a\u3052\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/h2>\n <h2>\u203b\u3053\u306e\u30b5\u30a4\u30c8\u306f\u3001\u3042\u304f\u307e\u3067\u3082\u53c2\u8003\u5024\u3067\u3059\u3002\u5b9f\u969b\u306b\u8cfc\u5165\u3059\u308b\u5834\u5408\u306f\u3001\u5fc5\u305a\u3054\u81ea\u8eab\u3067\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/h2>\n\n \n <div class=\"instructions\">\n <h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n <ol>\n <li>\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u5404\u5546\u54c1\u306e\u8ca9\u58f2\u4fa1\u683c\uff08\u5186\uff09\u3001\u5185\u5bb9\u91cf\uff08g\uff09\u3001\u6c3430L\u306b\u5bfe\u3059\u308b\u6d17\u5264\u306e\u4f7f\u7528\u91cf\uff08g\/30L\uff09\u3092\u305d\u308c\u305e\u308c\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\n \u203b\u8ca9\u58f2\u4fa1\u683c\u306b\u306f\u3001\u7a0e\u8fbc\u307f\u3001\u7a0e\u629c\u304d\u3069\u3061\u3089\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u304c\u3001\u5404\u5546\u54c1\u306b\u5165\u308c\u308b\u91d1\u984d\u306f\u7d71\u4e00\u3057\u3066\u304f\u3060\u3055\u3044<br>\n \u203b\u5185\u5bb9\u91cf\u3068\u306f\u3001\u8cfc\u5165\u3092\u691c\u8a0e\u3057\u3066\u3044\u308b\u5546\u54c1\u306e\u5185\u5bb9\u91cf\u3092\u8a18\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u300c\u8a08\u7b97\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5404\u5546\u54c1\u306e1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\uff08\u5186\/\u56de\uff09\u3068\u5546\u54c1\u5358\u4fa1\uff08\u5186\/g\uff09\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n <li>\u3055\u3089\u306b\u3001\u3069\u3061\u3089\u306e\u5546\u54c1\u304c1\u56de\u6d17\u6fef\u3059\u308b\u306e\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u306e\u91d1\u984d\u304c\u5b89\u3044\u304b\u3092\u6bd4\u8f03\u7d50\u679c\u3068\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n <li>\u30b0\u30e9\u30d5\u3067\u6bd4\u8f03\u304c\u8996\u899a\u7684\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n <li>\u5546\u54c1\u6570\u3092\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3001\u968f\u6642\u300c\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e\u300d\u304b\u3089\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n <li>\u300c\u30ea\u30bb\u30c3\u30c8\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5165\u529b\u3055\u308c\u305f\u5546\u54c1\u306e\u30c7\u30fc\u30bf\u304c\u30ea\u30bb\u30c3\u30c8\u3055\u308c\u307e\u3059\u3002<\/li>\n <\/ol>\n <\/div>\n\n <div class=\"reset-container\">\n <div>\n <label for=\"productCount\">\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e:<\/label>\n <select id=\"productCount\">\n <option value=\"2\">2\u5546\u54c1<\/option>\n <option value=\"3\">3\u5546\u54c1<\/option>\n <option value=\"4\">4\u5546\u54c1<\/option>\n <option value=\"5\">5\u5546\u54c1<\/option>\n <\/select>\n <\/div>\n <button id=\"resetBtn\">\u30ea\u30bb\u30c3\u30c8<\/button>\n <\/div>\n\n <div id=\"itemsContainer\">\n \n <\/div>\n\n <button id=\"calculateBtn\">\u8a08\u7b97\u3059\u308b<\/button>\n\n <div class=\"results\" id=\"results\"><\/div>\n\n \n <canvas id=\"costPerUseChart\"><\/canvas>\n <canvas id=\"unitPriceChart\"><\/canvas>\n\n<\/div>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n const itemsContainer = document.getElementById('itemsContainer');\n const productCountSelect = document.getElementById('productCount');\n const resetBtn = document.getElementById('resetBtn');\n\n let itemData = {}; \/\/ \u5546\u54c1\u306e\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\n\n function updateItemFields() {\n const count = parseInt(productCountSelect.value);\n itemsContainer.innerHTML = '';\n\n for (let i = 1; i <= count; i++) {\n const price = itemData[i]?.price || '';\n const quantity = itemData[i]?.quantity || '';\n const usage = itemData[i]?.usage || '';\n const name = itemData[i]?.name || '';\n\n itemsContainer.innerHTML += `\n <div class=\"item\">\n <h2>\u5546\u54c1${i}<\/h2>\n <div class=\"input-group\">\n <label for=\"name${i}\">\u5546\u54c1\u540d:<\/label>\n <input type=\"text\" id=\"name${i}\" value=\"${name}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"price${i}\">\u8ca9\u58f2\u4fa1\u683c (\u5186):<\/label>\n <input type=\"number\" id=\"price${i}\" min=\"0\" step=\"any\" value=\"${price}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"quantity${i}\">\u5185\u5bb9\u91cf (g):<\/label>\n <input type=\"number\" id=\"quantity${i}\" min=\"0\" step=\"any\" value=\"${quantity}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"usage${i}\">\u6c3430L\u3067\u306e\u6d17\u5264\u306e\u4f7f\u7528\u91cf (g\/\u56de):<\/label>\n <input type=\"number\" id=\"usage${i}\" min=\"0\" step=\"any\" value=\"${usage}\">\n <\/div>\n <\/div>\n `;\n }\n }\n\n productCountSelect.addEventListener('change', () => {\n \/\/ \u73fe\u5728\u306e\u5165\u529b\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\n const count = parseInt(productCountSelect.value);\n for (let i = 1; i <= count; i++) {\n itemData[i] = {\n price: document.getElementById(`price${i}`)?.value || '',\n quantity: document.getElementById(`quantity${i}`)?.value || '',\n usage: document.getElementById(`usage${i}`)?.value || '',\n name: document.getElementById(`name${i}`)?.value || ''\n };\n }\n updateItemFields();\n });\n\n document.getElementById('calculateBtn').addEventListener('click', calculate);\n\n function calculate() {\n const count = parseInt(productCountSelect.value);\n const resultsContainer = document.getElementById('results');\n const chartLabels = [];\n const unitPrices = [];\n const costsPerUse = [];\n \n for (let i = 1; i <= count; i++) {\n const price = parseFloat(document.getElementById(`price${i}`).value) || 0;\n const quantity = parseFloat(document.getElementById(`quantity${i}`).value) || 1;\n const usage = parseFloat(document.getElementById(`usage${i}`).value) || 0;\n const name = document.getElementById(`name${i}`).value || `\u5546\u54c1${i}`;\n\n const unitPrice = price \/ quantity;\n const costPerUse = unitPrice * usage;\n\n chartLabels.push(name);\n unitPrices.push(unitPrice);\n costsPerUse.push(costPerUse);\n }\n\n let minCostIndex = costsPerUse.indexOf(Math.min(...costsPerUse));\n let minUnitPriceIndex = unitPrices.indexOf(Math.min(...unitPrices));\n\n resultsContainer.innerHTML = `\n <h3>\u7d50\u679c<\/h3>\n ${chartLabels.map((label, i) => `\n <p><strong>${label}:<\/strong>1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d: ${costsPerUse[i].toFixed(2)} \u5186\/\u56de, \u5546\u54c1\u5358\u4fa1\uff08\u53c2\u8003\uff09: ${unitPrices[i].toFixed(2)} \u5186\/g<\/p>\n `).join('')}\n <p><strong>\u6bd4\u8f03\u7d50\u679c:<\/strong> 1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\u304c\u5b89\u3044\u306e\u306f ${chartLabels[minCostIndex]} \u3067\u3059\u3002<br> \u203b\uff08\u53c2\u8003\uff09\u5546\u54c1\u5358\u4fa1\u304c\u5b89\u3044\u306e\u306f ${chartLabels[minUnitPriceIndex]} \u3067\u3059\u3002<\/p>\n `;\n\n \/\/ \u30b0\u30e9\u30d5\u306e\u30c7\u30fc\u30bf\u3068\u30aa\u30d7\u30b7\u30e7\u30f3\u8a2d\u5b9a\n const costPerUseData = {\n labels: chartLabels,\n datasets: [{\n label: '1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d (\u5186\/\u56de)',\n data: costsPerUse,\n backgroundColor: costsPerUse.map((_, i) => i === minCostIndex ? 'rgba(255, 99, 132, 0.5)' : 'rgba(255, 99, 132, 0.2)'),\n borderColor: costsPerUse.map((_, i) => i === minCostIndex ? 'rgba(255, 99, 132, 1)' : 'rgba(255, 99, 132, 0.5)'),\n borderWidth: 1\n }]\n };\n\n const unitPriceData = {\n labels: chartLabels,\n datasets: [{\n label: '\u3010\u53c2\u8003\u3011\u5546\u54c1\u5358\u4fa1 (\u5186\/g)',\n data: unitPrices,\n backgroundColor: unitPrices.map((_, i) => i === minUnitPriceIndex ? 'rgba(54, 162, 235, 0.5)' : 'rgba(54, 162, 235, 0.2)'),\n borderColor: unitPrices.map((_, i) => i === minUnitPriceIndex ? 'rgba(54, 162, 235, 1)' : 'rgba(54, 162, 235, 0.5)'),\n borderWidth: 1\n }]\n };\n\n const costPerUseConfig = {\n type: 'bar',\n data: costPerUseData,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: '1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\u306e\u6bd4\u8f03 (\u5186\/\u56de)'\n }\n },\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n };\n\n const unitPriceConfig = {\n type: 'bar',\n data: unitPriceData,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: '\u3010\u53c2\u8003\u3011\u5546\u54c1\u5358\u4fa1\u306e\u6bd4\u8f03 (\u5186\/g)'\n }\n },\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n };\n\n \/\/ \u65e2\u5b58\u306e\u30c1\u30e3\u30fc\u30c8\u304c\u3042\u308c\u3070\u7834\u68c4\n if (window.costPerUseChart && window.costPerUseChart.destroy) {\n window.costPerUseChart.destroy();\n }\n if (window.unitPriceChart && window.unitPriceChart.destroy) {\n window.unitPriceChart.destroy();\n }\n\n \/\/ \u65b0\u3057\u3044\u30c1\u30e3\u30fc\u30c8\u3092\u63cf\u753b\n const costPerUseCtx = document.getElementById('costPerUseChart').getContext('2d');\n window.costPerUseChart = new Chart(costPerUseCtx, costPerUseConfig);\n\n const unitPriceCtx = document.getElementById('unitPriceChart').getContext('2d');\n window.unitPriceChart = new Chart(unitPriceCtx, unitPriceConfig);\n }\n\n resetBtn.addEventListener('click', () => {\n \/\/ \u5165\u529b\u5024\u3092\u30ea\u30bb\u30c3\u30c8\n itemData = {};\n updateItemFields(); \/\/ \u5546\u54c1\u6570\u306b\u5408\u308f\u305b\u3066\u5165\u529b\u6b04\u3092\u30ea\u30bb\u30c3\u30c8\n document.getElementById('results').innerHTML = '';\n if (window.costPerUseChart && window.costPerUseChart.destroy) {\n window.costPerUseChart.destroy();\n }\n if (window.unitPriceChart && window.unitPriceChart.destroy) {\n window.unitPriceChart.destroy();\n }\n });\n\n updateItemFields(); \/\/ \u521d\u671f\u5316\u6642\u306b\u5546\u54c1\u6570\u3092\u8868\u793a\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u5358\u7d14\u306a\u5358\u4fa1\u6bd4\u8f03\u3067\u306a\u304f\u3001\u6d17\u6fef1\u56de\uff08\u6c3430L\uff09\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u91cf\u306e\u91d1\u984d\u306e\u6bd4\u8f03\u3092\u884c\u3044\u3088\u308a\u7bc0<\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[3],"tags":[171,169,172,168,167,170],"class_list":["post-372","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-appplicaton","tag-171","tag-169","tag-172","tag-168","tag-167","tag-170"],"rttpg_featured_image_url":{"full":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"landscape":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"portraits":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"medium":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-300x183.png",300,183,true],"large":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"1536x1536":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"2048x2048":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"post-thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"cps_thumbnails":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-320x180.png",320,180,true],"small_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-640x360.png",640,360,true],"large_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false]},"rttpg_author":{"display_name":"ainiigata","author_link":"https:\/\/www.wp.ainiigata.com\/?author=1"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.wp.ainiigata.com\/?cat=3\" rel=\"category\">\u30a2\u30d7\u30ea<\/a>","rttpg_excerpt":"\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066…","_links":{"self":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=372"}],"version-history":[{"count":8,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions\/383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":372,"date":"2024-09-03T22:27:08","date_gmt":"2024-09-03T13:27:08","guid":{"rendered":"http:\/\/www.wp.ainiigata.com\/?p=372"},"modified":"2024-09-06T08:22:13","modified_gmt":"2024-09-05T23:22:13","slug":"%e8%b6%85%e7%af%80%e7%b4%84-%e5%8d%98%e4%be%a1%e6%af%94%e8%bc%83","status":"publish","type":"post","link":"https:\/\/www.wp.ainiigata.com\/?p=372","title":{"rendered":"\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03"},"content":{"rendered":"\n\n\n\n \n \n \n \u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n padding: 20px;\n }\n .container {\n display: flex;\n flex-direction: column;\n gap: 20px;\n max-width: 600px;\n margin: auto;\n }\n .item {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .input-group {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n }\n .input-group label {\n flex: 1;\n }\n .input-group input {\n flex: 2;\n }\n button {\n padding: 10px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n }\n button:hover {\n background-color: #45a049;\n }\n .results {\n margin-top: 20px;\n padding: 10px;\n border: 1px solid #ddd;\n }\n canvas {\n max-width: 100%;\n height: auto;\n margin-top: 20px;\n }\n .reset-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1>\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09<\/h1>\n <h2>\u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f<br>\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u5358\u7d14\u306a\u5358\u4fa1\u6bd4\u8f03\u3067\u306a\u304f\u3001<br>\u6d17\u6fef1\u56de\uff08\u6c3430L\uff09\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u91cf\u306e\u91d1\u984d\u306e\u6bd4\u8f03\u3092\u884c\u3044\u3088\u308a\u7bc0\u7d04\u306b\u3064\u306a\u3052\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/h2>\n <h2>\u203b\u3053\u306e\u30b5\u30a4\u30c8\u306f\u3001\u3042\u304f\u307e\u3067\u3082\u53c2\u8003\u5024\u3067\u3059\u3002\u5b9f\u969b\u306b\u8cfc\u5165\u3059\u308b\u5834\u5408\u306f\u3001\u5fc5\u305a\u3054\u81ea\u8eab\u3067\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/h2>\n\n \n <div class=\"instructions\">\n <h2>\u4f7f\u7528\u65b9\u6cd5<\/h2>\n <ol>\n <li>\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u5404\u5546\u54c1\u306e\u8ca9\u58f2\u4fa1\u683c\uff08\u5186\uff09\u3001\u5185\u5bb9\u91cf\uff08g\uff09\u3001\u6c3430L\u306b\u5bfe\u3059\u308b\u6d17\u5264\u306e\u4f7f\u7528\u91cf\uff08g\/30L\uff09\u3092\u305d\u308c\u305e\u308c\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<br>\n \u203b\u8ca9\u58f2\u4fa1\u683c\u306b\u306f\u3001\u7a0e\u8fbc\u307f\u3001\u7a0e\u629c\u304d\u3069\u3061\u3089\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u304c\u3001\u5404\u5546\u54c1\u306b\u5165\u308c\u308b\u91d1\u984d\u306f\u7d71\u4e00\u3057\u3066\u304f\u3060\u3055\u3044<br>\n \u203b\u5185\u5bb9\u91cf\u3068\u306f\u3001\u8cfc\u5165\u3092\u691c\u8a0e\u3057\u3066\u3044\u308b\u5546\u54c1\u306e\u5185\u5bb9\u91cf\u3092\u8a18\u5165\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n <li>\u300c\u8a08\u7b97\u3059\u308b\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5404\u5546\u54c1\u306e1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\uff08\u5186\/\u56de\uff09\u3068\u5546\u54c1\u5358\u4fa1\uff08\u5186\/g\uff09\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n <li>\u3055\u3089\u306b\u3001\u3069\u3061\u3089\u306e\u5546\u54c1\u304c1\u56de\u6d17\u6fef\u3059\u308b\u306e\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u306e\u91d1\u984d\u304c\u5b89\u3044\u304b\u3092\u6bd4\u8f03\u7d50\u679c\u3068\u3057\u3066\u8868\u793a\u3057\u307e\u3059\u3002<\/li>\n <li>\u30b0\u30e9\u30d5\u3067\u6bd4\u8f03\u304c\u8996\u899a\u7684\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/li>\n <li>\u5546\u54c1\u6570\u3092\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u3001\u968f\u6642\u300c\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e\u300d\u304b\u3089\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/li>\n <li>\u300c\u30ea\u30bb\u30c3\u30c8\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u5165\u529b\u3055\u308c\u305f\u5546\u54c1\u306e\u30c7\u30fc\u30bf\u304c\u30ea\u30bb\u30c3\u30c8\u3055\u308c\u307e\u3059\u3002<\/li>\n <\/ol>\n <\/div>\n\n <div class=\"reset-container\">\n <div>\n <label for=\"productCount\">\u6bd4\u8f03\u3059\u308b\u5546\u54c1\u6570\u3092\u9078\u629e:<\/label>\n <select id=\"productCount\">\n <option value=\"2\">2\u5546\u54c1<\/option>\n <option value=\"3\">3\u5546\u54c1<\/option>\n <option value=\"4\">4\u5546\u54c1<\/option>\n <option value=\"5\">5\u5546\u54c1<\/option>\n <\/select>\n <\/div>\n <button id=\"resetBtn\">\u30ea\u30bb\u30c3\u30c8<\/button>\n <\/div>\n\n <div id=\"itemsContainer\">\n \n <\/div>\n\n <button id=\"calculateBtn\">\u8a08\u7b97\u3059\u308b<\/button>\n\n <div class=\"results\" id=\"results\"><\/div>\n\n \n <canvas id=\"costPerUseChart\"><\/canvas>\n <canvas id=\"unitPriceChart\"><\/canvas>\n\n<\/div>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<script>\n const itemsContainer = document.getElementById('itemsContainer');\n const productCountSelect = document.getElementById('productCount');\n const resetBtn = document.getElementById('resetBtn');\n\n let itemData = {}; \/\/ \u5546\u54c1\u306e\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\n\n function updateItemFields() {\n const count = parseInt(productCountSelect.value);\n itemsContainer.innerHTML = '';\n\n for (let i = 1; i <= count; i++) {\n const price = itemData[i]?.price || '';\n const quantity = itemData[i]?.quantity || '';\n const usage = itemData[i]?.usage || '';\n const name = itemData[i]?.name || '';\n\n itemsContainer.innerHTML += `\n <div class=\"item\">\n <h2>\u5546\u54c1${i}<\/h2>\n <div class=\"input-group\">\n <label for=\"name${i}\">\u5546\u54c1\u540d:<\/label>\n <input type=\"text\" id=\"name${i}\" value=\"${name}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"price${i}\">\u8ca9\u58f2\u4fa1\u683c (\u5186):<\/label>\n <input type=\"number\" id=\"price${i}\" min=\"0\" step=\"any\" value=\"${price}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"quantity${i}\">\u5185\u5bb9\u91cf (g):<\/label>\n <input type=\"number\" id=\"quantity${i}\" min=\"0\" step=\"any\" value=\"${quantity}\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"usage${i}\">\u6c3430L\u3067\u306e\u6d17\u5264\u306e\u4f7f\u7528\u91cf (g\/\u56de):<\/label>\n <input type=\"number\" id=\"usage${i}\" min=\"0\" step=\"any\" value=\"${usage}\">\n <\/div>\n <\/div>\n `;\n }\n }\n\n productCountSelect.addEventListener('change', () => {\n \/\/ \u73fe\u5728\u306e\u5165\u529b\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\n const count = parseInt(productCountSelect.value);\n for (let i = 1; i <= count; i++) {\n itemData[i] = {\n price: document.getElementById(`price${i}`)?.value || '',\n quantity: document.getElementById(`quantity${i}`)?.value || '',\n usage: document.getElementById(`usage${i}`)?.value || '',\n name: document.getElementById(`name${i}`)?.value || ''\n };\n }\n updateItemFields();\n });\n\n document.getElementById('calculateBtn').addEventListener('click', calculate);\n\n function calculate() {\n const count = parseInt(productCountSelect.value);\n const resultsContainer = document.getElementById('results');\n const chartLabels = [];\n const unitPrices = [];\n const costsPerUse = [];\n \n for (let i = 1; i <= count; i++) {\n const price = parseFloat(document.getElementById(`price${i}`).value) || 0;\n const quantity = parseFloat(document.getElementById(`quantity${i}`).value) || 1;\n const usage = parseFloat(document.getElementById(`usage${i}`).value) || 0;\n const name = document.getElementById(`name${i}`).value || `\u5546\u54c1${i}`;\n\n const unitPrice = price \/ quantity;\n const costPerUse = unitPrice * usage;\n\n chartLabels.push(name);\n unitPrices.push(unitPrice);\n costsPerUse.push(costPerUse);\n }\n\n let minCostIndex = costsPerUse.indexOf(Math.min(...costsPerUse));\n let minUnitPriceIndex = unitPrices.indexOf(Math.min(...unitPrices));\n\n resultsContainer.innerHTML = `\n <h3>\u7d50\u679c<\/h3>\n ${chartLabels.map((label, i) => `\n <p><strong>${label}:<\/strong>1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d: ${costsPerUse[i].toFixed(2)} \u5186\/\u56de, \u5546\u54c1\u5358\u4fa1\uff08\u53c2\u8003\uff09: ${unitPrices[i].toFixed(2)} \u5186\/g<\/p>\n `).join('')}\n <p><strong>\u6bd4\u8f03\u7d50\u679c:<\/strong> 1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\u304c\u5b89\u3044\u306e\u306f ${chartLabels[minCostIndex]} \u3067\u3059\u3002<br> \u203b\uff08\u53c2\u8003\uff09\u5546\u54c1\u5358\u4fa1\u304c\u5b89\u3044\u306e\u306f ${chartLabels[minUnitPriceIndex]} \u3067\u3059\u3002<\/p>\n `;\n\n \/\/ \u30b0\u30e9\u30d5\u306e\u30c7\u30fc\u30bf\u3068\u30aa\u30d7\u30b7\u30e7\u30f3\u8a2d\u5b9a\n const costPerUseData = {\n labels: chartLabels,\n datasets: [{\n label: '1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d (\u5186\/\u56de)',\n data: costsPerUse,\n backgroundColor: costsPerUse.map((_, i) => i === minCostIndex ? 'rgba(255, 99, 132, 0.5)' : 'rgba(255, 99, 132, 0.2)'),\n borderColor: costsPerUse.map((_, i) => i === minCostIndex ? 'rgba(255, 99, 132, 1)' : 'rgba(255, 99, 132, 0.5)'),\n borderWidth: 1\n }]\n };\n\n const unitPriceData = {\n labels: chartLabels,\n datasets: [{\n label: '\u3010\u53c2\u8003\u3011\u5546\u54c1\u5358\u4fa1 (\u5186\/g)',\n data: unitPrices,\n backgroundColor: unitPrices.map((_, i) => i === minUnitPriceIndex ? 'rgba(54, 162, 235, 0.5)' : 'rgba(54, 162, 235, 0.2)'),\n borderColor: unitPrices.map((_, i) => i === minUnitPriceIndex ? 'rgba(54, 162, 235, 1)' : 'rgba(54, 162, 235, 0.5)'),\n borderWidth: 1\n }]\n };\n\n const costPerUseConfig = {\n type: 'bar',\n data: costPerUseData,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: '1\u56de\u306e\u6d17\u6fef\uff08\u6c3430L\uff09\u6642\u306e\u6d17\u5264\u306e\u91d1\u984d\u306e\u6bd4\u8f03 (\u5186\/\u56de)'\n }\n },\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n };\n\n const unitPriceConfig = {\n type: 'bar',\n data: unitPriceData,\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n },\n title: {\n display: true,\n text: '\u3010\u53c2\u8003\u3011\u5546\u54c1\u5358\u4fa1\u306e\u6bd4\u8f03 (\u5186\/g)'\n }\n },\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }\n };\n\n \/\/ \u65e2\u5b58\u306e\u30c1\u30e3\u30fc\u30c8\u304c\u3042\u308c\u3070\u7834\u68c4\n if (window.costPerUseChart && window.costPerUseChart.destroy) {\n window.costPerUseChart.destroy();\n }\n if (window.unitPriceChart && window.unitPriceChart.destroy) {\n window.unitPriceChart.destroy();\n }\n\n \/\/ \u65b0\u3057\u3044\u30c1\u30e3\u30fc\u30c8\u3092\u63cf\u753b\n const costPerUseCtx = document.getElementById('costPerUseChart').getContext('2d');\n window.costPerUseChart = new Chart(costPerUseCtx, costPerUseConfig);\n\n const unitPriceCtx = document.getElementById('unitPriceChart').getContext('2d');\n window.unitPriceChart = new Chart(unitPriceCtx, unitPriceConfig);\n }\n\n resetBtn.addEventListener('click', () => {\n \/\/ \u5165\u529b\u5024\u3092\u30ea\u30bb\u30c3\u30c8\n itemData = {};\n updateItemFields(); \/\/ \u5546\u54c1\u6570\u306b\u5408\u308f\u305b\u3066\u5165\u529b\u6b04\u3092\u30ea\u30bb\u30c3\u30c8\n document.getElementById('results').innerHTML = '';\n if (window.costPerUseChart && window.costPerUseChart.destroy) {\n window.costPerUseChart.destroy();\n }\n if (window.unitPriceChart && window.unitPriceChart.destroy) {\n window.unitPriceChart.destroy();\n }\n });\n\n updateItemFields(); \/\/ \u521d\u671f\u5316\u6642\u306b\u5546\u54c1\u6570\u3092\u8868\u793a\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066\u307f\u307e\u305b\u3093\u304b\uff1f\u3053\u306e\u30b5\u30a4\u30c8\u3067\u306f\u3001\u5358\u7d14\u306a\u5358\u4fa1\u6bd4\u8f03\u3067\u306a\u304f\u3001\u6d17\u6fef1\u56de\uff08\u6c3430L\uff09\u306b\u4f7f\u7528\u3059\u308b\u6d17\u5264\u91cf\u306e\u91d1\u984d\u306e\u6bd4\u8f03\u3092\u884c\u3044\u3088\u308a\u7bc0<\/p>\n","protected":false},"author":1,"featured_media":377,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[3],"tags":[171,169,172,168,167,170],"class_list":["post-372","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-appplicaton","tag-171","tag-169","tag-172","tag-168","tag-167","tag-170"],"rttpg_featured_image_url":{"full":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"landscape":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"portraits":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"medium":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-300x183.png",300,183,true],"large":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"1536x1536":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"2048x2048":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false],"post-thumbnail":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-150x150.png",150,150,true],"cps_thumbnails":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-320x180.png",320,180,true],"small_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf-640x360.png",640,360,true],"large_size":["https:\/\/www.wp.ainiigata.com\/wp-content\/uploads\/2024\/09\/\u5358\u4fa1\u8a08\u7b97\u30a4\u30e1\u30fc\u30b8\u753b\u50cf.png",783,477,false]},"rttpg_author":{"display_name":"ainiigata","author_link":"https:\/\/www.wp.ainiigata.com\/?author=1"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.wp.ainiigata.com\/?cat=3\" rel=\"category\">\u30a2\u30d7\u30ea<\/a>","rttpg_excerpt":"\u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u8d85\u7bc0\u7d04 \u4fa1\u683c\u6bd4\u8f03\uff08\u6d17\u5264\u30fb\u67d4\u8edf\u5264Ver\uff09 \u666e\u6bb5\u306e\u304a\u8cb7\u3044\u7269\u6642\u306b\u3001\u8d85\u7bc0\u7d04\u3057\u3066…","_links":{"self":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=372"}],"version-history":[{"count":8,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/posts\/372\/revisions\/383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=\/wp\/v2\/media\/377"}],"wp:attachment":[{"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wp.ainiigata.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}