Japanese

Within the developer-focused generic top-level domain (.dev), 'habit-tracker-51o.pages.dev' is registered, featuring subdomain 'habit-tracker-51o'. The second-level label 'pages' is 5 characters long holding two vowels versus 3 consonants. Word splitting yields one word: pages. No strong language cues emerged from the frequency lists.

html/78/58/7858afca-78b6-445f-98a7-07faed34eba9.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(() => {});
}


習慣トラッカー

✅ Low Risk - http://habit-tracker-51o.pages.dev/

Requests	IP Address	Location	AS Autonomous System
11	142.251.14.94	United States	AS15169Google LLC
9	142.251.13.95	United States	AS15169Google LLC
9	188.114.96.3	United States	AS13335Cloudflare, Inc.
29	3	-	-

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

Summary

AI Security Verdict

Low Risk

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

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