e.stopPropagation()}>

{CAT_LABELS[s.category]}

{m}/{d}

{dow}曜日

{s.title}

{s.start_time &&

時間

{s.start_time}{s.end_time?` 〜 ${s.end_time}`:''}

} {s.location &&

場所

{s.location}

} {s.gather_time &&

集合

{s.gather_time} / {s.gather_place||s.location}

} {s.opponent &&

対戦相手

{s.opponent}

} {s.age_group &&

カテゴリ

{s.age_group}

} {s.kickoff_time &&

キックオフ

{s.kickoff_time}

} {s.parking_limited && (

駐車場制限あり{s.parking_limit_num?`（${s.parking_limit_num}台まで）`:''}{s.parking_note?` — ${s.parking_note}`:''}

)} {s.description && (

備考

{s.description}

)} {s.attendance && (

◯ {s.attendance.attend} ✕ {s.attendance.absent} △ {s.attendance.undecided}

)}

); } // --- Announcement Detail --- function AnnouncementDetail({ a, onClose }) { if (!a) return null; const catCls = {info:'ann-info',urgent:'ann-urgent',event:'ann-event',result:'ann-result'}; const catLabel = {info:'お知らせ',urgent:'緊急',event:'イベント',result:'結果'}; return (

e.stopPropagation()}>

{catLabel[a.category]}

{a.title}

{a.created_by}{timeAgo(a.created_at)}

{a.content}

); } // --- Schedule Item Row --- function ScheduleRow({ s, onClick }) { const { m, d, dow } = fmtDate(s.event_date); return (

{m}月

{d}

{dow}

{CAT_LABELS[s.category]}

{s.title}

{s.start_time||'未定'} {s.location && <>|{s.location}}

{s.attendance && (

◯{s.attendance.attend} ✕{s.attendance.absent} △{s.attendance.undecided}

)}

); } // ==================== PAGES ==================== // --- HOME --- function HomePage({ onNav }) { const [selSch, setSelSch] = useState(null); const [selAnn, setSelAnn] = useState(null); const [calDate, setCalDate] = useState(null); const sorted = [...DEMO_SCHEDULES].sort((a,b)=>a.event_date.localeCompare(b.event_date)); const nextEvent = sorted[0]; const catLabel = {info:'お知らせ',urgent:'緊急',event:'イベント',result:'結果'}; const catCls = {info:'ann-info',urgent:'ann-urgent',event:'ann-event',result:'ann-result'}; const calEvents = calDate ? sorted.filter(s => s.event_date === calDate) : []; return (

{greeting()}、永野さん

{nextEvent && <>

{fmtDateFull(nextEvent.event_date)} {nextEvent.start_time && nextEvent.start_time+'〜'}

{nextEvent.title}

}

{DEMO_PLAYERS.length}

選手

{sorted.filter(s=>s.category!=='training').length}

今月の試合

{DEMO_NEWS.filter(n=>n.is_pinned||n.category==='urgent').length}

重要

{/* Calendar */} setCalDate(calDate === d ? null : d)} /> {calDate && calEvents.length > 0 && (

{fmtDateFull(calDate)} の予定

{calEvents.map(s => setSelSch(s)} />)}

)} {/* Upcoming */}

直近の予定

{sorted.slice(0,3).map(s => setSelSch(s)} />)}

{/* News */}

新着情報

{[...DEMO_NEWS].sort((a,b)=>{if(a.is_pinned!==b.is_pinned)return b.is_pinned?1:-1;return b.created_at.localeCompare(a.created_at);}).slice(0,3).map(a=>(

setSelAnn(a)}>

{a.is_pinned && } {catLabel[a.category]}

{a.title}

{a.created_by}{timeAgo(a.created_at)}

))}

{selSch && setSelSch(null)} />} {selAnn && setSelAnn(null)} />}

); } // --- SCHEDULE --- function SchedulePage() { const [view, setView] = useState('today'); const [selSch, setSelSch] = useState(null); const today = new Date(); const todayStr = dateToStr(today); const tmrw = new Date(today); tmrw.setDate(tmrw.getDate()+1); const tmrwStr = dateToStr(tmrw); const sorted = [...DEMO_SCHEDULES].sort((a,b)=>a.event_date.localeCompare(b.event_date)); const endOfWeek = new Date(today); endOfWeek.setDate(endOfWeek.getDate() + (7 - endOfWeek.getDay())); const weekStr = dateToStr(endOfWeek); const endOfMonth = new Date(today.getFullYear(), today.getMonth()+1, 0); const monthStr = dateToStr(endOfMonth); let filtered; if (view === 'today') { filtered = sorted.filter(s => s.event_date === todayStr || s.event_date === tmrwStr); } else if (view === 'week') { filtered = sorted.filter(s => s.event_date >= todayStr && s.event_date <= weekStr); } else { filtered = sorted.filter(s => s.event_date >= todayStr && s.event_date <= monthStr); } return (

