Japanese

The domain name 'habit-tracker-51o.pages.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'habit-tracker-51o'. The second-level label 'pages' is 5 characters long split between two vowels and 3 consonants. Breaking it apart gives 1 word: pages. No strong language cues emerged from the frequency lists.

html/fb/d3/fbd36337-d758-41f2-b15a-fbfa886391f6.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

24ad154b1d9237a31f396890587092fa0b0c93396f77e6ddba63b262c79aea5e

1f627724a62e4e5de707de6005e4a97b8e148a6c152b3b1a12023c411e8b9a15

width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover

viewport

apple-mobile-web-app-capable

apple-mobile-web-app-status-bar-style

apple-mobile-web-app-title

theme-color

Abuse Team

CloudFlare, Inc.

pages.dev

Cloudflare Abuse Contact

MNT-CLOUDFLARE

Cloudflare Technical Contact

CLOUDFLARENET-EU


// ========== State ==========
const MARKS = ['', '○', '△', '×'];
const DOW = ['日','月','火','水','木','金','土'];
const MAX_HABITS = 15;

let state = {
  year: new Date().getFullYear(),
  month: new Date().getMonth(),
  habits: [],
  checks: {},
  tab: 'today',
  modalDay: null,
  reminderTime: '21:00',
  reminderOn: false,
  reminderTimer: null,
};

function daysInMonth(y, m) { return new Date(y, m + 1, 0).getDate(); }
function getDow(y, m, d) { return new Date(y, m, d).getDay(); }
function sKey(y, m) { return `ht3_${y}_${m}`; }
function today() { return new Date().getDate(); }
function isCurrentMonth() { const n = new Date(); return state.year === n.getFullYear() && state.month === n.getMonth(); }

function loadMonth(y, m) {
  try { const d = JSON.parse(localStorage.getItem(sKey(y, m))); if (d) return d; } catch {}
  return null;
}
function saveMonth() {
  localStorage.setItem(sKey(state.year, state.month), JSON.stringify({ habits: state.habits, checks: state.checks }));
}
function loadSettings() {
  try { const s = JSON.parse(localStorage.getItem('ht3_settings')); if (s) { state.reminderTime = s.reminderTime || '21:00'; state.reminderOn = s.reminderOn || false; } } catch {}
}
function saveSettings() {
  localStorage.setItem('ht3_settings', JSON.stringify({ reminderTime: state.reminderTime, reminderOn: state.reminderOn }));
}

function initMonth() {
  const d = loadMonth(state.year, state.month);
  if (d) { state.habits = d.habits || []; state.checks = d.checks || {}; }
  else {
    const pm = state.month === 0 ? 11 : state.month - 1;
    const py = state.month === 0 ? state.year - 1 : state.year;
    const prev = loadMonth(py, pm);
    state.habits = prev?.habits || [];
    state.checks = {};
  }
}

function toggleMark(hi, di) {
  if (!state.checks[hi]) state.checks[hi] = {};
  const cur = state.checks[hi][di] || '';
  state.checks[hi][di] = MARKS[(MARKS.indexOf(cur) + 1) % MARKS.length];
  saveMonth();
  render();
}

// ========== Export / Import ==========
function exportCSV() {
  const dim = daysInMonth(state.year, state.month);
  let csv = '\uFEFF日付,' + state.habits.join(',') + '\n';
  for (let d = 0; d < dim; d++) {
    const date = `${state.year}-${String(state.month+1).padStart(2,'0')}-${String(d+1).padStart(2,'0')}`;
    const cols = state.habits.map((_, hi) => state.checks[hi]?.[d] || '');
    csv += date + ',' + cols.join(',') + '\n';
  }
  downloadFile(csv, `habits_${state.year}_${String(state.month+1).padStart(2,'0')}.csv`, 'text/csv;charset=utf-8');
  showToast('CSVをダウンロードしました');
}

function exportJSON() {
  const data = { year: state.year, month: state.month + 1, habits: state.habits, checks: state.checks, exportedAt: new Date().toISOString() };
  downloadFile(JSON.stringify(data, null, 2), `habits_${state.year}_${String(state.month+1).padStart(2,'0')}.json`, 'application/json');
  showToast('JSONをダウンロードしました');
}

