{"id":273,"date":"2026-03-25T23:01:16","date_gmt":"2026-03-25T14:01:16","guid":{"rendered":"https:\/\/tool-laboratory.com\/?page_id=273"},"modified":"2026-03-25T23:11:53","modified_gmt":"2026-03-25T14:11:53","slug":"it-tools","status":"publish","type":"page","link":"https:\/\/tool-laboratory.com\/en\/it-tools\/","title":{"rendered":"IT\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u958b\u767a\u30fb\u4f5c\u696d\u52b9\u7387\u5316\u306b\u4f7f\u3048\u308b\u7121\u6599\u30c4\u30fc\u30eb\u307e\u3068\u3081"},"content":{"rendered":"\n<h2>\ud83d\udd0d IT\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 slug\u304b\u3089\u30ab\u30c6\u30b4\u30ea\u53d6\u5f97\n  fetch(\"\/wp-json\/wp\/v2\/categories?slug=it-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 = \"\u958b\u767a\u30fb\u4f5c\u696d\u52b9\u7387\u5316\u306b\u4f7f\u3048\u308b\u30c4\u30fc\u30eb\u3067\u3059\";\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\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>IT\u5206\u91ce\u306b\u304a\u3044\u3066\u4f5c\u696d\u52b9\u7387\u3092\u4e0a\u3052\u308b\u3053\u3068\u306f\u3001\u6210\u679c\u3092\u51fa\u3059\u305f\u3081\u306b\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u65e5\u3005\u306e\u958b\u767a\u3084\u696d\u52d9\u306e\u4e2d\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306e\u5909\u63db\u3084\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u6574\u7406\u3001\u30c7\u30fc\u30bf\u51e6\u7406\u3001\u7c21\u5358\u306a\u8a08\u7b97\u306a\u3069\u3001\u7d30\u304b\u3044\u4f5c\u696d\u304c\u6570\u591a\u304f\u767a\u751f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3057\u304b\u3057\u3001\u3053\u308c\u3089\u3092\u3059\u3079\u3066\u624b\u4f5c\u696d\u3067\u884c\u3046\u3068\u6642\u9593\u304c\u304b\u304b\u308a\u3001\u751f\u7523\u6027\u304c\u5927\u304d\u304f\u4f4e\u4e0b\u3057\u3066\u3057\u307e\u3044\u307e\u3059\u3002\u307e\u305f\u3001\u30df\u30b9\u304c\u767a\u751f\u3059\u308b\u30ea\u30b9\u30af\u3082\u9ad8\u307e\u308a\u3001\u7d50\u679c\u3068\u3057\u3066\u4f5c\u696d\u306e\u3084\u308a\u76f4\u3057\u304c\u5fc5\u8981\u306b\u306a\u308b\u3053\u3068\u3082\u5c11\u306a\u304f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n\n\n\n<p>\u305d\u3053\u3067\u6d3b\u7528\u3057\u305f\u3044\u306e\u304c\u3001IT\u30c4\u30fc\u30eb\u3067\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u3067\u306f\u3001\u958b\u767a\u3084\u65e5\u5e38\u696d\u52d9\u306e\u52b9\u7387\u5316\u306b\u5f79\u7acb\u3064\u30c4\u30fc\u30eb\u3092\u4e00\u89a7\u3067\u307e\u3068\u3081\u3066\u304a\u308a\u3001\u8ab0\u3067\u3082\u7c21\u5358\u306b\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u691c\u7d22\u6a5f\u80fd\u3092\u4f7f\u3048\u3070\u5fc5\u8981\u306a\u30c4\u30fc\u30eb\u3092\u3059\u3050\u306b\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u7121\u99c4\u306a\u6642\u9593\u3092\u524a\u6e1b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305f\u3001\u4eba\u6c17\u9806\u3067\u4e26\u3073\u66ff\u3048\u308b\u3053\u3068\u3067\u3001\u591a\u304f\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u5229\u7528\u3055\u308c\u3066\u3044\u308b\u5b9f\u7e3e\u306e\u3042\u308b\u30c4\u30fc\u30eb\u3092\u512a\u5148\u7684\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u521d\u3081\u3066\u5229\u7528\u3059\u308b\u5834\u5408\u3067\u3082\u3001\u8a55\u4fa1\u306e\u9ad8\u3044\u30c4\u30fc\u30eb\u3092\u9078\u3076\u3053\u3068\u3067\u5b89\u5fc3\u3057\u3066\u4f5c\u696d\u3092\u9032\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3055\u3089\u306b\u3001\u3059\u3079\u3066\u306e\u30c4\u30fc\u30eb\u306f\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u3001\u5916\u51fa\u5148\u3067\u3082\u624b\u8efd\u306b\u5229\u7528\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30b7\u30f3\u30d7\u30eb\u306a\u5165\u529b\u3060\u3051\u3067\u7d50\u679c\u304c\u8868\u793a\u3055\u308c\u308b\u305f\u3081\u3001\u5c02\u9580\u77e5\u8b58\u304c\u306a\u304f\u3066\u3082\u76f4\u611f\u7684\u306b\u64cd\u4f5c\u3067\u304d\u308b\u70b9\u3082\u5927\u304d\u306a\u9b45\u529b\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u4f5c\u696d\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u306f\u3001\u6642\u9593\u306e\u7bc0\u7d04\u3060\u3051\u3067\u306a\u304f\u3001\u6210\u679c\u306e\u8cea\u3092\u9ad8\u3081\u308b\u3053\u3068\u306b\u3082\u3064\u306a\u304c\u308a\u307e\u3059\u3002\u3053\u306e\u30da\u30fc\u30b8\u306b\u63b2\u8f09\u3055\u308c\u3066\u3044\u308b\u30c4\u30fc\u30eb\u3092\u6d3b\u7528\u3057\u3066\u3001\u3088\u308a\u5feb\u9069\u3067\u52b9\u7387\u7684\u306a\u4f5c\u696d\u74b0\u5883\u3092\u6574\u3048\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd0d IT\u30c4\u30fc\u30eb\u3092\u63a2\u3059 \u65b0\u7740\u9806\u4eba\u6c17\u9806 IT\u5206\u91ce\u306b\u304a\u3044\u3066\u4f5c\u696d\u52b9\u7387\u3092\u4e0a\u3052\u308b\u3053\u3068\u306f\u3001\u6210\u679c\u3092\u51fa\u3059\u305f\u3081\u306b\u975e\u5e38\u306b\u91cd\u8981\u3067\u3059\u3002\u65e5\u3005\u306e\u958b\u767a\u3084\u696d\u52d9\u306e\u4e2d\u3067\u306f\u3001\u30b3\u30fc\u30c9\u306e\u5909\u63db\u3084\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u6574\u7406\u3001\u30c7\u30fc\u30bf\u51e6\u7406\u3001\u7c21\u5358\u306a\u8a08\u7b97\u306a\u3069\u3001\u7d30\u304b\u3044\u4f5c\u696d\u304c\u6570\u591a\u304f\u767a\u751f\u3057\u307e &#8230; <a title=\"IT\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u958b\u767a\u30fb\u4f5c\u696d\u52b9\u7387\u5316\u306b\u4f7f\u3048\u308b\u7121\u6599\u30c4\u30fc\u30eb\u307e\u3068\u3081\" class=\"read-more\" href=\"https:\/\/tool-laboratory.com\/en\/it-tools\/\" aria-label=\"Read more about IT\u30c4\u30fc\u30eb\u4e00\u89a7\uff5c\u958b\u767a\u30fb\u4f5c\u696d\u52b9\u7387\u5316\u306b\u4f7f\u3048\u308b\u7121\u6599\u30c4\u30fc\u30eb\u307e\u3068\u3081\">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-273","page","type-page","status-publish"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/273","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=273"}],"version-history":[{"count":3,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":293,"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/pages\/273\/revisions\/293"}],"wp:attachment":[{"href":"https:\/\/tool-laboratory.com\/en\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}