{[{k:'today',l:'今日・明日'},{k:'week',l:'週間'},{k:'month',l:'月間'}].map(t=>( ))}

{filtered.length === 0 ? (

この期間の予定はありません

) : filtered.map(s => setSelSch(s)} />)}

{selSch && setSelSch(null)} />}

); } // --- TEAM --- function TeamPage() { const [tab, setTab] = useState('players'); return (

{tab === 'players' && (

{[...DEMO_PLAYERS].sort((a,b)=>a.jersey_number-b.jersey_number).map(p=>(

{p.last_name.charAt(0)}

{p.last_name} {p.first_name}

{p.grade} / {p.birth_date}

#{p.jersey_number}

))}

)} {tab === 'staff' && (

{DEMO_STAFF.map(s=>(

{s.last_name.charAt(0)}

{s.last_name} {s.first_name}

{s.position_title}

{s.qualifications}

))}

)}

); } // --- PLAYER (my child) --- function PlayerPage() { const child = DEMO_PLAYERS.find(p => p.id === 9); // 永野 ○○ const mem = DEMO_MEMORY; if (!child) return

お子さまの情報が登録されていません

; return (

{child.last_name} {child.first_name}

{child.grade} / {child.birth_date}

#{child.jersey_number}

スパイク

{mem.shoe_brand}

{mem.shoe_size}

お気に入り補食

{mem.favorite_snack}

初ゴール

{fmtDateFull(mem.first_goal_date)}

憧れの選手

{mem.favorite_player}

{mem.first_goal_note && (

初ゴールの思い出

{mem.first_goal_note}

)} {mem.personal_best && (

自己ベスト

{mem.personal_best}

)} {mem.notes && (

メモ

{mem.notes}

)}

); } // --- LIBRARY --- function LibraryPage() { const [filter, setFilter] = useState('all'); const filtered = filter === 'all' ? DEMO_LIBRARY : DEMO_LIBRARY.filter(l => l.skill_category === filter); return (

{[{k:'all',l:'すべて'},{k:'shoot',l:'シュート'},{k:'pass',l:'パス'},{k:'dribble',l:'ドリブル'},{k:'tactics',l:'戦術'},{k:'physical',l:'フィジカル'},{k:'gk',l:'GK'}].map(t=>( ))}

{filtered.length === 0 ? (

該当する動画がありません

) : filtered.map(l => (

{l.title}

{LOC_LABELS[l.location_type]} {SKILL_LABELS[l.skill_category]}

{l.added_by}

))}

); } // --- SETTINGS --- const APP_VERSION = '2.0.0'; function SettingsPanel({ onClose }) { const [updating, setUpdating] = useState(false); const handleForceUpdate = async () => { setUpdating(true); try { // 1. Service Worker の全キャッシュを削除 if ('caches' in window) { const keys = await caches.keys(); await Promise.all(keys.map(key => caches.delete(key))); } // 2. Service Worker を再登録（待機中のSWがあればスキップさせる） if ('serviceWorker' in navigator) { const registrations = await navigator.serviceWorker.getRegistrations(); await Promise.all(registrations.map(r => r.unregister())); } // 3. 強制リロード（キャッシュ無視） window.location.reload(true); } catch (e) { console.error('Update failed:', e); // フォールバック: 普通にリロード window.location.reload(true); } }; return (

e.stopPropagation()}>

設定

アカウント情報永野 >

お子さま管理1人 >

通知設定>

権限スタッフ

ログアウト

アプリバージョン

v{APP_VERSION}

キャッシュをクリアしてページを再読み込みします

); } // ==================== APP ==================== function App() { const [page, setPage] = useState('home'); const [showSettings, setShowSettings] = useState(false); const renderPage = () => { switch(page) { case 'home': return ; case 'schedule': return ; case 'team': return ; case 'player': return ; case 'library': return ; default: return ; } }; return ( <>

setShowSettings(true)} />

{renderPage()}

{showSettings && setShowSettings(false)} />} ); } const root = ReactDOM.createRoot(document.getElementById('root')); root.render();