function downloadFile(content, filename, type) {
  const blob = new Blob([content], { type });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url; a.download = filename; a.click();
  URL.revokeObjectURL(url);
}

function importJSON() {
  const input = document.createElement('input');
  input.type = 'file'; input.accept = '.json';
  input.onchange = (e) => {
    const file = e.target.files[0]; if (!file) return;
    const reader = new FileReader();
    reader.onload = (ev) => {
      try {
        const data = JSON.parse(ev.target.result);
        if (data.habits && data.checks) {
          state.habits = data.habits;
          state.checks = data.checks;
          if (data.year) state.year = data.year;
          if (data.month) state.month = data.month - 1;
          saveMonth();
          render();
          showToast('データをインポートしました');
        }
      } catch { showToast('ファイルの読み込みに失敗しました'); }
    };
    reader.readAsText(file);
  };
  input.click();
}

// ========== Reminder ==========
function setupReminder() {
  clearReminder();
  if (!state.reminderOn) return;
  checkAndNotify();
  state.reminderTimer = setInterval(checkAndNotify, 60000);
}

function clearReminder() {
  if (state.reminderTimer) { clearInterval(state.reminderTimer); state.reminderTimer = null; }
}

function checkAndNotify() {
  if (!state.reminderOn) return;
  const now = new Date();
  const [h, m] = state.reminderTime.split(':').map(Number);
  if (now.getHours() === h && now.getMinutes() === m) {
    sendNotification();
  }
}

function sendNotification() {
  if ('Notification' in window && Notification.permission === 'granted') {
    new Notification('習慣トラッカー', { body: '今日のチェックをお忘れなく！', icon: 'icon-192.png', tag: 'habit-reminder' });
  }
}

async function toggleReminder() {
  if (!state.reminderOn) {
    if ('Notification' in window) {
      const perm = await Notification.requestPermission();
      if (perm !== 'granted') { showToast('通知の許可が必要です'); return; }
    }
    state.reminderOn = true;
  } else {
    state.reminderOn = false;
  }
  saveSettings();
  setupReminder();
  render();
}

// ========== Toast ==========
let toastTimeout = null;
function showToast(msg) {
  let el = document.getElementById('toast');
  if (el) el.remove();
  el = document.createElement('div');
  el.id = 'toast'; el.className = 'toast'; el.textContent = msg;
  document.body.appendChild(el);
  clearTimeout(toastTimeout);
  toastTimeout = setTimeout(() => el.remove(), 2500);
}

// ========== Render ==========
function h(tag, attrs, ...children) {
  const el = document.createElement(tag);
  if (attrs) Object.entries(attrs).forEach(([k, v]) => {
    if (k === 'class') el.className = v;
    else if (k.startsWith('on')) el.addEventListener(k.slice(2).toLowerCase(), v);
    else if (k === 'style' && typeof v === 'object') Object.assign(el.style, v);
    else el.setAttribute(k, v);
  });
  children.flat().forEach(c => { if (c != null) el.append(typeof c === 'string' ? document.createTextNode(c) : c); });
  return el;
}

function markClass(m) { return m === '○' ? 'maru' : m === '△' ? 'sankaku' : m === '×' ? 'batsu' : 'empty'; }

function renderHeader() {
  const months = ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'];
  return h('div', { class: 'header' },
    h('div', { class: 'header-row' },
      h('h1', null, '習慣トラッカー'),
      h('button', { class: 'btn-today', onClick: () => { state.year = new Date().getFullYear(); state.month = new Date().getMonth(); state.tab = 'today'; initMonth(); render(); } }, '今日')
    ),
    h('div', { class: 'month-nav' },
      h('button', { class: 'btn-nav', onClick: () => { if (state.month === 0) { state.year--; state.month = 11; } else state.month--; initMonth(); render(); } }, '◀'),
      h('span', { class: 'month-label' }, `${state.year}年 ${months[state.month]}`),
      h('button', { class: 'btn-nav', onClick: () => { if (state.month === 11) { state.year++; state.month = 0; } else state.month++; initMonth(); render(); } }, '▶')
    )
  );
}

