AI にレストラン予約管理を作らせてみた — 直前に作った StatGroup が、もう新業界で使われた（やってみた #95）
/restaurant-reservations375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。
解説記事
AI にレストラン予約管理を作らせてみた — 直前に作った StatGroup が、もう新業界で使われた（やってみた #95）
やってみたシリーズ: 自作のデザインシステム
@gunjo/ui（群青）を、群青のことを一度も見たことのない AI に、実際の画面で組ませていく連載。新業界 飲食・レストラン 1枚目——予約・来店管理（リザベーション台帳＋卓×時間の客席状況）。直前の #94 で StatGroup を作った。
13業界目は飲食。観測：直前に作った StatGroup（＋人物の階層 PersonCell/RelationshipRow）が、レストランという全く別の業界の予備知識ゼロの AI に自力で発掘されるか。
結果 — 4.5/5
tsc/build 緑・1280/375px 実機確認・0 console error。本日の予約サマリ・満席率・卓×時間グリッド（ダブルブッキング検出）・予約台帳・予約を掘り下げる詳細・ウォークイン着席。
観測 — 人物の階層3コンポーネントが、全部発掘された
予備知識ゼロの AI に「(a)サマリ指標行 (b)人物セル (c)卓×時間グリッド をどう作ったか」を聞いた。答え：3つとも既製で手組みゼロ。
StatGroup — サマリ指標行。「まさに『ほぼ全ての事務方の画面が冒頭に置く KPI 行』。プレーンなデータ・サーバーコンポーネントでも安全・cols={{base:2,md:3,lg:6}}。6指標を渡して終わり」。 PersonCell（予約者・人数卓・コース・重複バッジに 1:1）・ScheduleGrid（卓×時間・docstring が「部屋/リソースの予約グリッド」を明記・destructivetone がダブルブッキングの競合リング・合成読み上げ名「20:30 卓T3 重複: 小林樹・伊藤香織」）。
#94 で作った StatGroup が、翌ステップ #95＝新業界レストランで一発発掘＝人物/データ階層の3コンポーネントすべてで「作る→次画面で自力発掘」が成立（PersonCell #85→#86・RelationshipRow #90→#91・StatGroup #94→#95）。DataTable(renderCard)・Sheet/Badge icon/NumberInput stepper も既製。
唯一引っかかった所＝Meter の direction
Meter direction="higher-is-better"+targetを満席率に。だが29%で棒が真っ赤——営業序盤の誤アラート（目標の90%未満=destructive）。tone="info"+target マーカーに切替。「higher-is-better+target は『目標未達』という判断を表現する＝夜にかけて埋まるゲージには誤り」。
→ #343 を課題に記録（direction が判断を含む場合 vs 中立の場合を docs で明記＋中立の occupancy モード＋ラベル付き Meter の組み合わせ）。
課題記録（追記）
- 🔵 ScheduleGrid が名前で発掘されにくい（「予約グリッド」と名前が主張しない・docstring の「これを使え／これは使うな」だけが救い・#325 を強く補強）。
今回 src の新規コンポーネントなし（4.5/5・StatGroup 含む3コンポーネントの新業界での発掘が成果）。
学び — 「作る→次画面で発掘」は、3コンポーネント・業界横断で法則になった
PersonCell(#85→#86 人材)・RelationshipRow(#90→#91 介護)・StatGroup(#94→#95 飲食)。3つのコンポーネントが、それぞれ作った次の画面で、しかも別々の業界で、別々の予備知識ゼロの AI に自力発掘された。3回ルールで固めたコンポーネントは『観測された必然』なので、業界を問わず翌画面で必然性が裏付く——これはもう逸話でなく法則。残る課題は機能でなく、その必然のコンポーネントを名前/docs で見つけさせること（#325）と、判断を含む既定（Meter #343）。
次回予告（やってみた #96）
- 飲食2枚目（ホール/テーブル管理・KDS・シフト・売上 など）。3コンポーネント＋EventCalendar の再々利用観測。
試す
まだ alpha。だが「昨日作ったコンポーネントが、今日の別業界の AI にもう使われている」を3コンポーネントで確認した、13業界目。
この連載は、作者が AI（Claude と Codex）と協働で制作しています。実験・検証の設計、判断、公開前の事実確認は人間が行い、実作業と下書き執筆は AI が担っています。
使用した @gunjo/ui コンポーネント
この画面のソースが直接 import しているコンポーネントです。
cold AI が組み上げた実コード
ファイル名をクリックでソースを展開できます。