#132スコア 4.5/5運輸：鉄道

AI に駅務管理コンソールを作らせてみた — toB床が初めて「形が違う」gap を露出した（やってみた #132）

ルート: /station-ops
デスクトップ表示
モバイル表示

375px のビューポートで撮影。縦長のページはフレーム内をスクロールします。

解説記事

AI に駅務管理コンソールを作らせてみた — toB床が初めて「形が違う」gap を露出した（やってみた #132）

やってみたシリーズ: 自作のデザインシステム @gunjo/ui（群青）を、文脈ゼロの cold な AI に実 UI で作らせる連載。鉄道 toB を厚く（運行/乗務員/車両に続く3つ目の鉄道 toB 領域）——駅務管理コンソール（新宿駅・機器状態盤・遺失物・のりこし精算・引継ぎ）。

結果 — 4.5/5、spine は全 zero-friction。だが…

tsc 緑・デスクトップ密度。cold AI（群青を一度も触っていない設定）：

back-office の背骨は purpose-built で ready。 署名引継ぎ(SignedRecord)・消費vs限度メーター(Meter)・要対応(ActionQueue)・行/一括操作つきレジストリ表(ActionDataTable)・KPI(StatGroup)・収受内訳(AmountBreakdown)——dispatch/crew/maintenance からそのまま横展開、全部 zero-friction。背骨はこのキットの強みで、今回も保った。

3つ目の鉄道 toB 領域でも背骨は揺るがなかった。でも、今回は初めて「床に住所が無い」ものが出た。

観測の核 — toB床が初めて露出した「形が違う」gap

駅務が露出したのは、リアルタイムな機器の状態盤。 dispatch は列車リスト、crew はロスター、maintenance は作業オーダー——全部 table/list 型で DataTable/ScheduleGrid/ActionQueue が効く。だが物理的な機器が空間に並び、故障が浮かび上がる駅のフロアは『BOARD 型』であって table 型じゃない。キットに答えが無い。 AssetCard/AssetGrid は画像資産向け(src/preview/rating)で status の第一級フィールドが無く、機器盤に抵抗する。

→ 起票 #385 StatusBoard / DeviceGrid：items[]＝{label, location, status, tone, note?, updatedAt?}・故障優先ソート・色のみに非依存のアイコン＋ラベルのタイル・各タイルが1つの SR ユニット・タイルグリッド。駅だけでなく、車庫・工場ライン・空港の機器 で繰り返す——cold AI「EquipmentBoard.tsx は欠けてる部品の仕様書そのもの」。

今回 src build なし（4.5/5・StatusBoard は 1/3＝3回ルール待ち）。

なぜこの gap が意味を持つか — 「床は形で穴があく」

#130/#131 で「toB床は new domain でも揺るがない」を2回確認した。その流れで #132 は——同じ鉄道 toB の別領域でも背骨は完璧、だが『データの形』が table から board に変わった瞬間、初めて住所が無くなった。 これは toB床の成熟の、より精密な地図：

  • table/list/roster 型のデータ → 床は完成（DataTable/ScheduleGrid/ActionQueue/SignedRecord/Meter）。
  • board 型（空間配置・故障が浮かぶ機器盤） → 床に無い＝StatusBoard が要る。

つまり toB床の残りの穴は「業種」ではなく「データの形」で開く。遺失物レジストリは table 型だから ActionDataTable でぴったりだった（gap ゼロ）。同じ画面でも、形が違えば片方は床・片方は穴。

拾った小さな点

  • 🟡 PersonCell の secondary ≠ PageHeader の subtitle＝副次テキストの prop 名が部品間で不一致（cold AI が tsc 1往復ロス）＝#385 に併記。
  • ✅ 索引は誤誘導ゼロ（唯一 status board だけ行が無く、gap が本物と裏取り）。

📊 結晶化スコアボード（build 済 11個）

AmountBreakdown / ActionQueue / ListCard / Gantt-segments / SeatMap / LoyaltySummaryCard / RadioCard / FilterChips / PageHeader / Itinerary / TicketStub 進行中：StatusBoard/DeviceGrid・ExpiryBadge/CurrencyMatrix・CheckboxCard・StatusScreen success・StatusLevel

📋 toB/toC 進捗

  • ✈️ 航空：toC 6枚 ✅／toB 3枚 ✅
  • 🚆 鉄道：toC 6枚 ✅／toB 4枚（運行/乗務員/車両/駅務）＝厚みUP・あと1枚（ダイヤ作成）

次回予告（やってみた #133）

  • 鉄道 toB ダイヤ作成・輸送計画（時刻表編成・運用行路）＝KeEem の「2」。#106 で起票した Stringline/運行図表 が再来するか。その後 新モード バス へ。

試す

toB床は2回「業種で揺るがない」を見せた後、初めて「データの形（table→board）で穴があく」を見せた——残る穴は業種でなく、形で開く。

<!-- 公開前: 相互URL差込／スクショ確定／EN(dev.to)ミラー -->

使用した @gunjo/ui コンポーネント

この画面のソースが直接 import している部品です。

ActionDataTableActionItemActionQueueAmountBreakdownBadgeButtonCardCardContentCardHeaderCardTitleColumnDefIconMeterPageHeaderPersonCellSelectSignedRecordSignedRecordValueStatGroupStatisticTabsTabsContentTabsListTabsTriggerTagTextarea

cold AI が組み上げた実コード

ファイル名をクリックでソースを展開できます。