{"id":264,"date":"2026-03-25T22:51:23","date_gmt":"2026-03-25T13:51:23","guid":{"rendered":"https:\/\/tool-laboratory.com\/?page_id=264"},"modified":"2026-03-25T22:59:12","modified_gmt":"2026-03-25T13:59:12","slug":"money-tools","status":"publish","type":"page","link":"https:\/\/tool-laboratory.com\/en\/money-tools\/","title":{"rendered":"\u304a\u91d1\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u7121\u6599\u3067\u4f7f\u3048\u308b\u4fbf\u5229\u306a\u8a08\u7b97\u30c4\u30fc\u30eb\u307e\u3068\u3081"},"content":{"rendered":"\n<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u304a\u91d1\u306b\u95a2\u3059\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u3092\u4e00\u89a7\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f\u3067\u76ee\u7684\u306e\u30c4\u30fc\u30eb\u3092\u3059\u3050\u898b\u3064\u3051\u3089\u308c\u307e\u3059\u3002<\/p>\n\n<!-- \u691c\u7d22\u30fb\u30d5\u30a3\u30eb\u30bf\u30fc -->\n\n<div class=\"tool-controls\">\n  <input type=\"text\" id=\"searchBox\" placeholder=\"\u30c4\u30fc\u30eb\u3092\u691c\u7d22...\">\n  <select id=\"tagFilter\">\n    <option value=\"\">\u3059\u3079\u3066<\/option>\n  <\/select>\n  <select id=\"sortSelect\">\n    <option value=\"new\">\u65b0\u7740\u9806<\/option>\n    <option value=\"popular\">\u4eba\u6c17\u9806<\/option>\n  <\/select>\n<\/div>\n\n<h2>\ud83d\udcca \u30c4\u30fc\u30eb\u4e00\u89a7<\/h2>\n<ul id=\"allTools\"><\/ul>\n\n<style>\n.tool-controls{\n  display:flex;\n  flex-direction:column;\n  gap:10px;\n  margin:20px 0;\n}\n\n.tool-controls input,\n.tool-controls select{\n  padding:12px;\n  font-size:16px;\n  border-radius:10px;\n  border:1px solid #ddd;\n}\n\n#allTools{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:12px;\n}\n\n.tool-card{\n  display:block;\n  padding:16px;\n  border-radius:14px;\n  background:#fff;\n  box-shadow:0 5px 15px rgba(0,0,0,0.08);\n  text-decoration:none;\n  color:#111;\n}\n\n.tool-title{\n  font-weight:bold;\n}\n\n.tool-desc{\n  font-size:13px;\n  color:#666;\n}\n\n.tool-tags{\n  font-size:12px;\n  color:#3B82F6;\n  margin-top:5px;\n}\n\n@media(min-width:600px){\n  .tool-controls{\n    flex-direction:row;\n  }\n}\n<\/style>\n\n<script>\n(function(){\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const list = document.getElementById(\"allTools\");\n  const searchBox = document.getElementById(\"searchBox\");\n  const tagFilter = document.getElementById(\"tagFilter\");\n  const sortSelect = document.getElementById(\"sortSelect\");\n\n  let allPosts = [];\n\n  \/\/ \ud83d\udd25 \u30b9\u30e9\u30c3\u30b0\u304b\u3089\u30ab\u30c6\u30b4\u30eaID\u53d6\u5f97\n  fetch(\"\/wp-json\/wp\/v2\/categories?slug=money-tools\")\n    .then(res => res.json())\n    .then(catData => {\n\n      if(!catData.length){\n        list.innerHTML = \"<li>\u30ab\u30c6\u30b4\u30ea\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093<\/li>\";\n        return;\n      }\n\n      let categoryId = catData[0].id;\n\n      \/\/ \u6295\u7a3f\u53d6\u5f97\n      return fetch(\"\/wp-json\/wp\/v2\/posts?categories=\" + categoryId + \"&per_page=50&_embed\");\n\n    })\n    .then(res => res.json())\n    .then(data => {\n\n      allPosts = data;\n      render(data);\n      setupTags(data);\n\n    })\n    .catch(err => {\n      list.innerHTML = \"<li>\u53d6\u5f97\u5931\u6557<\/li>\";\n    });\n\n\n  function render(posts){\n    list.innerHTML = \"\";\n\n    posts.forEach(post => {\n\n      let li = document.createElement(\"li\");\n\n      let a = document.createElement(\"a\");\n      a.href = post.link;\n      a.className = \"tool-card\";\n\n      let title = document.createElement(\"div\");\n      title.className = \"tool-title\";\n      title.innerHTML = post.title.rendered;\n\n      let desc = document.createElement(\"div\");\n      desc.className = \"tool-desc\";\n      desc.textContent = post.excerpt.rendered.replace(\/<[^>]+>\/g, \"\").slice(0,60);\n\n      let tags = document.createElement(\"div\");\n      tags.className = \"tool-tags\";\n\n      let tagNames = (post._embedded[\"wp:term\"]?.[1] || []).map(t => t.name);\n      tags.textContent = tagNames.join(\", \");\n\n      a.appendChild(title);\n      a.appendChild(desc);\n      a.appendChild(tags);\n\n      li.appendChild(a);\n      list.appendChild(li);\n\n    });\n  }\n\n  function setupTags(posts){\n    let tagSet = new Set();\n\n    posts.forEach(post=>{\n      (post._embedded[\"wp:term\"]?.[1] || []).forEach(tag=>{\n        tagSet.add(tag.name);\n      });\n    });\n\n    tagSet.forEach(tag=>{\n      let option = document.createElement(\"option\");\n      option.value = tag;\n      option.textContent = tag;\n      tagFilter.appendChild(option);\n    });\n  }\n\n  function filter(){\n    let keyword = searchBox.value.toLowerCase();\n    let tag = tagFilter.value;\n\n    let filtered = allPosts.filter(post=>{\n      let title = post.title.rendered.toLowerCase();\n      let tags = (post._embedded[\"wp:term\"]?.[1] || []).map(t => t.name);\n\n      return title.includes(keyword) &&\n             (tag === \"\" || tags.includes(tag));\n    });\n\n    render(filtered);\n  }\n\n  searchBox.addEventListener(\"input\", filter);\n  tagFilter.addEventListener(\"change\", filter);\n  sortSelect.addEventListener(\"change\", filter);\n\n});\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u304a\u91d1\u306b\u95a2\u3059\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u3092\u4e00\u89a7\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u691c\u7d22\u30fb\u7d5e\u308a\u8fbc\u307f\u3067\u76ee\u7684\u306e\u30c4\u30fc\u30eb\u3092\u3059\u3050\u898b\u3064\u3051\u3089\u308c\u307e\u3059\u3002 \u3059\u3079\u3066 \u65b0\u7740\u9806\u4eba\u6c17\u9806 \ud83d\udcca \u30c4\u30fc\u30eb\u4e00\u89a7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-264","page","type-page","status-publish"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/comments?post=264"}],"version-history":[{"count":5,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/264\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/264\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/media?parent=264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}