{/* 凡例 */}

自動化タスク

手動タスク

移動経路

1F平面図 9,555 × 7,735mm

{/* 凡例（ステップ説明） */}

① 外出時ロボスタート（LDK巡回）

② 入浴後洗濯スタート（脱衣室）

③ 食洗機ON（外出前）

④ 出勤（玄関→外）

⑤ 帰宅（駐車場→玄関）

⑥ 夕食後食洗機ON

⑦ 搬入：ホール→FCL→パントリー（内側）

⑧ 搬入：キッチン南窓から直接搬入

⑨ 帰宅後手洗い（玄関→洗面）

); } // ─── 1日のタイムライン ─── function DailyTimeline({ selection, tweaks }) { const drum = selection.laundry === 'drum'; const dish = selection.dish !== 'nodish'; const robot = selection.robot !== 'nrobot'; const ih = selection.cooking === 'ih'; const phases = [ {t:'朝 6:00〜', events:[ {tx:'起床・朝食準備', auto:false, eq: ih ? 'IHで素早く調理' : 'ガスコンロで調理'}, drum ? {tx:'昨夜の洗濯乾燥完了・取り出し（5分）', auto:true, eq:'干す・取り込む作業が不要'} : {tx:'洗濯物を取り込んでたたむ（25分）', auto:false, eq:'毎日の手作業'}, ]}, {t:'外出前 7:30〜', events:[ dish ? {tx:'食洗機スタート（外出前ON）', auto:true, eq:'帰宅時には食器が洗浄済み'} : {tx:'食器を手洗い（15〜20分）', auto:false, eq:'毎朝の手作業'}, robot ? {tx:'ロボット外出時スタート', auto:true, eq:'帰宅時には床がきれいな状態に'} : {tx:'外出（帰宅後に手動掃除）', auto:false, eq:'帰宅後15〜20分の手作業'}, {tx:'出勤', auto:false, eq:'家電に任せて安心して外出'}, ]}, {t:'夕方 18:00〜', events:[ {tx:'帰宅', auto:false, eq: robot ? '床がきれいな状態で迎えてくれる' : '床掃除が残っている'}, {tx:'夕食準備・食事', auto:false, eq: ih ? 'IHで安全・効率的に調理' : 'ガスコンロで調理'}, dish ? {tx:'食後食洗機スタート', auto:true, eq:'食後すぐにキッチンが片付く'} : {tx:'食器を手洗い（20〜25分）', auto:false, eq:'食後の手作業'}, ]}, {t:'夜入浴後〜', events:[ drum ? {tx:'入浴後洗濯スタート（就寝前）', auto:true, eq:'翌朝には乾燥完了・今日着た服もそのまま洗える'} : {tx:'洗濯機スタート→翌朝干す（25分）', auto:false, eq:'干す場所と時間が必要'}, {tx:'就寝', auto:false, eq:'自由時間が確保できる'}, ]}, ]; // 年間時短目安 const ds = dish ? (tweaks.dishFreq * 0.35 * 52) : 0; const ls = drum ? (tweaks.laundryFreq * 0.35 * 52) : 0; const rs = robot ? (tweaks.robotFreq * 0.3 * 52) : 0; const tot = Math.round(ds + ls + rs); return (

{phases.map((ph, i) => (

⏰ {ph.t}

{ph.events.map((e, j) => (

{e.auto ? '⚡ ' : ''}{e.tx}

{e.eq}

))}

年間時短の目安：食洗機 {Math.round(ds)}時間 + 洗濯乾燥 {Math.round(ls)}時間 + 床掃除 {Math.round(rs)}時間 ＝ {tot}時間/年（月{Math.round(tot/12)}時間相当）

); } // ─── BEFORE/AFTER 動線改善（既存ロジック） ─── function BeforeAfterSection() { const [sel, setSel] = useStateFlow(0); const item = MOTIONS[sel]; const totalH = MOTIONS.reduce((s,d)=>s+d.annual, 0); return (

Math.max(m,d.saved), 0)}`} unit="秒/回" color="var(--amber)" sub="ゴミ出し動線" />

{MOTIONS.map((d,i)=>( ))}

{item.icon}

{item.zone}

BEFORE

{item.before}

AFTER

{item.after}

年{item.annual}h短縮

IMPLEMENTATION

{item.tips.map((t,i)=>(

→ {t}

))}

); } // ─── メインタブ ─── function FlowTab({ selection, tweaks }) { return (

); } window.FlowTab = FlowTab;