function renderTabs() {
  const tabs = [
    { id: 'today', icon: '📅', label: '今日' },
    { id: 'month', icon: '📊', label: '月間' },
    { id: 'stats', icon: '🏆', label: '統計' },
    { id: 'settings', icon: '⚙️', label: '設定' },
  ];
  return h('div', { class: 'tabs' }, ...tabs.map(t =>
    h('button', { class: `tab-btn ${state.tab === t.id ? 'active' : ''}`, onClick: () => { state.tab = t.id; render(); } },
      h('span', { class: 'tab-icon' }, t.icon), t.label
    )
  ));
}

function renderHabitCard(hi, di, compact) {
  const mark = state.checks[hi]?.[di] || '';
  const mc = markClass(mark);
  const cardClass = mark ? `habit-card mark-${mc}` : 'habit-card';
  return h('div', { class: cardClass, onClick: () => { toggleMark(hi, di); } },
    h('div', { class: 'habit-info' },
      h('span', { class: 'habit-num' }, `#${hi + 1}`),
      h('span', { class: 'habit-name' }, state.habits[hi])
    ),
    h('div', { class: `mark-circle ${mc}` }, mark || '−')
  );
}

function renderToday() {
  const td = today();
  const dim = daysInMonth(state.year, state.month);
  const frag = h('div', null);

  frag.append(h('div', { class: 'date-title' },
    h('strong', null, `${state.month + 1}月${td}日`),
    h('span', { class: 'dow' }, `（${DOW[getDow(state.year, state.month, td)]}）`)
  ));

  if (state.habits.length === 0) {
    frag.append(h('div', { class: 'empty-state' },
      h('div', { class: 'icon' }, '📋'),
      h('div', { class: 'msg' }, '習慣がまだ登録されていません'),
      h('div', { class: 'sub' }, '「設定」タブから追加してください')
    ));
    return frag;
  }

  frag.append(h('div', { class: 'hint' }, 'タップで ○→△→×→未 を切替'));
  state.habits.forEach((_, hi) => frag.append(renderHabitCard(hi, td - 1)));

  // Past days
  const pastSection = h('div', { class: 'past-section' },
    h('div', { class: 'past-title' }, '過去の日を編集')
  );
  const grid = h('div', { class: 'past-grid' });
  for (let i = 0; i < Math.min(td, dim); i++) {
    const d = td - i;
    if (d < 1) continue;
    const dow = getDow(state.year, state.month, d);
    const isToday = d === td;
    let filled = 0;
    state.habits.forEach((_, hi) => { if (state.checks[hi]?.[d - 1]) filled++; });
    const allDone = filled === state.habits.length && state.habits.length > 0;
    const partial = filled > 0 && !allDone;
    const cls = `past-btn ${isToday ? 'today-btn' : allDone ? 'done' : ''}`;
    const btn = h('button', { class: cls, onClick: () => { state.modalDay = d; render(); } },
      h('span', { class: `past-dow ${isToday ? '' : ''}` }, DOW[dow]),
      String(d)
    );
    if ((partial || allDone) && !isToday) {
      btn.append(h('span', { class: `past-dot ${allDone ? 'complete' : 'partial'}` }));
    }
    grid.append(btn);
  }
  pastSection.append(grid);
  frag.append(pastSection);
  return frag;
}

function renderMonth() {
  if (state.habits.length === 0) {
    return h('div', { class: 'empty-state' },
      h('div', { class: 'icon' }, '📋'),
      h('div', { class: 'msg' }, '習慣がまだ登録されていません')
    );
  }
  const dim = daysInMonth(state.year, state.month);
  const td = today();
  const isCur = isCurrentMonth();
  const wrap = h('div', { class: 'month-scroll' });
  const table = h('table', { class: 'month-table', style: { minWidth: Math.max(state.habits.length * 50 + 44, 320) + 'px' } });

  // Head
  const thead = h('thead', null);
  const hr = h('tr', null, h('th', { class: 'day-col' }, '日'));
  state.habits.forEach(hb => {
    const label = hb.length > 5 ? hb.slice(0, 5) + '..' : hb;
    hr.append(h('th', null, label));
  });
  thead.append(hr);
  table.append(thead);

  // Body
  const tbody = h('tbody', null);
  for (let di = 0; di < dim; di++) {
    const dayNum = di + 1;
    const isToday = isCur && dayNum === td;
    const dow = getDow(state.year, state.month, dayNum);
    const tr = h('tr', { class: isToday ? 'today-row' : '' });
    const dayClass = `day-cell ${dow === 0 ? 'day-sun' : dow === 6 ? 'day-sat' : ''}`;
    const dayTd = h('td', { class: dayClass, onClick: () => { state.modalDay = dayNum; render(); } },
      h('span', { class: 'day-dow' }, DOW[dow]), String(dayNum)
    );
    tr.append(dayTd);
    state.habits.forEach((_, hi) => {
      const mark = state.checks[hi]?.[di] || '';
      const mc = markClass(mark);
      tr.append(h('td', { onClick: () => { toggleMark(hi, di); } },
        h('span', { class: `cell-mark ${mc}` }, mark || '·')
      ));
    });
    tbody.append(tr);
  }
  table.append(tbody);
  wrap.append(table);
  return wrap;
}

