{"id":139,"date":"2025-05-18T06:22:14","date_gmt":"2025-05-18T06:22:14","guid":{"rendered":"https:\/\/etoileartstudio.com\/?post_type=song&#038;p=139"},"modified":"2025-05-18T06:22:52","modified_gmt":"2025-05-18T06:22:52","slug":"hakanazuki","status":"publish","type":"song","link":"https:\/\/etoileartstudio.com\/index.php\/song\/hakanazuki\/","title":{"rendered":"\u511a\u6708\uff08\u306f\u304b\u306a\u3065\u304d\uff09"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\" id=\"\u3055\u307e\u3056\u307e\u306a\u30a2\u30ec\u30f3\u30b8\u3067\u8074\u304f\u6b4c\u306e\u4e16\u754c\">\u3055\u307e\u3056\u307e\u306a\u30a2\u30ec\u30f3\u30b8\u3067\u8074\u304f\u6b4c\u306e\u4e16\u754c<\/h3>\n\n\n\n<p>\u30aa\u30ea\u30b8\u30ca\u30eb\u30fb\u30ab\u30d0\u30fc\u30fb\u30b9\u30c8\u30ea\u30f3\u30b0\u30b9\u30fb\u30d5\u30eb\u30fc\u30c8\u30fb\u30aa\u30fc\u30b1\u30b9\u30c8\u30e9\u306a\u3069\u3001\u300e\u511a\u6708\u300f\u306e\u591a\u5f69\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u8a66\u8074\u3067\u304d\u307e\u3059\u3002\u30d0\u30fc\u30b8\u30e7\u30f3\u3054\u3068\u306e\u6b4c\u8a5e\u8868\u793a\u6a5f\u80fd\u4ed8\u304d\u3067\u3001\u9055\u3044\u3092\u697d\u3057\u307f\u306a\u304c\u3089\u304a\u8074\u304d\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n<div id=\"audioigniter-19\" class=\"audioigniter-root \" data-player-type=\"full\" data-tracks-url=\"https:\/\/etoileartstudio.com\/?audioigniter_playlist_id=19\" data-display-track-no=\"true\" data-reverse-track-order=\"false\" data-display-tracklist-covers=\"true\" data-display-active-cover=\"true\" data-display-artist-names=\"true\" data-display-buy-buttons=\"true\" data-buy-buttons-target=\"true\" data-cycle-tracks=\"false\" data-display-credits=\"false\" data-display-tracklist=\"true\" data-allow-tracklist-toggle=\"true\" data-allow-tracklist-loop=\"true\" data-limit-tracklist-height=\"true\" data-volume=\"100\" data-tracklist-height=\"185\" ><\/div>\n\n\n\n<!-- WordPress \u306e HTML\u30d6\u30ed\u30c3\u30af\u3067\u4ee5\u4e0b\u3092\u8a18\u8ff0 -->\n<h2 id=\"lyrics-title\">\u6b4c\u8a5e<\/h2>\n<div id=\"lyrics-container\">\n  <p class=\"lyric-line\">\u591c\u7a7a\u306b\u6d6e\u304b\u3076 \u3072\u3068\u3064\u306e\u5149<\/p>\n  <p class=\"lyric-line\">\u9759\u304b\u306b\u63fa\u308c\u308b \u9060\u3044\u8a18\u61b6<\/p>\n  <p class=\"lyric-line\">\u8ffd\u3044\u304b\u3051\u308b\u307b\u3069 \u6ef2\u3093\u3067\u6d88\u3048\u3066<\/p>\n  <p class=\"lyric-line\">\u624b\u3092\u4f38\u3070\u3057\u3066\u3082 \u5f71\u304c\u3067\u304d\u308b\u3060\u3051<\/p>\n  <p class=\"lyric-line\">\u5e7b\u3060\u3068 \u308f\u304b\u3063\u3066\u3044\u3066\u3082<\/p>\n  <p class=\"lyric-line\">\u80f8\u306e\u5965\u3067 \u714c\u3081\u304d\u7d9a\u3051\u3066\u308b<\/p>\n  <p class=\"lyric-line\">\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u3044\u308b<\/p>\n  <p class=\"lyric-line\">\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e<\/p>\n  <p class=\"lyric-line\">\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066<\/p>\n  <p class=\"lyric-line\">\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088<\/p>\n  <p class=\"lyric-line\">\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082<\/p>\n  <p class=\"lyric-line\">\u6de1\u304f\u6ef2\u3093\u3060 \u9280\u306e\u30b7\u30eb\u30a8\u30c3\u30c8<\/p>\n  <p class=\"lyric-line\">\u89e6\u308c\u305f\u3044\u307b\u3069\u306b \u9060\u3056\u304b\u308b<\/p>\n  <p class=\"lyric-line\">\u5fc3\u306e\u5965\u306b \u6b8b\u308b\u5149\u304c<\/p>\n  <p class=\"lyric-line\">\u6d88\u3048\u306c\u3088\u3046\u306b \u305d\u3063\u3068\u9858\u3046<\/p>\n  <p class=\"lyric-line\">\u5e7b\u3067\u3082 \u304b\u307e\u308f\u306a\u3044\u304b\u3089<\/p>\n  <p class=\"lyric-line\">\u3053\u306e\u5149\u306b \u8eab\u3092\u4efb\u305b\u3066\u3044\u305f\u3044<\/p>\n  <p class=\"lyric-line\">\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u308b<\/p>\n  <p class=\"lyric-line\">\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e<\/p>\n  <p class=\"lyric-line\">\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066<\/p>\n  <p class=\"lyric-line\">\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088<\/p>\n  <p class=\"lyric-line\">\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082<\/p>\n  <p class=\"lyric-line\">\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066<\/p>\n  <p class=\"lyric-line\">\u3044\u3064\u304b\u3053\u306e\u591c\u304c\u3042\u3051\u308b\u65e5\u307e\u3067<\/p>\n  <p class=\"lyric-line\">\u80f8\u306e\u5965\u3067\u714c\u3081\u3044\u3066\u2026<\/p>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const lyricsMap = {\n    \"\u30aa\u30ea\u30b8\u30ca\u30eb Ver.\": \n    [\n  \t{ time: 13,text: \"\u591c\u7a7a\u306b\u6d6e\u304b\u3076 \u3072\u3068\u3064\u306e\u5149\" },\n  \t{ time: 20,text: \"\u9759\u304b\u306b\u63fa\u308c\u308b \u9060\u3044\u8a18\u61b6\" },\n  \t{ time: 27,text: \"\u8ffd\u3044\u304b\u3051\u308b\u307b\u3069 \u6ef2\u3093\u3067\u6d88\u3048\u3066\" },\n  \t{ time: 34,text: \"\u624b\u3092\u4f38\u3070\u3057\u3066\u3082 \u5f71\u304c\u3067\u304d\u308b\u3060\u3051\" },\n  \t{ time: 41,text: \"\u5e7b\u3060\u3068 \u308f\u304b\u3063\u3066\u3044\u3066\u3082\" },\n  \t{ time: 48,text: \"\u80f8\u306e\u5965\u3067 \u714c\u3081\u304d\u7d9a\u3051\u3066\u308b\" },\n  \t{ time: 53,text: \"\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u3044\u308b\" },\n  \t{ time: 60,text: \"\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e\" },\n  \t{ time: 66,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 72,text: \"\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088\" },\n  \t{ time: 78,text: \"\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082\" },\n  \t{ time: 93,text: \"\u6de1\u304f\u6ef2\u3093\u3060 \u9280\u306e\u30b7\u30eb\u30a8\u30c3\u30c8\" },\n  \t{ time: 99,text: \"\u89e6\u308c\u305f\u3044\u307b\u3069\u306b \u9060\u3056\u304b\u308b\" },\n  \t{ time: 105,text: \"\u5fc3\u306e\u5965\u306b \u6b8b\u308b\u5149\u304c\" },\n  \t{ time: 112,text: \"\u6d88\u3048\u306c\u3088\u3046\u306b \u305d\u3063\u3068\u9858\u3046\" },\n  \t{ time: 120,text: \"\u5e7b\u3067\u3082 \u304b\u307e\u308f\u306a\u3044\u304b\u3089\" },\n  \t{ time: 127,text: \"\u3053\u306e\u5149\u306b \u8eab\u3092\u4efb\u305b\u3066\u3044\u305f\u3044\" },\n  \t{ time: 132,text: \"\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u308b\" },\n  \t{ time: 140,text: \"\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e\" },\n  \t{ time: 145,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 151,text: \"\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088\" },\n  \t{ time: 157,text: \"\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082\" },\n  \t{ time: 172,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 177,text: \"\u3044\u3064\u304b\u3053\u306e\u591c\u304c\u3042\u3051\u308b\u65e5\u307e\u3067\" },\n  \t{ time: 185,text: \"\u80f8\u306e\u5965\u3067\u714c\u3081\u3044\u3066\u2026\" }\n    ],\n    \n    \n    \"\u30ab\u30d0\u30fc Ver.\":\n    [\n  \t{ time: 13,text: \"\u591c\u7a7a\u306b\u6d6e\u304b\u3076 \u3072\u3068\u3064\u306e\u5149\" },\n  \t{ time: 20,text: \"\u9759\u304b\u306b\u63fa\u308c\u308b \u9060\u3044\u8a18\u61b6\" },\n  \t{ time: 27,text: \"\u8ffd\u3044\u304b\u3051\u308b\u307b\u3069 \u6ef2\u3093\u3067\u6d88\u3048\u3066\" },\n  \t{ time: 34,text: \"\u624b\u3092\u4f38\u3070\u3057\u3066\u3082 \u5f71\u304c\u3067\u304d\u308b\u3060\u3051\" },\n  \t{ time: 41,text: \"\u5e7b\u3060\u3068 \u308f\u304b\u3063\u3066\u3044\u3066\u3082\" },\n  \t{ time: 48,text: \"\u80f8\u306e\u5965\u3067 \u714c\u3081\u304d\u7d9a\u3051\u3066\u308b\" },\n  \t{ time: 53,text: \"\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u3044\u308b\" },\n  \t{ time: 60,text: \"\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e\" },\n  \t{ time: 66,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 72,text: \"\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088\" },\n  \t{ time: 78,text: \"\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082\" },\n  \t{ time: 93,text: \"\u6de1\u304f\u6ef2\u3093\u3060 \u9280\u306e\u30b7\u30eb\u30a8\u30c3\u30c8\" },\n  \t{ time: 99,text: \"\u89e6\u308c\u305f\u3044\u307b\u3069\u306b \u9060\u3056\u304b\u308b\" },\n  \t{ time: 105,text: \"\u5fc3\u306e\u5965\u306b \u6b8b\u308b\u5149\u304c\" },\n  \t{ time: 112,text: \"\u6d88\u3048\u306c\u3088\u3046\u306b \u305d\u3063\u3068\u9858\u3046\" },\n  \t{ time: 120,text: \"\u5e7b\u3067\u3082 \u304b\u307e\u308f\u306a\u3044\u304b\u3089\" },\n  \t{ time: 127,text: \"\u3053\u306e\u5149\u306b \u8eab\u3092\u4efb\u305b\u3066\u3044\u305f\u3044\" },\n  \t{ time: 132,text: \"\u6708\u306e\u3088\u3046\u306b \u511a\u304f\u63fa\u308c\u3066\u308b\" },\n  \t{ time: 140,text: \"\u3053\u306e\u60f3\u3044\u306f \u5c4a\u304b\u306c\u307e\u307e\" },\n  \t{ time: 145,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 151,text: \"\u3053\u306e\u7518\u3044\u5922\u3092\u898b\u7d9a\u3051\u3055\u305b\u3066\u3088\" },\n  \t{ time: 157,text: \"\u3044\u3064\u307e\u3067\u3082 \u3044\u3064\u307e\u3067\u3082\" },\n  \t{ time: 181,text: \"\u3055\u3081\u306a\u3044\u3067 \u3055\u3081\u306a\u3044\u3067\u3044\u3066\" },\n  \t{ time: 187,text: \"\u3044\u3064\u304b\u3053\u306e\u591c\u304c\u3042\u3051\u308b\u65e5\u307e\u3067\" },\n  \t{ time: 194,text: \"\u80f8\u306e\u5965\u3067\u714c\u3081\u3044\u3066\u2026\" }\n    ],\n    \"\u30b9\u30c8\u30ea\u30f3\u30b0\u30b9 Ver.\": null,\n    \"\u30d5\u30eb\u30fc\u30c8 Ver.\": null,\n    \"\u30aa\u30fc\u30b1\u30b9\u30c8\u30e9 Ver.\": null\n    \n  };\n\n  function getCurrentVersionTitle() {\n    const activeTrack = document.querySelector('.ai-track.ai-track-active .ai-track-name');\n    if (!activeTrack) return null;\n    return activeTrack.innerText\n      .replace(\/^.*?\uff08\u306f\u304b\u306a\u3065\u304d\uff09\/, \"\") \/\/ \u30bf\u30a4\u30c8\u30eb\u56fa\u5b9a\u90e8\u5206\u3092\u9664\u53bb\n      .replace(\/^[0-9.]+\/, \"\")            \/\/ \u756a\u53f7\u9664\u53bb\n      .replace(\/^-\/, \"\")                  \/\/ \u5148\u982d\u30cf\u30a4\u30d5\u30f3\u9664\u53bb\n      .replace(\/\\s*-\\s*EtoileArtStudio$\/, \"\")  \/\/ \u2605\u2190\u3053\u306e\u884c\u304c\u91cd\u8981\uff01\n      .trim();\n  }\n\n  function updateLyrics(lyricsArray) {\n    const container = document.getElementById('lyrics-container');\n    const title = document.getElementById('lyrics-title');\n    container.innerHTML = \"\";  \/\/ \u30af\u30ea\u30a2\n    \/\/console.log(\"updateLyrics called\", lyricsArray);\n    if (!lyricsArray || lyricsArray.length === 0) {\n      container.style.display = 'none';  \/\/ \u975e\u8868\u793a\n      title.style.display = 'none';\n      title.textContent = \"\"; \/\/ \u2705 \u2190 \u3053\u308c\u304c\u91cd\u8981\uff01\uff01\n      window.currentLyrics = [];\n      return;\n    }\n    \n    container.style.display = 'block';\n    title.style.display = 'block';\n    title.textContent = `\u6b4c\u8a5e\uff08${currentVersion}\uff09`;  \/\/ \u2190 \u30d0\u30fc\u30b8\u30e7\u30f3\u540d\u4ed8\u304d\u3067\u8868\u793a\n  \n    lyricsArray.forEach(item => {\n      const p = document.createElement('p');\n      p.className = 'lyric-line';\n      p.textContent = item.text;\n      container.appendChild(p);\n    });\n\n    window.currentLyrics = lyricsArray;\n    window.currentIndex = -1;\n  }\n\n  \/\/ \u2705 \u521d\u671f\u5316\uff1a\u6700\u521d\u306b\u73fe\u5728\u306e\u30c8\u30e9\u30c3\u30af\u306e\u6b4c\u8a5e\u3092\u8868\u793a\n  let currentVersion = null;\n  function checkTrackChange() {\n    const version = getCurrentVersionTitle();\n    if (version && version !== currentVersion) {\n      currentVersion = version;\n      const newLyrics = lyricsMap[version] || [];\n      updateLyrics(newLyrics);\n    }\n  }\n\n  setInterval(checkTrackChange, 1000);  \/\/ 1\u79d2\u3054\u3068\u306b\u30d0\u30fc\u30b8\u30e7\u30f3\u30c1\u30a7\u30c3\u30af\n  checkTrackChange();  \/\/ \u521d\u56de\u5373\u6642\u5b9f\u884c\n\n  const lines = document.querySelectorAll('.lyric-line');\n  const timeElement = document.querySelector('.ai-track-time');\n  let currentIndex = -1;\n\n  setInterval(() => {\n    \/\/console.log('currentVersion', getCurrentVersionTitle());\n    \/\/console.log('lyricsMap version exists?', lyricsMap[getCurrentVersionTitle()]);\n\n    const timeElement = document.querySelector('.ai-track-time');\n    if (!timeElement || !window.currentLyrics) return;\n\n    const [min, sec] = timeElement.innerText.trim().split(\":\").map(Number);\n    const currentTime = min * 60 + sec;\n\n    const lines = document.querySelectorAll('.lyric-line');\n\n\n    for (let i = 0; i < window.currentLyrics.length; i++) {\n      const lyric = window.currentLyrics[i];\n      if (currentTime >= lyric.time &&\n          (i === window.currentLyrics.length - 1 || currentTime < window.currentLyrics[i + 1].time)) {\n\n        if (window.currentIndex !== i) {\n          if (window.currentIndex >= 0) lines[window.currentIndex].classList.remove(\"active\");\n          lines[i].classList.add(\"active\");\n\n          const container = document.getElementById('lyrics-container');\n          const boxHeight = container.clientHeight;\n          const lineTop = lines[i].offsetTop;\n          container.scrollTo({ top: lineTop - boxHeight \/ 2, behavior: 'smooth' });\n\n          window.currentIndex = i;\n        }\n        break;\n      }\n    }\n  }, 300);\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u3055\u307e\u3056\u307e\u306a\u30a2\u30ec\u30f3\u30b8\u3067\u8074\u304f\u6b4c\u306e\u4e16\u754c \u30aa\u30ea\u30b8\u30ca\u30eb\u30fb\u30ab\u30d0\u30fc\u30fb\u30b9\u30c8\u30ea\u30f3\u30b0\u30b9\u30fb\u30d5\u30eb\u30fc\u30c8\u30fb\u30aa\u30fc\u30b1\u30b9\u30c8\u30e9\u306a\u3069\u3001\u300e\u511a\u6708\u300f\u306e\u591a\u5f69\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u8a66\u8074\u3067\u304d\u307e\u3059\u3002\u30d0\u30fc\u30b8\u30e7\u30f3\u3054\u3068\u306e\u6b4c\u8a5e\u8868\u793a\u6a5f\u80fd\u4ed8\u304d\u3067\u3001\u9055\u3044\u3092\u697d\u3057\u307f\u306a\u304c\u3089\u304a\u8074\u304d\u304f\u3060\u3055\u3044\u3002 \u6b4c\u8a5e \u591c\u7a7a [&hellip;]<\/p>\n","protected":false},"featured_media":22,"parent":0,"menu_order":0,"template":"","meta":{"_gspb_post_css":""},"categories":[],"tags":[],"class_list":["post-139","song","type-song","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/song\/139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/song"}],"about":[{"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/types\/song"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/media\/22"}],"wp:attachment":[{"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/etoileartstudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}