{"id":15,"date":"2026-05-23T20:35:06","date_gmt":"2026-05-23T11:35:06","guid":{"rendered":"https:\/\/momenago.site\/?page_id=15"},"modified":"2026-06-29T00:01:27","modified_gmt":"2026-06-28T15:01:27","slug":"index-board","status":"publish","type":"page","link":"https:\/\/momenago.site\/","title":{"rendered":"MomeNago\u6307\u6570\u30dc\u30fc\u30c9"},"content":{"rendered":"\n<!--\n  ============================================================\n  \u30a4\u30ca\u30b4\u6307\u6570\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8 \u2014 WordPress \u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u7528\n  ============================================================\n  \u3010\u8a2d\u7f6e\u624b\u9806\u3011\n  1. generate_data.py \u3092\u5b9f\u884c\u3057\u3066 index_data.js \u3092\u751f\u6210\n  2. index_data.js \u3092 FTP \u7b49\u3067 WordPress \u30b5\u30fc\u30d0\u30fc\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\n     \u4f8b: \/wp-content\/uploads\/inago\/index_data.js\n  3. \u4e0b\u306e \u2605 \u306e\u884c\u306e URL \u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u5148\u306e URL \u306b\u66f8\u304d\u63db\u3048\u308b\n  4. \u3053\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u5185\u5bb9\u3092 WordPress \u306e\u300c\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u300d\u306b\u8cbc\u308a\u4ed8\u3051\u308b\n  ============================================================\n-->\n\n<!-- \u2605 index_data.js \u306e URL \u3092\u3042\u306a\u305f\u306e\u30c9\u30e1\u30a4\u30f3\u306b\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044 \u2605 -->\n<script src=\"https:\/\/cdn.plot.ly\/plotly-2.35.2.min.js\"><\/script>\n<script src=\"https:\/\/momenago.site\/wp-content\/uploads\/inago\/index_data2.js?v=20260523\"><\/script>\n<div id=\"inago-root\">\n<style>\n#inago-root {\n  background: #0f1117;\n  border-radius: 12px;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Hiragino Sans\", \"Noto Sans JP\", sans-serif;\n  color: #e0e0e0;\n  width: 100%;\n  box-sizing: border-box;\n}\n#inago-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n.inago-header {\n  padding: 16px 20px 10px;\n  border-bottom: 1px solid #2a2a3a;\n}\n.inago-header h2 {\n  font-size: 1.15rem;\n  font-weight: 600;\n  color: #fff;\n  line-height: 1.4;\n}\n.inago-header p {\n  font-size: 0.74rem;\n  color: #777;\n  margin-top: 4px;\n}\n\n.inago-checks {\n  padding: 10px 20px;\n  background: #13131f;\n  border-bottom: 1px solid #2a2a3a;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n}\n.inago-check-label {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 0.8rem;\n  color: #ccc;\n  cursor: pointer;\n  padding: 5px 10px;\n  background: #1e1e2e;\n  border: 1px solid #3a3a5a;\n  border-radius: 6px;\n  transition: background 0.15s, color 0.15s;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.inago-check-label:hover { background: #2a2a4a; color: #fff; }\n.inago-check-label input[type=\"checkbox\"] {\n  width: 13px;\n  height: 13px;\n  accent-color: #5b8cff;\n  flex-shrink: 0;\n}\n\n.inago-controls {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 20px;\n  background: #161622;\n  border-bottom: 1px solid #2a2a3a;\n  flex-wrap: wrap;\n}\n.inago-ctrl-label {\n  font-size: 0.76rem;\n  color: #999;\n  white-space: nowrap;\n}\n.inago-date-input {\n  background: #1e1e2e;\n  color: #e0e0e0;\n  border: 1px solid #3a3a5a;\n  border-radius: 6px;\n  padding: 6px 8px;\n  font-size: 0.78rem;\n  outline: none;\n  cursor: pointer;\n  width: 128px;\n}\n.inago-date-input:focus { border-color: #5b8cff; }\n\n.inago-btn-group {\n  display: flex;\n  gap: 4px;\n  margin-left: auto;\n  flex-wrap: wrap;\n}\n.inago-btn {\n  background: #1e1e2e;\n  color: #aaa;\n  border: 1px solid #3a3a5a;\n  border-radius: 6px;\n  padding: 6px 11px;\n  font-size: 0.76rem;\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  white-space: nowrap;\n  line-height: 1;\n}\n.inago-btn:hover, .inago-btn.inago-active {\n  background: #2a2a4a;\n  color: #fff;\n  border-color: #5b8cff;\n}\n\n#inago-chart-wrap { padding: 16px 16px 4px; }\n#inago-chart { width: 100%; height: 460px; }\n\n.inago-info {\n  padding: 6px 20px 14px;\n  font-size: 0.71rem;\n  color: #555;\n}\n\n.inago-msg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 460px;\n  font-size: 0.88rem;\n}\n.inago-error { color: #ff6b6b; }\n.inago-loading { color: #666; }\n\n@media (max-width: 520px) {\n  .inago-header  { padding: 12px 14px 8px; }\n  .inago-checks  { padding: 8px 14px; }\n  .inago-controls { padding: 8px 14px; gap: 6px; }\n  .inago-btn-group { margin-left: 0; }\n  #inago-chart-wrap { padding: 10px 6px 4px; }\n  #inago-chart { height: 300px; }\n  .inago-msg   { height: 300px; }\n  .inago-info  { padding: 4px 14px 12px; }\n  .inago-date-input { width: 116px; }\n}\n<\/style>\n\n<div class=\"inago-header\">\n  <h2>\u30a4\u30ca\u30b4\u6307\u6570\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/h2>\n  <p>\u7b49\u30a6\u30a7\u30a4\u30c8\u6307\u6570 \u2014 \u8868\u793a\u671f\u9593\u306e\u6700\u521d\u306e\u65e5\u3092\u57fa\u6e96\u5024100\u3068\u3057\u3066\u518d\u57fa\u6e96\u5316<\/p>\n<\/div>\n\n<div class=\"inago-checks\" id=\"inago-checks\"><\/div>\n\n<div class=\"inago-controls\">\n  <span class=\"inago-ctrl-label\">\u958b\u59cb\u65e5<\/span>\n  <input type=\"date\" class=\"inago-date-input\" id=\"inago-start\">\n  <span class=\"inago-ctrl-label\">\u7d42\u4e86\u65e5<\/span>\n  <input type=\"date\" class=\"inago-date-input\" id=\"inago-end\">\n  <div class=\"inago-btn-group\">\n    <button class=\"inago-btn\" data-days=\"30\">1M<\/button>\n    <button class=\"inago-btn\" data-days=\"90\">3M<\/button>\n    <button class=\"inago-btn\" data-days=\"180\">6M<\/button>\n    <button class=\"inago-btn\" data-days=\"365\">1Y<\/button>\n    <button class=\"inago-btn\" data-days=\"all\">\u5168\u671f\u9593<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"inago-chart-wrap\">\n  <div id=\"inago-chart\">\n    <div class=\"inago-msg inago-loading\">\u30b0\u30e9\u30d5\u3092\u8aad\u307f\u8fbc\u307f\u4e2d&#8230;<\/div>\n  <\/div>\n<\/div>\n<div class=\"inago-info\" id=\"inago-info\"><\/div>\n<\/div><!-- \/#inago-root -->\n\n<script>\n(function () {\n  var idata = (typeof INDEX_DATA !== \"undefined\") ? INDEX_DATA : null;\n  var selected = {};\n\n  var COLORS = [\"#5b8cff\",\"#ff6b9d\",\"#ffd166\",\"#06d6a0\",\"#ef476f\",\"#118ab2\",\"#ffd700\",\"#9b59b6\"];\n\n  var LAYOUT = {\n    paper_bgcolor: \"#0f1117\",\n    plot_bgcolor:  \"#0f1117\",\n    font: { color: \"#e0e0e0\", family: \"-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif\" },\n    xaxis: { gridcolor: \"#2a2a3a\", linecolor: \"#3a3a5a\", tickcolor: \"#3a3a5a\", type: \"date\" },\n    yaxis: {\n      gridcolor: \"#2a2a3a\", linecolor: \"#3a3a5a\", tickcolor: \"#3a3a5a\",\n      hoverformat: \".2f\",\n      title: { text: \"\u6307\u6570\u5024 (\u57fa\u6e96=100)\", font: { size: 11, color: \"#888\" } },\n    },\n    legend: { bgcolor: \"rgba(30,30,46,0.85)\", bordercolor: \"#3a3a5a\", borderwidth: 1 },\n    margin: { l: 56, r: 14, t: 14, b: 44 },\n    hovermode: \"x unified\",\n  };\n\n  function fmtDate(d) { return d.toISOString().slice(0, 10); }\n\n  function rebase(dates, values, s, e) {\n    var si = 0, ei = dates.length - 1, i;\n    if (s) { for (i = 0; i < dates.length; i++) { if (dates[i] >= s) { si = i; break; } } }\n    if (e) { for (i = dates.length - 1; i >= 0; i--) { if (dates[i] <= e) { ei = i; break; } } }\n    if (si > ei) return { dates: [], values: [] };\n    var sd = dates.slice(si, ei + 1), sv = values.slice(si, ei + 1), base = sv[0];\n    return { dates: sd, values: sv.map(function (v) { return parseFloat((v \/ base * 100).toFixed(4)); }) };\n  }\n\n  function drawChart() {\n    var s = document.getElementById(\"inago-start\").value;\n    var e = document.getElementById(\"inago-end\").value;\n    var traces = [], ci = 0;\n\n    Object.keys(idata).forEach(function (name) {\n      if (!selected[name]) return;\n      var d = idata[name];\n      if (!d || !d.dates || !d.dates.length) return;\n      var r = rebase(d.dates, d.values, s, e);\n      if (!r.dates.length) return;\n      traces.push({\n        x: r.dates, y: r.values, type: \"scatter\", mode: \"lines\", name: name,\n        line: { color: COLORS[ci % COLORS.length], width: 2.5 },\n        hovertemplate: \"<b>\" + name + \"<\/b><br>%{x}<br>%{y:.2f}<extra><\/extra>\",\n      });\n      ci++;\n    });\n\n    var chartEl = document.getElementById(\"inago-chart\");\n    if (!traces.length) {\n      chartEl.innerHTML = '<div class=\"inago-msg inago-error\">\u9078\u629e\u3057\u305f\u671f\u9593\u306b\u30c7\u30fc\u30bf\u304c\u3042\u308a\u307e\u305b\u3093<\/div>';\n      return;\n    }\n\n    Plotly.newPlot(\"inago-chart\", traces, LAYOUT, { responsive: true, displaylogo: false });\n\n    var x0 = traces[0].x, info = document.getElementById(\"inago-info\");\n    info.textContent = \"\u8868\u793a: \" + (s || x0[0]) + \" \u301c \" + (e || x0[x0.length - 1]) + \"  |  \" + traces.length + \" \u6307\u6570\";\n  }\n\n  function allDates() {\n    var arr = [];\n    Object.keys(idata).forEach(function (k) { if (idata[k].dates) arr = arr.concat(idata[k].dates); });\n    return arr.sort();\n  }\n\n  function setRange(days) {\n    var dates = allDates();\n    if (!dates.length) return;\n    var last = dates[dates.length - 1];\n    document.getElementById(\"inago-end\").value = last;\n    if (days === null) {\n      document.getElementById(\"inago-start\").value = dates[0];\n    } else {\n      var end = new Date(last + \"T00:00:00\"), start = new Date(end);\n      start.setDate(start.getDate() - days);\n      document.getElementById(\"inago-start\").value = fmtDate(start);\n    }\n    drawChart();\n  }\n\n  function initWidget() {\n    if (!idata) {\n      document.getElementById(\"inago-chart\").innerHTML =\n        '<div class=\"inago-msg inago-error\">index_data.js \u304c\u8aad\u307f\u8fbc\u3081\u307e\u305b\u3093\u3067\u3057\u305f\u3002URL\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/div>';\n      return;\n    }\n\n    \/\/ \u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u751f\u6210\n    var checksEl = document.getElementById(\"inago-checks\");\n    Object.keys(idata).forEach(function (name) {\n      selected[name] = true;\n      var lbl = document.createElement(\"label\");\n      lbl.className = \"inago-check-label\";\n      var cb = document.createElement(\"input\");\n      cb.type = \"checkbox\";\n      cb.checked = true;\n      (function (n) {\n        cb.addEventListener(\"change\", function () { selected[n] = cb.checked; drawChart(); });\n      }(name));\n      lbl.appendChild(cb);\n      lbl.appendChild(document.createTextNode(\" \" + name));\n      checksEl.appendChild(lbl);\n    });\n\n    \/\/ \u521d\u671f\u65e5\u4ed8\u7bc4\u56f2\uff08\u5168\u671f\u9593\uff09\n    var dates = allDates();\n    if (dates.length) {\n      document.getElementById(\"inago-start\").value = dates[0];\n      document.getElementById(\"inago-end\").value = dates[dates.length - 1];\n    }\n\n    \/\/ \u65e5\u4ed8\u5165\u529b\n    document.getElementById(\"inago-start\").addEventListener(\"change\", drawChart);\n    document.getElementById(\"inago-end\").addEventListener(\"change\", drawChart);\n\n    \/\/ \u671f\u9593\u30dc\u30bf\u30f3\n    document.querySelectorAll(\"#inago-root .inago-btn\").forEach(function (btn) {\n      btn.addEventListener(\"click\", function () {\n        document.querySelectorAll(\"#inago-root .inago-btn\").forEach(function (b) { b.classList.remove(\"inago-active\"); });\n        btn.classList.add(\"inago-active\");\n        var days = btn.getAttribute(\"data-days\");\n        setRange(days === \"all\" ? null : parseInt(days, 10));\n      });\n    });\n\n    drawChart();\n  }\n\n  \/\/ Plotly \u304c\u672a\u30ed\u30fc\u30c9\u306a\u3089\u52d5\u7684\u306b\u8aad\u307f\u8fbc\u3080\uff08\u91cd\u8907\u8aad\u307f\u8fbc\u307f\u6642\u306e\u5b89\u5168\u7b56\uff09\n  function ensurePlotly(cb) {\n    if (typeof Plotly !== \"undefined\") { cb(); return; }\n    var s = document.createElement(\"script\");\n    s.src = \"https:\/\/cdn.plot.ly\/plotly-2.35.2.min.js\";\n    s.onload = cb;\n    document.head.appendChild(s);\n  }\n\n  ensurePlotly(function () {\n    if (document.readyState === \"loading\") {\n      document.addEventListener(\"DOMContentLoaded\", initWidget);\n    } else {\n      initWidget();\n    }\n  });\n}());\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u30a4\u30ca\u30b4\u6307\u6570\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9 \u7b49\u30a6\u30a7\u30a4\u30c8\u6307\u6570 \u2014 \u8868\u793a\u671f\u9593\u306e\u6700\u521d\u306e\u65e5\u3092\u57fa\u6e96\u5024100\u3068\u3057\u3066\u518d\u57fa\u6e96\u5316 \u958b\u59cb\u65e5 \u7d42\u4e86\u65e5 1M 3M 6M 1Y \u5168\u671f\u9593 \u30b0\u30e9\u30d5\u3092\u8aad\u307f\u8fbc\u307f\u4e2d#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/momenago.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":7,"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/momenago.site\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/momenago.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}