function renderStats() {
  if (state.habits.length === 0) {
    return h('div', { class: 'empty-state' },
      h('div', { class: 'icon' }, '📊'),
      h('div', { class: 'msg' }, 'データがありません')
    );
  }
  const maxDay = isCurrentMonth() ? today() : daysInMonth(state.year, state.month);
  const frag = h('div', null);
  state.habits.forEach((hb, hi) => {
    let o = 0, s = 0, x = 0;
    for (let d = 0; d < maxDay; d++) { const m = state.checks[hi]?.[d] || ''; if (m === '○') o++; if (m === '△') s++; if (m === '×') x++; }
    const rate = maxDay > 0 ? Math.round((o / maxDay) * 100) : 0;
    const card = h('div', { class: 'stat-card' },
      h('div', { class: 'stat-header' },
        h('span', { class: 'stat-name' }, hb),
        h('span', { class: 'stat-rate' }, `${rate}%`)
      ),
      h('div', { class: 'stat-bar' },
        o > 0 ? h('div', { class: 'maru', style: { width: `${(o/maxDay)*100}%` } }) : null,
        s > 0 ? h('div', { class: 'sankaku', style: { width: `${(s/maxDay)*100}%` } }) : null,
        x > 0 ? h('div', { class: 'batsu', style: { width: `${(x/maxDay)*100}%` } }) : null
      ),
      h('div', { class: 'stat-counts' },
        h('span', { class: 'c-maru' }, `○ ${o}`),
        h('span', { class: 'c-sankaku' }, `△ ${s}`),
        h('span', { class: 'c-batsu' }, `× ${x}`),
        h('span', { class: 'c-total' }, `${o+s+x}/${maxDay}日`)
      )
    );
    frag.append(card);
  });
  return frag;
}

function renderSettings() {
  const frag = h('div', null);

  // Add habit
  const input = h('input', { class: 'add-input', type: 'text', placeholder: '新しい習慣を入力...' });
  const addBtn = h('button', { class: 'btn-add', onClick: () => {
    const v = input.value.trim();
    if (v && state.habits.length < MAX_HABITS) { state.habits.push(v); input.value = ''; saveMonth(); render(); }
  } }, '追加');
  input.addEventListener('keydown', (e) => { if (e.key === 'Enter') addBtn.click(); });
  frag.append(h('div', { class: 'add-row' }, input, addBtn));
  frag.append(h('div', { class: 'habit-count' }, `${state.habits.length} / ${MAX_HABITS} 習慣`));

  if (state.habits.length === 0) {
    frag.append(h('div', { class: 'empty-state' },
      h('div', { class: 'icon' }, '✨'),
      h('div', { class: 'msg' }, '習慣を追加して始めましょう')
    ));
  } else {
    state.habits.forEach((hb, i) => {
      const nameInput = h('input', { class: 'setting-input', value: hb });
      nameInput.addEventListener('input', () => { state.habits[i] = nameInput.value; saveMonth(); });
      const card = h('div', { class: 'setting-card' },
        h('div', { class: 'reorder-btns' },
          h('button', { class: 'btn-arrow', disabled: i === 0 ? 'true' : null, onClick: () => { reorder(i, i - 1); } }, '▲'),
          h('button', { class: 'btn-arrow', disabled: i === state.habits.length - 1 ? 'true' : null, onClick: () => { reorder(i, i + 1); } }, '▼')
        ),
        h('span', { class: 'setting-num' }, `#${i + 1}`),
        nameInput,
        h('button', { class: 'btn-remove', onClick: () => { removeHabit(i); } }, '✕')
      );
      frag.append(card);
    });
  }

  // Export section
  const exportSection = h('div', { class: 'settings-section' },
    h('div', { class: 'settings-section-title' }, 'データのエクスポート'),
    h('div', { class: 'export-btns' },
      h('button', { class: 'btn-export', onClick: exportCSV }, '📄 CSV'),
      h('button', { class: 'btn-export', onClick: exportJSON }, '📦 JSON')
    ),
    h('button', { class: 'btn-import', onClick: importJSON }, '📥 JSONからインポート')
  );
  frag.append(exportSection);

  // Reminder section
  const timeInput = h('input', { class: 'reminder-time', type: 'time', value: state.reminderTime });
  timeInput.addEventListener('change', () => { state.reminderTime = timeInput.value; saveSettings(); setupReminder(); });
  const reminderSection = h('div', { class: 'settings-section' },
    h('div', { class: 'settings-section-title' }, 'リマインダー通知'),
    h('div', { class: 'reminder-row' },
      timeInput,
      h('button', { class: `btn-reminder ${state.reminderOn ? 'on' : 'off'}`, onClick: toggleReminder },
        state.reminderOn ? '🔔 ON' : '🔕 OFF'
      )
    ),
    h('div', { class: 'reminder-status' },
      state.reminderOn
        ? `毎日 ${state.reminderTime} に通知します（アプリを開いている時）`
        : '通知はオフです'
    )
  );
  frag.append(reminderSection);
  return frag;
}

