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

/truck-dispatch`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/truck-matching`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/truck-compliance`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/truck-billing`tsc` 緑・デスクトップ情報密度。cold AI(群青を一度も触っていない設定):

/truck-pl`tsc` 緑・デスクトップ情報密度・可変データ駆動。cold AI(群青を一度も触っていない設定):

/shipper-portal`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):
/parcel-tracking`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/intl-shipment`tsc` 緑・デスクトップ密。cold AI(群青を一度も触っていない設定):

/delivery-settings`tsc` 緑・375px mobile-first。cold AI(群青を一度も触っていない設定):

/shipper-billingトラック toB5(配車#159/求貨求車#160/車両労務#161/運賃請求#162/運送原価#163)+ toC5(荷主#164/宅配#165/国際#166/設定#167/請求#168)が**対称完走**。航空・鉄道・タクシー・バスに続き、**運輸5モードすべてが toB+toC 対称で完走**した。
この業界が gunjo に残したもの
トラックは、value-vs-X 家系を完成させた LimitMonitor、日付グループ+小計の SectionList、多日タイムスタンプ対応の RouteStops dateLabel、flush 設定行 NavRow を群青に残しました。同時に運輸5モード(鉄道・航空・バス・タクシー・トラック)が全部 toB+toC 対称で完走し、「運輸の床」が初めて 1業界として確立した arc でもあります。