ikudan — 育児段取りん (PC)

ikudan

迷わない育児段取りナビ

ログイン / 新規登録

メールアドレスを入力すると、ログインコードをお送りします。

メールアドレス

今日の準備期限 2件

${TODAY_TASKS.map((t,i)=>`

${t.done?check10():''}

${t.title}

${t.context}

${t.time}

`).join('')}

`; } function toggleTask(id, box) { box.classList.toggle('done'); const title = box.nextElementSibling.querySelector('.task-title'); title.classList.toggle('done'); box.innerHTML = box.classList.contains('done') ? check10() : ''; } /* ═══ RENDER EVENTS TABLE ═══ */ function renderEventsCard() { const filtered = activeCat === 'all' ? EVENTS : EVENTS.filter(e => e.cat === activeCat); document.getElementById('eventsCard').innerHTML = `

このあとの段取り ${filtered.length}件

${filtered.map((ev,i)=>` `).join('')}

	日付	カテゴリ	予定	準備	残り
${selectedEvId===ev.id?'':''} ${ev.pinned?pinIcon():''}	${ev.dateShort} （${ev.wd}）	${ev.tag}	${ev.title}	${ev.prep}	あと${ev.days}日

`; } /* ═══ RENDER MINI CALENDAR ═══ */ function renderCalCard() { const WDAYS = ['日','月','火','水','木','金','土']; const daysInMonth = 31, firstWd = 3, today = 4; // May 2025, Thu=4 const eventDays = {12:'vaccine',22:'vaccine',30:'admin',3:'event'}; let cells = []; for(let i=0;i{ if(c.kind==='pad') return `

`; const isToday = c.d===today; const ev = eventDays[c.d]; return `

${c.d} ${ev?`

`:''}

`; }).join(''); const upcoming = EVENTS.filter(e=>e.days<=41).slice(0,3); document.getElementById('calCard').innerHTML = `

2025年 5月

${WDAYS.map(d=>`

${d}

`).join('')} ${grid}

直近のイベント

${upcoming.map(ev=>`

${ev.dateShort} ${ev.title}

`).join('')}

`; } /* ═══ RENDER READING ═══ */ function renderReadingCard() { document.getElementById('readingCard').innerHTML = `

読みもの

${READING.map((r,i)=>`

${bookIcon()}

${r.kind} · ${r.meta}

${r.title}

${chevR()}

`).join('')}

`; } /* ═══ RENDER ACTIVITY ═══ */ function renderActivityCard() { document.getElementById('activityCard').innerHTML = `

家族のうごき

${ACTIVITY.map(a=>`

${a.by[0]}

${a.by} · ${a.text}

${a.when}

`).join('')}

`; } /* ═══ RENDER DETAIL PANEL ═══ */ function renderDetail() { const ev = EVENTS.find(e=>e.id===selectedEvId) || EVENTS[0]; const checks = getChecks(ev); const doneCount = checks.filter(Boolean).length; document.getElementById('detail').innerHTML = `

予定の詳細

${ev.tag}

${ev.title}

日付 ${ev.dateLabel}

残りあと${ev.days}日

当日までの段取り

${ev.roadmap.map(s=>`

${s.d}·${s.label}

${s.text}

`).join('')}

持ち物・やること ${doneCount} / ${checks.length}

${ev.checklist.map((p,i)=>`

${checks[i]?check10():''}

${p.t}

`).join('')}

${ev.affiliates.length ? `

PR · 関連アイテム

${ev.affiliates.map(a=>`

${a.icon}

${a.name}

${a.price}

${chevR()}

`).join('')}

` : ''}

アクティビティ

${ACTIVITY.slice(0,3).map(a=>`

${a.by[0]}

${a.by} · ${a.text}

${a.when}

`).join('')}

`; } /* ═══ INTERACTIONS ═══ */ function selectEv(id) { selectedEvId = id; renderEventsCard(); renderDetail(); } function setNav(id) { activeNav = id; renderSidebar(); renderMainContent(); } function renderMainContent() { const scroll = document.getElementById('main-scroll'); const greeting = document.getElementById('greeting'); const pad = document.querySelector('.main-pad'); if (activeNav === 'home') { greeting.style.display = 'flex'; pad.innerHTML = `

`; renderTodayCard(); renderEventsCard(); } else if (activeNav === 'cal') { greeting.style.display = 'none'; pad.innerHTML = `

カレンダー

`; renderCalCard(); } else if (activeNav === 'reading') { greeting.style.display = 'none'; pad.innerHTML = `

読みもの

育児に役立つコラム

`; renderReadingCard(); } else if (activeNav === 'set') { greeting.style.display = 'none'; pad.innerHTML = `

設定

設定画面は準備中です

`; } } function setCat(id) { activeCat = id; renderSidebar(); renderEventsCard(); } function toggleCheck(evId, idx, row) { getChecks(EVENTS.find(e=>e.id===evId)); checkState[evId][idx] = !checkState[evId][idx]; renderDetail(); } function toggleTheme() { const isDark = document.documentElement.getAttribute('data-theme') === 'dark'; document.documentElement.setAttribute('data-theme', isDark ? 'light' : 'dark'); document.getElementById('themeBtn').textContent = isDark ? 'Dark' : 'Light'; } function toggleViewBtn(btn) { document.querySelectorAll('.vt-btn').forEach(b=>b.classList.remove('active')); btn.classList.add('active'); } document.querySelectorAll('.vt-btn').forEach(b=>b.addEventListener('click',()=>toggleViewBtn(b))); /* ═══ INIT ═══ */ renderSidebar(); renderMainContent(); renderDetail();