{"id":5906,"date":"2026-06-21T12:00:00","date_gmt":"2026-06-21T03:00:00","guid":{"rendered":"https:\/\/4771labo.com\/?page_id=5906"},"modified":"2026-06-21T11:37:30","modified_gmt":"2026-06-21T02:37:30","slug":"%e8%b3%87%e7%94%a3%e4%be%a1%e5%80%a4%ef%bc%88%e6%b8%9b%e4%be%a1%e5%84%9f%e5%8d%b4%ef%bc%89%e8%a8%88%e7%ae%97%e6%a9%9f","status":"publish","type":"page","link":"https:\/\/4771labo.com\/?page_id=5906","title":{"rendered":"\u88c5\u5099\u30b3\u30b9\u30d1\u8a08\u7b97\u6a5f\uff081\u65e5\u3044\u304f\u3089\uff1f\uff09"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u9ad8\u3044\u8cb7\u3044\u7269\u3092\u3059\u308b\u3068\u304d\u3001\u7dcf\u984d\u3060\u3051\u898b\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<br>\u672c\u5f53\u306b\u898b\u308b\u3079\u304d\u306a\u306e\u306f\u300c\u4f55\u5e74\u4f7f\u3048\u3066\u30011\u65e5\u3044\u304f\u3089\u304b\u300d\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9ad8\u984d\u3067\u3082\u9577\u304f\u4f7f\u3048\u3070\u3001\u610f\u5916\u3068\u5b89\u3044\u3002<br>\u9006\u306b\u5b89\u304f\u3066\u3082\u3059\u3050\u58ca\u308c\u308c\u3070\u3001\u9ad8\u304f\u3064\u304f\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u30c4\u30fc\u30eb\u3067\u3001\u3042\u306a\u305f\u306e\u8cb7\u3044\u7269\u306e\u201c\u771f\u306e\u30b3\u30b9\u30d1\u201d\u3092\u8a08\u7b97\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n<style>\n  .calc-box {\n    background: #fff;\n    padding: 24px;\n    border-radius: 16px;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n    max-width: 600px;\n    margin: 20px auto;\n    font-family: sans-serif;\n  }\n  .calc-box input[type=\"number\"], .calc-box select {\n    width: 100%;\n    padding: 12px;\n    margin: 8px 0 20px;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    box-sizing: border-box;\n  }\n  .calc-box button {\n    width: 100%;\n    padding: 14px;\n    background: #333;\n    color: #fff;\n    border: none;\n    border-radius: 8px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n  .calc-scroll-wrapper { overflow-x: auto; margin-top: 20px; -webkit-overflow-scrolling: touch; }\n  .calc-table { width: auto !important; border-collapse: collapse !important; table-layout: fixed !important; min-width: 300px; font-size: 14px !important; }\n  .calc-table th, .calc-table td { padding: 10px !important; border-bottom: 1px solid #eee !important; text-align: left !important; white-space: nowrap !important; }\n<\/style>\n\n<div class=\"calc-box\">\n  <h3 style=\"margin-top: 0;\" id=\"i-0\">\u88c5\u5099\u30b3\u30b9\u30d1\u8a08\u7b97\u6a5f<\/h3>\n  <label>\u511f\u5374\u65b9\u6cd5:<\/label>\n<div class=\"radio-group\">\n  <input type=\"radio\" id=\"fixed\" name=\"method\" value=\"fixed\" checked>\n  <label for=\"fixed\">\u5b9a\u984d\u6cd5<\/label>\n\n  <input type=\"radio\" id=\"declining\" name=\"method\" value=\"declining\" disabled>\n  <label for=\"declining\">\u5b9a\u7387\u6cd5(\u672a\u5b9f\u88c5)<\/label>\n<\/div>\n\n  <label>\u8cc7\u7523\u306e\u7a2e\u985e:<\/label>\n  <select id=\"assetType\">\n    <option value=\"6\">\u8eca\u4e21\uff08\u666e\u901a\u8eca\uff09: 6\u5e74<\/option>\n    <option value=\"4\">\u8efd\u81ea\u52d5\u8eca: 4\u5e74<\/option>\n    <option value=\"4\">PC: 4\u5e74<\/option>\n    <option value=\"2\">\u30b9\u30de\u30db: 2\u5e74<\/option>\n    <option value=\"5\">\u30ab\u30e1\u30e9: 5\u5e74<\/option>\n  <\/select>\n\n  <label>\u53d6\u5f97\u91d1\u984d\uff08\u5358\u4f4d\uff1a\u4e07\u5186\uff09:<\/label>\n  <input type=\"number\" id=\"price\" value=\"300\">\n\n  <button onclick=\"calculate()\" id=\"startBtn\">\u8a08\u7b97\u3059\u308b<\/button>\n\n  <div id=\"result\" style=\"margin-top: 20px;\"><\/div>\n  <canvas id=\"myChart\" style=\"margin-top: 20px;\"><\/canvas>\n<\/div>\n\n<script>\nlet chart;\nfunction calculate() {\n  const years = parseInt(document.getElementById('assetType').value);\n  const priceMan = parseFloat(document.getElementById('price').value);\n  const price = priceMan * 10000;\n  \n  const annualDep = price \/ years;\n  const dailyCost = annualDep \/ 365;\n\n  let html = `<p>1\u5e74\u3042\u305f\u308a\u306e\u30b3\u30b9\u30c8: <strong>${Math.round(annualDep).toLocaleString()}\u5186<\/strong><\/p>`;\n  html += `<p>1\u65e5\u3042\u305f\u308a\u306e\u30b3\u30b9\u30c8: <strong>${Math.round(dailyCost).toLocaleString()}\u5186<\/strong><\/p>`;\n  \n  html += `<div class=\"calc-scroll-wrapper\">\n             <table class=\"calc-table\" style=\"display: table !important; width: auto !important; min-width: 300px !important; border:none; border-top:2px solid #445555 !important; border-bottom:2px solid #445555 !important;\">\n             <tr style=\"display: table-row !important; border-top:2px solid #445555 !important; border-bottom:2px solid #445555 !important;\">\n               <th style=\"display: table-cell !important; width: 100px !important; border:none;\">\u7d4c\u904e\u5e74<\/th>\n               <th style=\"display: table-cell !important; width: 200px !important; border:none;\">\u63a8\u5b9a\u4fa1\u5024<\/th>\n             <\/tr>`;\n  \n  const labels = [], data = [];\n  let currentVal = price;\n  for (let i = 0; i <= years; i++) {\n    html += `<tr style=\"display: table-row !important; border-top: 1px solid #445555 !important; border-bottom: 1px solid #445555 !important;\">\n               <td style=\"display: table-cell !important; border-left:none; border-right:none;\">${i}\u5e74\u5f8c<\/td>\n               <td style=\"display: table-cell !important; border-left:none; border-right:none;\">${Math.round(Math.max(1, currentVal)).toLocaleString()}\u5186<\/td>\n             <\/tr>`;\n    labels.push(i + \"\u5e74\");\n    data.push(Math.round(Math.max(1, currentVal)));\n    currentVal -= annualDep;\n  }\n  html += `<\/table><\/div>`;\n  \n  document.getElementById('result').innerHTML = html;\n\n  const ctx = document.getElementById('myChart').getContext('2d');\n  if (chart) chart.destroy();\n  chart = new Chart(ctx, {\n    type: 'line',\n    data: { labels, datasets: [{ label: '\u73fe\u5728\u306e\u4fa1\u5024\uff08\u5186\uff09', data, borderColor: '#333', backgroundColor: 'rgba(51,51,51,0.1)', fill: true, tension: 0.3 }] },\n    options: { responsive: true, plugins: { legend: { display: false } } }\n  });\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\u203b\u3053\u306e\u30c4\u30fc\u30eb\u306f\u3001\u6e1b\u4fa1\u511f\u5374\u306e\u8003\u3048\u65b9\u3092\u3082\u3068\u306b\u300c\u4fa1\u5024\u306e\u6e1b\u308a\u65b9\u300d\u3084\u300c1\u65e5\u3042\u305f\u308a\u30b3\u30b9\u30c8\u300d\u3092\u30a4\u30e1\u30fc\u30b8\u3057\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e\u7c21\u6613\u8a08\u7b97\u30c4\u30fc\u30eb\u3067\u3059\u3002<br>\u5b9f\u969b\u306e\u4e2d\u53e4\u4fa1\u683c\u3001\u58f2\u5374\u4fa1\u683c\u3001\u7a0e\u52d9\u7533\u544a\u4e0a\u306e\u5e33\u7c3f\u4fa1\u984d\u3068\u306f\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9ad8\u3044\u8cb7\u3044\u7269\u3092\u3059\u308b\u3068\u304d\u3001\u7dcf\u984d\u3060\u3051\u898b\u3066\u3044\u307e\u305b\u3093\u304b\uff1f\u672c\u5f53\u306b\u898b\u308b\u3079\u304d\u306a\u306e\u306f\u300c\u4f55\u5e74\u4f7f\u3048\u3066\u30011\u65e5\u3044\u304f\u3089\u304b\u300d\u3067\u3059\u3002 \u9ad8\u984d\u3067\u3082\u9577\u304f\u4f7f\u3048\u3070\u3001\u610f\u5916\u3068\u5b89\u3044\u3002\u9006\u306b\u5b89\u304f\u3066\u3082\u3059\u3050\u58ca\u308c\u308c\u3070\u3001\u9ad8\u304f\u3064\u304f\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002 \u3053\u306e\u30c4\u30fc\u30eb\u3067\u3001\u3042\u306a\u305f\u306e\u8cb7\u3044\u7269\u306e\u201c\u771f &#8230; <\/p>\n","protected":false},"author":1,"featured_media":4137,"parent":2216,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5906","page","type-page","status-publish","has-post-thumbnail","entry"],"_links":{"self":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5906"}],"version-history":[{"count":62,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5906\/revisions"}],"predecessor-version":[{"id":5985,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/5906\/revisions\/5985"}],"up":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/pages\/2216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/4771labo.com\/index.php?rest_route=\/wp\/v2\/media\/4137"}],"wp:attachment":[{"href":"https:\/\/4771labo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}