{"id":32859,"date":"2026-05-27T18:56:24","date_gmt":"2026-05-27T09:56:24","guid":{"rendered":"https:\/\/hidya.jp\/blog\/?page_id=32859"},"modified":"2026-05-27T18:57:01","modified_gmt":"2026-05-27T09:57:01","slug":"news","status":"publish","type":"page","link":"https:\/\/hidya.jp\/blog\/news\/","title":{"rendered":"\u30cb\u30e5\u30fc\u30b9"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.news-hero {\n  max-width: 980px;\n  margin: 0 auto;\n  padding: 72px 20px 48px;\n}\n\n.news-hero-en {\n  position: relative;\n  display: inline-block;\n  margin: 0 0 14px;\n  color: #111;\n  font-size: clamp(64px, 10vw, 112px);\n  font-weight: 900;\n  line-height: 0.9;\n  letter-spacing: -0.055em;\n  font-family: Arial, Helvetica, sans-serif;\n  z-index: 1;\n}\n\n\/* \u9ec4\u8272\u30b9\u30c8\u30e9\u30a4\u30d7\u306e\u63a7\u3048\u3081\u306a\u5f71 *\/\n.news-hero-en::after {\n  content: attr(data-text);\n  position: absolute;\n  left: 8px;\n  top: 8px;\n  z-index: -1;\n  color: transparent;\n  background: repeating-linear-gradient(\n    -45deg,\n    rgba(246, 199, 46, 0.65) 0,\n    rgba(246, 199, 46, 0.65) 5px,\n    transparent 5px,\n    transparent 11px\n  );\n  -webkit-background-clip: text;\n  background-clip: text;\n  opacity: 0.8;\n}\n\n.news-hero-title {\n  margin: 0 0 22px;\n  color: #222;\n  font-size: clamp(28px, 4vw, 42px);\n  font-weight: 800;\n  line-height: 1.4;\n  letter-spacing: 0.02em;\n}\n\n.news-hero-text {\n  margin: 0;\n  color: #333;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.9;\n}\n\n@media screen and (max-width: 768px) {\n  .news-hero {\n    padding: 48px 16px 32px;\n  }\n\n  .news-hero-en {\n    font-size: 68px;\n    margin-bottom: 12px;\n  }\n\n  .news-hero-en::after {\n    left: 5px;\n    top: 6px;\n  }\n\n  .news-hero-title {\n    font-size: 28px;\n    margin-bottom: 18px;\n  }\n\n  .news-hero-text {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<section class=\"news-hero\">\n  <p class=\"news-hero-en\" data-text=\"News\">News<\/p>\n  <h1 class=\"news-hero-title\">\u304a\u77e5\u3089\u305b<\/h1>\n  <p class=\"news-hero-text\">\n    HID\u5c4b\u306e\u6700\u65b0\u60c5\u5831\u30fb\u63b2\u8f09\u60c5\u5831\u306a\u3069\u3092\u304a\u77e5\u3089\u305b\u3057\u307e\u3059\u3002\n  <\/p>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.news-section {\n  max-width: 980px;\n  margin: 0 auto;\n  padding: 24px 20px 56px;\n}\n\n.news-source {\n  display: none;\n}\n\n.news-tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 0 0 28px;\n}\n\n.news-tab-button {\n  appearance: none;\n  border: 1px solid #222;\n  background: #fff;\n  color: #222;\n  border-radius: 999px;\n  padding: 9px 18px;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n  cursor: pointer;\n  transition: 0.2s ease;\n}\n\n.news-tab-button:hover {\n  transform: translateY(-1px);\n}\n\n.news-tab-button.is-active {\n  background: #111;\n  color: #fff;\n  box-shadow: 5px 5px 0 rgba(246, 199, 46, 0.65);\n}\n\n.news-panel {\n  display: none;\n}\n\n.news-panel.is-active {\n  display: block;\n}\n\n.news-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  border-top: 1px solid #cfcfcf;\n}\n\n.news-item {\n  display: grid;\n  grid-template-columns: 110px 120px 1fr;\n  gap: 20px;\n  align-items: center;\n  padding: 18px 0;\n  border-bottom: 1px solid #cfcfcf;\n}\n\n.news-date {\n  font-size: 14px;\n  color: #333;\n  white-space: nowrap;\n}\n\n.news-label {\n  display: inline-block;\n  width: fit-content;\n  padding: 3px 12px;\n  border: 1px solid #69aeb7;\n  border-radius: 5px;\n  font-size: 12px;\n  color: #69aeb7;\n  line-height: 1.4;\n  white-space: nowrap;\n}\n\n.news-text {\n  font-size: 15px;\n  line-height: 1.8;\n  color: #222;\n  margin: 0;\n}\n\n.news-text a {\n  color: #222;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.news-text a:hover {\n  opacity: 0.65;\n}\n\n.news-empty {\n  padding: 28px 0;\n  border-top: 1px solid #cfcfcf;\n  border-bottom: 1px solid #cfcfcf;\n  color: #555;\n  font-size: 14px;\n}\n\n@media screen and (max-width: 768px) {\n  .news-section {\n    padding: 20px 16px 44px;\n  }\n\n  .news-tabs {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: 22px;\n  }\n\n  .news-tab-button {\n    flex: 0 0 auto;\n    font-size: 13px;\n    padding: 8px 15px;\n  }\n\n  .news-item {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 18px 0;\n  }\n\n  .news-date {\n    font-size: 13px;\n  }\n\n  .news-text {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n  const sections = document.querySelectorAll('.news-section');\n\n  sections.forEach(function (section, sectionIndex) {\n    const sourceItems = Array.from(section.querySelectorAll('.news-source .news-item'));\n    const tabsContainer = section.querySelector('.news-tabs');\n    const panelsContainer = section.querySelector('.news-tab-panels');\n\n    if (!sourceItems.length || !tabsContainer || !panelsContainer) return;\n\n    const parseDate = function (dateString) {\n      const parts = dateString.split('-').map(Number);\n      return new Date(parts[0], parts[1] - 1, parts[2]);\n    };\n\n    const formatDate = function (dateObject) {\n      const year = dateObject.getFullYear();\n      const month = String(dateObject.getMonth() + 1).padStart(2, '0');\n      const date = String(dateObject.getDate()).padStart(2, '0');\n      return `${year}-${month}-${date}`;\n    };\n\n    const createQuarterKey = function (dateObject) {\n      const year = dateObject.getFullYear();\n      const quarter = Math.floor(dateObject.getMonth() \/ 3) + 1;\n      return `${year}-Q${quarter}`;\n    };\n\n    const createQuarterLabel = function (dateObject) {\n      const year = dateObject.getFullYear();\n      const month = dateObject.getMonth() + 1;\n      const quarter = Math.floor((month - 1) \/ 3) + 1;\n\n      const quarterRanges = {\n        1: '1\u301c3\u6708',\n        2: '4\u301c6\u6708',\n        3: '7\u301c9\u6708',\n        4: '10\u301c12\u6708'\n      };\n\n      return `${year}\u5e74${quarterRanges[quarter]}`;\n    };\n\n    const newsItems = sourceItems\n      .map(function (item) {\n        const time = item.querySelector('.news-date');\n        const label = item.querySelector('.news-label');\n        const text = item.querySelector('.news-text');\n\n        if (!time || !text) return null;\n\n        const dateText = time.getAttribute('datetime') || time.textContent.trim();\n        const dateObject = parseDate(dateText);\n\n        return {\n          dateText: dateText,\n          label: label ? label.textContent.trim() : '\u304a\u77e5\u3089\u305b',\n          dateObject: dateObject,\n          textHtml: text.innerHTML\n        };\n      })\n      .filter(function (item) {\n        return item && item.dateText && !isNaN(item.dateObject.getTime());\n      })\n      .sort(function (a, b) {\n        return b.dateObject - a.dateObject;\n      });\n\n    const quarterMap = new Map();\n\n    newsItems.forEach(function (item) {\n      const quarterKey = createQuarterKey(item.dateObject);\n\n      if (!quarterMap.has(quarterKey)) {\n        quarterMap.set(quarterKey, {\n          key: quarterKey,\n          label: createQuarterLabel(item.dateObject),\n          items: []\n        });\n      }\n\n      quarterMap.get(quarterKey).items.push(item);\n    });\n\n    const groups = Array.from(quarterMap.values()).sort(function (a, b) {\n      return b.key.localeCompare(a.key);\n    });\n\n    const createNewsListHtml = function (items) {\n      if (!items.length) {\n        return '<p class=\"news-empty\">\u8a72\u5f53\u3059\u308b\u30cb\u30e5\u30fc\u30b9\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>';\n      }\n\n      const listItems = items.map(function (item) {\n        const date = formatDate(item.dateObject);\n\n        return `\n          <li class=\"news-item\">\n            <time class=\"news-date\" datetime=\"${date}\">${date}<\/time>\n            <span class=\"news-label\">${item.label}<\/span>\n            <p class=\"news-text\">${item.textHtml}<\/p>\n          <\/li>\n        `;\n      }).join('');\n\n      return `<ul class=\"news-list\">${listItems}<\/ul>`;\n    };\n\n    tabsContainer.innerHTML = '';\n    panelsContainer.innerHTML = '';\n\n    groups.forEach(function (group, index) {\n      const isActive = index === 0;\n      const safeKey = group.key.replace(\/[^a-zA-Z0-9_-]\/g, '');\n      const panelId = `news-panel-${sectionIndex}-${safeKey}`;\n\n      const button = document.createElement('button');\n      button.type = 'button';\n      button.className = `news-tab-button${isActive ? ' is-active' : ''}`;\n      button.textContent = group.label;\n      button.setAttribute('aria-controls', panelId);\n      button.setAttribute('aria-selected', isActive ? 'true' : 'false');\n\n      const panel = document.createElement('div');\n      panel.className = `news-panel${isActive ? ' is-active' : ''}`;\n      panel.id = panelId;\n      panel.innerHTML = createNewsListHtml(group.items);\n\n      button.addEventListener('click', function () {\n        tabsContainer.querySelectorAll('.news-tab-button').forEach(function (tabButton) {\n          tabButton.classList.remove('is-active');\n          tabButton.setAttribute('aria-selected', 'false');\n        });\n\n        panelsContainer.querySelectorAll('.news-panel').forEach(function (tabPanel) {\n          tabPanel.classList.remove('is-active');\n        });\n\n        button.classList.add('is-active');\n        button.setAttribute('aria-selected', 'true');\n        panel.classList.add('is-active');\n      });\n\n      tabsContainer.appendChild(button);\n      panelsContainer.appendChild(panel);\n    });\n  });\n});\n<\/script>\n\n<section class=\"news-section\">\n  <div class=\"news-tabs\" aria-label=\"\u30cb\u30e5\u30fc\u30b9\u4e00\u89a7\u30bf\u30d6\"><\/div>\n  <div class=\"news-tab-panels\"><\/div>\n\n  <div class=\"news-source\">\n    <ul class=\"news-source-list\">\n      <!-- \n      ==================================================\n      \u65b0\u3057\u3044\u30cb\u30e5\u30fc\u30b9\u8ffd\u52a0\u7528\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\n      \u65b0\u3057\u3044\u30cb\u30e5\u30fc\u30b9\u306f\u3053\u306e\u4e0b\u306b\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n      \u65e5\u4ed8\u306f time \u306e datetime \u3068\u8868\u793a\u30c6\u30ad\u30b9\u30c8\u3092\u540c\u3058\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n      ==================================================\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2026-05-01\">2026-05-01<\/time>\n        <span class=\"news-label\">\u63b2\u8f09\u60c5\u5831<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/example.com\/\" target=\"_blank\" rel=\"noopener\">\u3007\u3007\u30e1\u30c7\u30a3\u30a2\u69d8<\/a>\u306b\u3001HID\u5c4b\u306e\u5546\u54c1\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      -->\n\n      <!-- \u65b0\u3057\u3044\u30cb\u30e5\u30fc\u30b9\u306f\u3053\u306e\u4e0b\u306b\u8ffd\u52a0\u3057\u3066\u3044\u304f -->\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2026-04-01\">2026-04-01<\/time>\n        <span class=\"news-label\">\u63b2\u8f09\u60c5\u5831<\/span>\n        <p class=\"news-text\">\n          2026\u5e743\u670830\u65e5\u767a\u58f2\u306e<a href=\"https:\/\/www.neko.co.jp\/magazine\/%E4%B8%96%E7%94%B0%E8%B0%B7%E3%83%99%E3%83%BC%E3%82%B9-vol-61\" target=\"_blank\" rel=\"noopener\">\u300c\u6240\u30b8\u30e7\u30fc\u30b8\u306e\u4e16\u7530\u8c37\u30d9\u30fc\u30b9 vol.61\u300d<\/a>\u306b\u3001HID\u5c4b\u306e\u5546\u54c1\u304c\u63b2\u8f09\u3055\u308c\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2026-01-03\">2026-01-03<\/time>\n        <span class=\"news-label\">\u63b2\u8f09\u60c5\u5831<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/note.com\/aiwriter0116\/n\/n341a9a4b06b7\" target=\"_blank\" rel=\"noopener\">note\u30e1\u30c7\u30a3\u30a2\u69d8<\/a>\u306b\u3001HID\u5c4b\u306eLED\u30fbHID\u30e9\u30a4\u30c8\u5c02\u9580\u5e97\u3068\u3057\u3066\u306e\u7279\u5fb4\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2025-11-13\">2025-11-13<\/time>\n        <span class=\"news-label\">\u30a4\u30d9\u30f3\u30c8<\/span>\n        <p class=\"news-text\">\n          SNS\u9023\u52d5\u30a4\u30d9\u30f3\u30c8<a href=\"https:\/\/newscast.jp\/news\/3005082\" target=\"_blank\" rel=\"noopener\">\u300c#HID\u5c4b\u5168\u56fd\u540c\u6642\u70b9\u706f\u300d<\/a>\u306e\u958b\u50ac\u60c5\u5831\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2025-09-27\">2025-09-27<\/time>\n        <span class=\"news-label\">\u63b2\u8f09\u60c5\u5831<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/matome.response.jp\/articles\/6748\" target=\"_blank\" rel=\"noopener\">Response\u307e\u3068\u3081\u69d8<\/a>\u306b\u3001HID\u5c4b\u306e\u8a55\u5224\u3084\u5f37\u307f\u306b\u3064\u3044\u3066\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2025-07-14\">2025-07-14<\/time>\n        <span class=\"news-label\">\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc<\/span>\n        <p class=\"news-text\">\n          HID\u5c4b\u516c\u5f0f\u30d6\u30ed\u30b0\u306b\u3066\u3001YouTuber<a href=\"https:\/\/hidya.jp\/blog\/hidya-interview-wiki\/\" target=\"_blank\" rel=\"noopener\">\u3046\u3043\u304d\u3055\u3093<\/a>\u3068\u306e\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u8a18\u4e8b\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2025-03-09\">2025-03-09<\/time>\n        <span class=\"news-label\">\u63b2\u8f09\u60c5\u5831<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/news.livedoor.com\/article\/detail\/28306216\/\" target=\"_blank\" rel=\"noopener\">\u30e9\u30a4\u30d6\u30c9\u30a2\u30cb\u30e5\u30fc\u30b9\u69d8<\/a>\u306b\u3001HID\u5c4b\u306e\u30ac\u30e9\u30b9\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308bYouTube\u30ec\u30d3\u30e5\u30fc\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2025-02-08\">2025-02-08<\/time>\n        <span class=\"news-label\">\u304a\u77e5\u3089\u305b<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/www.wantedly.com\/companies\/hidya\/post_articles\/955027\" target=\"_blank\" rel=\"noopener\">Wantedly<\/a>\u306b\u3066\u3001HID\u5c4b\u306eYouTuber\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u306b\u95a2\u3059\u308b\u30a4\u30f3\u30bf\u30d3\u30e5\u30fc\u8a18\u4e8b\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2024-06-21\">2024-06-21<\/time>\n        <span class=\"news-label\">\u30ec\u30d3\u30e5\u30fc<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/roadster-camp.com\/hid\/\" target=\"_blank\" rel=\"noopener\">\u30ed\u30c9\u30ad\u30e3\u30f3\u25b3\u69d8<\/a>\u306b\u3001HID\u5c4bM\u30b7\u30ea\u30fc\u30ba\u306e\u53d6\u308a\u4ed8\u3051\u30ec\u30d3\u30e5\u30fc\u3092\u3054\u63b2\u8f09\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2024-04-17\">2024-04-17<\/time>\n        <span class=\"news-label\">\u30ec\u30d3\u30e5\u30fc<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=UQTxoFzQ-yA\" target=\"_blank\" rel=\"noopener\">YouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u69d8<\/a>\u306b\u3001HID\u5c4bLED\u30d8\u30c3\u30c9\u30e9\u30a4\u30c8M\u30b7\u30ea\u30fc\u30ba\u306e\u53d6\u308a\u4ed8\u3051\u30ec\u30d3\u30e5\u30fc\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n\n      <li class=\"news-item\">\n        <time class=\"news-date\" datetime=\"2024-01-15\">2024-01-15<\/time>\n        <span class=\"news-label\">\u30ec\u30d3\u30e5\u30fc<\/span>\n        <p class=\"news-text\">\n          <a href=\"https:\/\/www.youtube.com\/watch?v=H3ao2YKlTLQ\" target=\"_blank\" rel=\"noopener\">YouTube\u30c1\u30e3\u30f3\u30cd\u30eb\u69d8<\/a>\u306b\u3001HID\u5c4b\u306e\u6700\u65b0LED\u30d0\u30eb\u30d6\u3092\u3054\u7d39\u4ecb\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002\n        <\/p>\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>News \u304a\u77e5\u3089\u305b HID\u5c4b\u306e\u6700\u65b0\u60c5\u5831\u30fb\u63b2\u8f09\u60c5\u5831\u306a\u3069\u3092\u304a\u77e5\u3089\u305b\u3057\u307e\u3059\u3002 2026-04-01 \u63b2\u8f09\u60c5\u5831 2026\u5e743\u670830\u65e5\u767a\u58f2\u306e\u300c\u6240\u30b8\u30e7\u30fc\u30b8\u306e\u4e16\u7530\u8c37\u30d9\u30fc\u30b9 vol.61\u300d\u306b\u3001HID\u5c4b\u306e\u5546\u54c1\u304c\u63b2\u8f09\u3055\u308c\u307e\u3057\u305f\u3002 2026- [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-32859","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/pages\/32859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/comments?post=32859"}],"version-history":[{"count":7,"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/pages\/32859\/revisions"}],"predecessor-version":[{"id":32867,"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/pages\/32859\/revisions\/32867"}],"wp:attachment":[{"href":"https:\/\/hidya.jp\/blog\/wp-json\/wp\/v2\/media?parent=32859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}