import type { ReactNode } from "react";
import type { Props } from "./schema";
function Ledger({heads,rows,caption}:{heads:string[];rows:ReactNode[][];caption?:string}) { return {caption && {caption} }{heads.map((h,i)=>{h} )} {rows.map((r,i)=>{r.map((v,j)=>{v} )} )}
; }
function Notes({children}:{children:ReactNode}) { return データ・判断条件を確認 {children}SERVICE BLUEPRINT
{d.title} {d.subtitle && {d.subtitle}
}s.label)]} rows={layers.map(l=>[l.label,...d.stages.map(s=>s[l.key])])}/>
{d.stages.map((s,i)=>
{s.label} [l.label,s[l.key]])}/> )}
表の対応と裏の処理の境界を明確にします。各列は同じ工程を示し、異なる時間粒度を混在させません。
各工程で顧客・業務・システムの対応を縦に読めるようにする。