トラックUIのコールドテスト — 配車・求貨求車・車両労務・運賃請求・原価収支・荷主ポータル
トラック配車(StatusBoard / Gantt / RouteStops)、求貨求車マッチング、車両労務(改善基準告示)、運賃請求と燃料サーチャージ、収支ダッシュボード、荷主ポータル、宅配追跡、国際輸送、配達設定、お支払いポータル──運輸5モード目を toB5+toC5 で対称完走した10枚。LimitMonitor・SectionList・RouteStops dateLabel・NavRow が実装した業界です。
運輸:トラック の cold test、10 画面のまとめ。
なぜトラックUIは難しいのか
トラックは規制が重い(改善基準告示で拘束時間/連続運転/休息に名前付き上限)うえに、求貨求車という「二者間マーケットプレイス」、荷主ポータル・宅配追跡という「B2B2C 消費者側」、国際輸送の「多日タイムスタンプ」と、UI に新しいキャンバスを要求する作法が多いです。トラック arc では、これまでキャンバスに無かった「値 vs 名前付き上限」(LimitMonitor)、「日付グループ+小計」(SectionList)、「自由形式の日付ラベル付きストップ」(RouteStops dateLabel)、「flush 設定行」(NavRow)が同じ arc で次々に 3回確認を満たしました。
ここで群青に加わったコンポーネント
トラック10枚で 3回確認を満たして実装に到達したコンポーネントです。キャンバスの隙間を最も多く埋めた arc としても記録されています。
- LimitMonitor#161
値 vs 名前付き上限(ソフト/ハード・実単位)。営業係数 / 拘束時間 / 改善基準告示で 3回確認達成実装。value-vs-X 家系の4番目。
- SectionList#162
グループ見出し+本文+グループ小計フッター。タクシー月別履歴 / バス IC 台帳 / 運賃請求で 3回確認達成実装。
- RouteStops dateLabel#166
per-stop dateLabel(自由形式・日付跨ぎ)。HH:MM の intraday を維持しつつ、国際物流の多日タイムスタンプに対応。
- NavRow#168
flush 設定行(icon + label + value + chevron)。法人配車・宅配設定・お支払いポータルで 3回確認達成実装。docs のコンポーネント検索が ListCard.onSelect(aria-pressed トグル)に誤誘導する a11y バグも是正。
LimitMonitor は「値 vs 名前付き上限(ソフト/ハード・実単位)」として、ExpiryBadge(期限)/ ReferenceValue(範囲)/ Meter(容量)に次ぐ「value-vs-X 家系の4番目」になりました。docs のコンポーネント検索も Meter target / ReferenceValue 誤誘導を是正。
運輸:トラック の全ラウンド
運輸:トラック カテゴリの 10 画面を、ラウンド順に並べています。各カードから cold AI が組んだソース、解説記事、デスクトップ/モバイルのプレビューに飛べます。

/truck-dispatch最近作ったコンポーネントが次々「本当の自宅」に帰った。「5モード目でも土台は飽和しない」(が、出る欠落の性質が変わる)。

/truck-matching索引是正が「翌画面で」効いた。索引には「2種類の罠」がある。

/truck-compliance「値 vs X」系統が4つになった。予備知識ゼロの AI が「自分で指摘した罠」に自分で落ちた。

/truck-billingグループ化の背骨が3回目でコンポーネント化。「索引が自ら欠落を認める」のは最も誠実な誤誘導。

/truck-pl直近作ったものが次々「再検証」された。「別業界での再検証」が土台成熟の最終証明。

/shipper-portal「最速の 作る→検証」。「作る→検証の距離」が縮むのが土台成熟の最終指標。
/parcel-tracking「索引修正が翌回で検証された」。「索引修正の検証」も 作る→検証ループの一種。

/intl-shipmentRouteStops の複数日対応が3回目でコンポーネント化。「予備知識ゼロの AI がコンポーネントを捨てて代替に逃げる」のは最も鋭い 3回確認のサイン。

/delivery-settings設定の土台は ~90% だが「設定行」だけ欠落。索引の罠は「アクセシビリティの正しさ」でも測れる。

/shipper-billingNavRow が3回目でコンポーネント化。NavRow は「アクセシビリティの意味づけの欠落」を塞いだ最初の作成。
この業界が gunjo に残したもの
トラックは、value-vs-X 家系を完成させた LimitMonitor、日付グループ+小計の SectionList、多日タイムスタンプ対応の RouteStops dateLabel、flush 設定行 NavRow を群青に残しました。同時に運輸5モード(鉄道・航空・バス・タクシー・トラック)が全部 toB+toC 対称で完走し、「運輸のキャンバス」が初めて 1業界として確立した arc でもあります。