function removeHabit(idx) {
  state.habits.splice(idx, 1);
  const newChecks = {};
  let shift = 0;
  for (let i = 0; i <= idx + state.habits.length; i++) {
    if (i === idx) { shift = 1; continue; }
    if (state.checks[i]) newChecks[i - shift] = state.checks[i];
  }
  state.checks = newChecks;
  saveMonth(); render();
}

function reorder(from, to) {
  const [item] = state.habits.splice(from, 1);
  state.habits.splice(to, 0, item);
  const tempChecks = state.checks[from];
  if (from < to) { for (let i = from; i < to; i++) state.checks[i] = state.checks[i + 1] || {}; }
  else { for (let i = from; i > to; i--) state.checks[i] = state.checks[i - 1] || {}; }
  state.checks[to] = tempChecks || {};
  saveMonth(); render();
}

function renderModal() {
  if (!state.modalDay) return null;
  const day = state.modalDay;
  const dow = getDow(state.year, state.month, day);

  const overlay = h('div', { class: 'modal-overlay', onClick: () => { state.modalDay = null; render(); } });
  const sheet = h('div', { class: 'modal-sheet', onClick: (e) => e.stopPropagation() },
    h('div', { class: 'modal-header' },
      h('span', { class: 'modal-title' }, `${state.month + 1}月${day}日（${DOW[dow]}）`),
      h('button', { class: 'btn-close', onClick: () => { state.modalDay = null; render(); } }, '✕')
    ),
    h('div', { class: 'hint' }, 'タップで ○→△→×→未 を切替')
  );
  state.habits.forEach((_, hi) => sheet.append(renderHabitCard(hi, day - 1)));
  overlay.append(sheet);
  return overlay;
}

function render() {
  const app = document.getElementById('app');
  app.innerHTML = '';
  app.append(renderHeader());
  app.append(renderTabs());

  const content = h('div', { class: 'content' });
  if (state.tab === 'today') content.append(renderToday());
  else if (state.tab === 'month') content.append(renderMonth());
  else if (state.tab === 'stats') content.append(renderStats());
  else if (state.tab === 'settings') content.append(renderSettings());
  app.append(content);

  const modal = renderModal();
  if (modal) app.append(modal);
}

// ========== Init ==========
loadSettings();
initMonth();
render();
setupReminder();

// Register Service Worker
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('sw.js').catch(() => {});
}


Requests	IP Address	Location	AS Autonomous System
9	142.251.13.95	United States	AS15169Google LLC
9	188.114.97.3	United States	AS13335Cloudflare, Inc.
9	142.251.13.94	United States	AS15169Google LLC
27	3	-	-

Security Scan Report: habit-tracker-51o.pages.dev

Summary

AI Security Verdict

High Risk

Risk Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History