{"id":278,"date":"2026-03-25T23:03:47","date_gmt":"2026-03-25T14:03:47","guid":{"rendered":"https:\/\/tool-laboratory.com\/?page_id=278"},"modified":"2026-03-25T23:08:38","modified_gmt":"2026-03-25T14:08:38","slug":"house-tools","status":"publish","type":"page","link":"https:\/\/tool-laboratory.com\/en\/house-tools\/","title":{"rendered":"\u751f\u6d3b\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u65e5\u5e38\u3067\u4f7f\u3048\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u307e\u3068\u3081\u3010\u7121\u6599\u3011"},"content":{"rendered":"\n<h2>\ud83d\udd0d \u751f\u6d3b\u30c4\u30fc\u30eb\u3092\u63a2\u3059<\/h2>\n\n<div class=\"tool-controls\">\n  <input type=\"text\" id=\"searchBox\" placeholder=\"\u30c4\u30fc\u30eb\u540d\u3067\u691c\u7d22...\">\n  \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<ul id=\"allTools\"><\/ul>\n\n<style>\n.tool-controls{\n  display:flex;\n  gap:10px;\n  margin:20px 0;\n}\n.tool-controls input,\n.tool-controls select{\n  padding:14px;\n  font-size:16px;\n  border-radius:12px;\n  border:1px solid #ddd;\n}\n\n#allTools{\n  display:grid;\n  gap:14px;\n}\n\n.tool-card{\n  display:block;\n  padding:18px;\n  border-radius:16px;\n  background:#fff;\n  box-shadow:0 8px 20px rgba(0,0,0,0.08);\n  text-decoration:none;\n  color:#111;\n  transition:0.2s;\n}\n.tool-card:hover{\n  transform:translateY(-3px);\n}\n\n.tool-title{\n  font-weight:bold;\n  font-size:16px;\n}\n\n.tool-desc{\n  font-size:13px;\n  color:#666;\n  margin-top:5px;\n}\n\n@media(min-width:600px){\n  #allTools{\n    grid-template-columns:1fr 1fr;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const list = document.getElementById(\"allTools\");\n  const searchBox = document.getElementById(\"searchBox\");\n  const sortSelect = document.getElementById(\"sortSelect\");\n\n  let allPosts = [];\n\n  \/\/ \ud83d\udd25 \u30ab\u30c6\u30b4\u30ea\u53d6\u5f97\uff08slug\u56fa\u5b9a\uff09\n  fetch(\"\/wp-json\/wp\/v2\/categories?slug=house-tools\")\n    .then(res => res.json())\n    .then(cat => {\n\n      if(!cat.length){\n        list.innerHTML = \"<li>\u30ab\u30c6\u30b4\u30ea\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093<\/li>\";\n        return;\n      }\n\n      return fetch(\"\/wp-json\/wp\/v2\/posts?categories=\" + cat[0].id + \"&per_page=50\");\n\n    })\n    .then(res => res.json())\n    .then(posts => {\n\n      if(!posts.length){\n        list.innerHTML = \"<li>\u307e\u3060\u8a18\u4e8b\u304c\u3042\u308a\u307e\u305b\u3093<\/li>\";\n        return;\n      }\n\n      allPosts = posts;\n      render(posts);\n\n    })\n    .catch(() => {\n      list.innerHTML = \"<li>\u30c7\u30fc\u30bf\u53d6\u5f97\u30a8\u30e9\u30fc<\/li>\";\n    });\n\n  function render(posts){\n    list.innerHTML = \"\";\n\n    posts.forEach(post=>{\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 = \"\u30c4\u30fc\u30eb\u306e\u8a73\u7d30\u306f\u3053\u3061\u3089\";\n\n      a.appendChild(title);\n      a.appendChild(desc);\n      li.appendChild(a);\n\n      list.appendChild(li);\n    });\n  }\n\n  function applyFilter(){\n    let keyword = searchBox.value.toLowerCase();\n\n    let filtered = allPosts.filter(p =>\n      p.title.rendered.toLowerCase().includes(keyword)\n    );\n\n    \/\/ \ud83d\udd25 \u4eba\u6c17\u9806\uff08\u7591\u4f3c\uff1aID\u30d9\u30fc\u30b9\uff09\n    if(sortSelect.value === \"popular\"){\n      filtered.sort((a,b)=> b.id - a.id);\n    }else{\n      filtered.sort((a,b)=> new Date(b.date) - new Date(a.date));\n    }\n\n    render(filtered);\n  }\n\n  searchBox.addEventListener(\"input\", applyFilter);\n  sortSelect.addEventListener(\"change\", applyFilter);\n\n});\n<\/script>\n\n\n\n<p>\u65e5\u5e38\u751f\u6d3b\u306e\u4e2d\u3067\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u8a08\u7b97\u3084\u78ba\u8a8d\u3092\u3057\u305f\u3044\u3068\u611f\u3058\u308b\u5834\u9762\u306f\u591a\u304f\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u98df\u8cbb\u306e\u7ba1\u7406\u3001\u5149\u71b1\u8cbb\u306e\u76ee\u5b89\u3001\u4f53\u91cd\u7ba1\u7406\u3084\u6642\u9593\u306e\u8a08\u7b97\u306a\u3069\u3001\u751f\u6d3b\u306b\u95a2\u308f\u308b\u3042\u3089\u3086\u308b\u5834\u9762\u3067\u300c\u7c21\u5358\u306b\u4f7f\u3048\u308b\u30c4\u30fc\u30eb\u300d\u304c\u3042\u308b\u3068\u975e\u5e38\u306b\u4fbf\u5229\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u3057\u304b\u3057\u3001\u3053\u3046\u3057\u305f\u8a08\u7b97\u3092\u6bce\u56de\u624b\u4f5c\u696d\u3067\u884c\u3046\u306e\u306f\u624b\u9593\u304c\u304b\u304b\u308a\u3001\u30df\u30b9\u3082\u8d77\u304d\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u3067\u8abf\u3079\u306a\u304c\u3089\u8a08\u7b97\u3059\u308b\u306e\u3082\u52b9\u7387\u304c\u60aa\u304f\u3001\u6642\u9593\u3092\u7121\u99c4\u306b\u3057\u3066\u3057\u307e\u3046\u3053\u3068\u3082\u5c11\u306a\u304f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u305d\u3053\u3067\u5f79\u7acb\u3064\u306e\u304c\u3001\u3053\u306e\u751f\u6d3b\u30c4\u30fc\u30eb\u4e00\u89a7\u30da\u30fc\u30b8\u3067\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u65e5\u5e38\u751f\u6d3b\u3067\u5f79\u7acb\u3064\u3055\u307e\u3056\u307e\u306a\u30c4\u30fc\u30eb\u3092\u307e\u3068\u3081\u3066\u304a\u308a\u3001\u8ab0\u3067\u3082\u7c21\u5358\u306b\u4f7f\u3048\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u691c\u7d22\u6a5f\u80fd\u3092\u4f7f\u3048\u3070\u3001\u81ea\u5206\u304c\u4f7f\u3044\u305f\u3044\u30c4\u30fc\u30eb\u3092\u3059\u3050\u306b\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u7121\u99c4\u306a\u6642\u9593\u3092\u304b\u3051\u305a\u306b\u76ee\u7684\u3092\u9054\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\u3048\u3070\u3001\u5bb6\u8a08\u7ba1\u7406\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u3084\u3001\u5065\u5eb7\u7ba1\u7406\u306e\u305f\u3081\u306e\u8a08\u7b97\u30c4\u30fc\u30eb\u3001\u6642\u9593\u3084\u65e5\u4ed8\u306b\u95a2\u3059\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u306a\u3069\u3001\u5e45\u5e83\u3044\u30b8\u30e3\u30f3\u30eb\u306e\u30c4\u30fc\u30eb\u3092\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u3089\u306e\u30c4\u30fc\u30eb\u306f\u3059\u3079\u3066\u7121\u6599\u3067\u5229\u7528\u3067\u304d\u3001\u9762\u5012\u306a\u767b\u9332\u3084\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3082\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u304b\u3089\u3067\u3082\u5feb\u9069\u306b\u4f7f\u3048\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u5916\u51fa\u5148\u3067\u3082\u6c17\u8efd\u306b\u5229\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u5165\u529b\u3082\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u521d\u5fc3\u8005\u306e\u65b9\u3067\u3082\u76f4\u611f\u7684\u306b\u64cd\u4f5c\u3067\u304d\u308b\u70b9\u304c\u7279\u5fb4\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u751f\u6d3b\u3092\u3088\u308a\u5feb\u9069\u306b\u3059\u308b\u305f\u3081\u306b\u306f\u3001\u3053\u3046\u3057\u305f\u4fbf\u5229\u30c4\u30fc\u30eb\u3092\u3046\u307e\u304f\u6d3b\u7528\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306b\u63b2\u8f09\u3055\u308c\u3066\u3044\u308b\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u65e5\u3005\u306e\u4f5c\u696d\u3092\u52b9\u7387\u5316\u3057\u3001\u6642\u9593\u3068\u52b4\u529b\u3092\u7bc0\u7d04\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4eca\u5f8c\u3082\u65b0\u3057\u3044\u30c4\u30fc\u30eb\u3092\u968f\u6642\u8ffd\u52a0\u3057\u3066\u3044\u304f\u4e88\u5b9a\u3067\u3059\u306e\u3067\u3001\u305c\u3072\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3057\u3066\u5b9a\u671f\u7684\u306b\u30c1\u30a7\u30c3\u30af\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\u3042\u306a\u305f\u306e\u751f\u6d3b\u3092\u3088\u308a\u4fbf\u5229\u306b\u3059\u308b\u30c4\u30fc\u30eb\u304c\u3001\u304d\u3063\u3068\u898b\u3064\u304b\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd0d \u751f\u6d3b\u30c4\u30fc\u30eb\u3092\u63a2\u3059 \u65b0\u7740\u9806\u4eba\u6c17\u9806 \u65e5\u5e38\u751f\u6d3b\u306e\u4e2d\u3067\u3001\u3061\u3087\u3063\u3068\u3057\u305f\u8a08\u7b97\u3084\u78ba\u8a8d\u3092\u3057\u305f\u3044\u3068\u611f\u3058\u308b\u5834\u9762\u306f\u591a\u304f\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u98df\u8cbb\u306e\u7ba1\u7406\u3001\u5149\u71b1\u8cbb\u306e\u76ee\u5b89\u3001\u4f53\u91cd\u7ba1\u7406\u3084\u6642\u9593\u306e\u8a08\u7b97\u306a\u3069\u3001\u751f\u6d3b\u306b\u95a2\u308f\u308b\u3042\u3089\u3086\u308b\u5834\u9762\u3067\u300c\u7c21\u5358\u306b\u4f7f\u3048\u308b\u30c4\u30fc\u30eb\u300d\u304c &#8230; <a title=\"\u751f\u6d3b\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u65e5\u5e38\u3067\u4f7f\u3048\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u307e\u3068\u3081\u3010\u7121\u6599\u3011\" class=\"read-more\" href=\"https:\/\/tool-laboratory.com\/en\/house-tools\/\" aria-label=\"Read more about \u751f\u6d3b\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u65e5\u5e38\u3067\u4f7f\u3048\u308b\u4fbf\u5229\u30c4\u30fc\u30eb\u307e\u3068\u3081\u3010\u7121\u6599\u3011\">Read more<\/a><\/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-278","page","type-page","status-publish"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/278","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=278"}],"version-history":[{"count":3,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/278\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/278\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/media?parent=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}