genba-dispatch

株式会社 e-works 能登営業所 向け 現場労務管理アプリ (配車・通知・受取確認 + 出退勤・36協定・資格期限)

モックアップ目次 / 全画面ブラウザで動作確認可能 / 仕様: spec_v02.md v0.4 / 右下 🔴 LIVE pill で状態確認・別タブ起動・リセット

🔴 LIVE — 全画面が localStorage で同期 + 別タブ自動更新
右下「🔴 LIVE」 pill を見ながら遊んでください。クリックで状態詳細 / 別タブで他画面起動 / リセット。 2つのタブで admin と mobile を並べて見ると、片方の編集がもう片方に瞬時に反映されます。
🎭 デモを試す: 誰の視点で見ますか?
📖 試してみるシナリオ (順に開いて流れを体感)
① 配車 → 通知 → 確認 の基本ループ
  1. 右下 LIVE pill → mobile-home (上野視点) を別タブで開く
  2. このタブで admin-schedule を開き、上野が入ったセルを編集 (時刻変更など) → 保存 (理由必須)
  3. mobile タブで瞬時に反映 (storage event)
  4. mobile-detail で「📩 受け取り確認」
  5. admin-confirmations に LIVE 枠で記録
② 出退勤打刻 → 労務管理
  1. mobile-detail で「📍 出勤打刻」
  2. 退勤打刻も押下
  3. admin-labor でその社員の月間勤務時間が +分集計される
  4. 36協定モニタテーブルで赤/黄警告を確認
③ 雨天中止 — 一斉通知
  1. mobile-notifications を別タブで開く
  2. admin-broadcast で「☔ 雨天中止」プリセット選択
  3. 4言語翻訳プレビュー → 送信
  4. mobile タブの通知履歴に瞬時に届く
④ 欠勤対応 — モバイルから管理画面へ
  1. admin-dashboard を別タブで開く
  2. mobile-absence で欠勤連絡を送信 (母語入力 → AI翻訳プレビュー)
  3. admin-dashboard の「🏥 欠勤連絡」枠に瞬時に表示
  4. 「⇨ 班員を差替え」ボタンで admin-schedule へ
⑤ AI 一括採用 → 明日の班割
  1. admin-ai-suggestion で「全提案を一括採用」
  2. 明日のセル6件が一気に書き込まれる
  3. admin-schedule の明日列で確認
  4. admin-history の変更ログに「🤖 AI採用」エントリ
⑥ 労務監視 — 危ない人を見つけて休ませる
  1. admin-labor で 36協定警告 (赤) の社員を確認
  2. その社員の行で「詳細」 → admin-employees 詳細パネル
  3. 労務サマリ + 資格期限を確認
  4. admin-schedule でその社員を抜いて休工に
🌟 設計原則: 入力したものは "使い道があるから" 入力する
入力箇所のあるすべてのフィールドは、必ず1つ以上の "使い道画面" を持つように設計しています。 例: 資格を社員に登録 → 配車画面の班員autocompleteで必要資格マッチ判定に使われる。 元請への注意事項をマスタ登録 → 社員アプリで自動表示。 詳細は spec_v02.md §7.1 画面×データ対応表 参照。
🔧 配車の主軸: 「班」ではなく「個人 × 職種」
個人別に得意な仕事 (法面・アンカー・吹付・大口径深礎・足場・削孔注入・クレーン作業・運転手・工場本社) は決まっている。 配車は「この現場は法面 → 法面持ちの中から選ぶ」が現実の判断動線。班は組織構造として残すが、配車の主軸からは外す (v0.3.1)。
⚖ アプリの目的: 「現場労務管理アプリ」 (v0.4)
一丁目一番地は 配車 → プッシュ通知 → 受取確認。その結果として個人別の労務データ (出退勤打刻・連続稼働・資格期限・有給) が自動蓄積され、 ⚖ 労務管理ハブ で 36協定モニタ・資格期限管理・有給状況を全社員横断で監視できる。 配車は労務管理の一機能、出口は 個人別労務カード。

🖥️ 管理画面 (配車担当者向け)

🏠 ダッシュボード (朝のトップ)
未到着・欠勤連絡・問い合わせ・AI提案・通知未確認を一覧。各カードから対応画面へ
2週間工程表ビュー ⚡ 高速入力＋職種マッチ
Excel流UX / 集合場所・車両マスタ連動 / 班員autocomplete 職種マッチ最優先 (+1000) ＋必要資格 (+100) ＋連続稼働警告 / プロジェクト行に職種バッジ / 未配員リスト＋ドラッグで配車 / 新規セルはプロジェクトのデフォルト集合時刻・場所を自動補完
🤖 AI班割提案 未来予告
過去班割パターンから明日の配員を提案。信頼度・根拠表示・「採用」で2週間工程表に書き込み
📋 日報一覧 🤖 AI翻訳＋要約
ベトナム語/ネパール語日報を自動翻訳＋3行要約＋横断サマリ＋要対応ハイライト
📊 出面表 (現場別 出勤集計)
個人別出勤日数＋協力会社ヘッドカウント＋日次推移。元請月次出面提出にそのまま使える
📨 通知 受け取り確認 集計
19時通知→社員の確認時刻を 20分以内／当日／翌日／未確認 で4段階集計。未確認者を即特定
📣 一斉通知 雨天中止1タップ
プリセット (雨天中止/時間変更/緊急集合) + 自由入力 + 4言語AI翻訳プレビュー + 全員/班/エリア絞り込み
📚 履歴アーカイブ 全期間保持
2週間工程表は編集窓。過去の班割スナップショット・変更ログ・社員別90日カレンダー・現場別工期サマリを全期間検索。CCUS・元請月次・労務監査用
⚖ 労務管理ハブ v0.4 NEW
36協定モニタ (月間時間外45h/60h警告・連続稼働日数) ＋資格期限管理 (90日以内に切れる資格を一覧、配車前ブロック) ＋有給休暇管理 (法定5日取得義務監視)。配車・打刻データから自動集計
社員一覧 (46名サンプル)
検索／フィルタ (職種・資格・所属・言語) ／職種タグ + 資格タグのマルチセレクト編集／オンボーディングコード発行
マスタ管理 (14マスタ)
プロジェクト (主な職種 + 必要資格 タグ式 + デフォルト集合時刻/場所) /現場/集合場所/車両/班/職種 9種/資格/協力会社/元請(注意事項textarea)/エリア/ステータス等

📱 社員アプリ (Expo / iOS+Android)

初回起動 (オンボーディング)
4言語選択 + 6桁コード入力
今日の行き先 (ホーム)
自分の配車のみ表示 / 日本語・ベトナム語並列 (LLM自動翻訳デモ) / 今日↔明日タブ
明日の行き先 19時通知の着地点
毎日19時のPush通知から開かれる画面。受け取り確認ボタンが赤で目立つ。天気予報と欠勤連絡導線
行き先詳細 + 地図 + 出退勤打刻
地図ピン / ナビ起動 / 出勤・休憩・退勤打刻 (月次勤務時間に自動集計) / 元請別注意事項 / 配車担当からの現場メモ / 日報・完了報告
日報入力 (写真＋母語) 🤖
ベトナム語版＋日本人版を並列。AI翻訳プレビューで「管理者にこう届く」を即確認
完了報告 (作業終了時)
進捗率スライダー / 完了写真 / 終業時チェック (片付・KY振返り・ヒヤリ報告)
通知履歴
過去30日のPush通知一覧。未読バッジ・確認時刻表示
🏥 欠勤連絡
「明日休みます」を母語で送信→自動翻訳→配車担当ダッシュボードに即アラート
👤 プロフィール + 労務サマリ
言語切替 (4言語) / 今月の労務 (勤務日数・総時間・時間外) / 36協定アラート / 有給残 + 5日義務監視 / 連続稼働 / 保有資格 / 通知設定

🔄 データフロー (入力 → 使い道)

A06 社員/職種タグ ★主軸 → A03 autocomplete (職種マッチ +1000点 / 最優先ソート) → S11 プロフィール「得意な仕事」
A07 プロジェクト/主な職種 → A03 プロジェクト行 (緑バッジ) → A03 cell編集 (職種バナー)
A06 社員/資格タグ → A03 autocomplete (必要資格マッチ +100点) → A05 AI提案根拠
A07 プロジェクト/必要資格 → A03 cell編集 (必要資格バナー赤) → A03 cell表示「⚠ 資格不足」
A09 集合場所マスタ → A03 cell (集合場所セレクタ) → S04 行き先詳細「集合場所」
A13 元請マスタ/注意事項textarea → S04「⚠ 元請別注意」(自動翻訳)
A03 cell/班員欄 → S02 ホーム (自分の現場のみ) → A08 出面表 (個人別) → A03 未配員リスト
S04 受け取り確認ボタン → A24 通知確認集計 → A02 ダッシュボード「未確認」
S10 欠勤連絡 → A02 ダッシュボード「欠勤連絡」 → A03「⇨班員差替え」AI提案
S07 日報 (母語+写真) → A20 日報一覧 (AI翻訳+要約)
S04 現場到着ボタン → A02 ダッシュボード「未到着リスト」
A05 AI提案「採用」 → A03 2週間工程表に書込
A07 プロジェクト/デフォルト集合時刻・場所 → A03 新規セル作成時に自動補完 → A03 未配員ドロップ時も自動適用
A03 保存時/変更理由 → A22 履歴アーカイブ「変更ログ」 → 将来: AI班割学習データ
A03 cell.version (全保存) → A22 過去の工程表スナップショット → A22 社員別90日カレンダー → A22 現場別工期サマリ
凡例: 入力 → 使い道。詳細は spec_v02.md §7.1

💡 デモ時の巡回順 (友人会社向け)

  1. ダッシュボード: 朝の業務開始トップ。欠勤連絡3件・未到着3名 → 各画面へジャンプ
  2. 2週間工程表: Excelのまま置き換わる。セル編集 → 集合場所/車両/班員 のマスタ連動セレクタ
  3. セル ダブルクリック → 上部に「⚠ 必要資格: 玉掛・7tクレーン」赤バナー (プロジェクトマスタ由来)
  4. 班員欄に「ハ」と入力 → autocompleteに資格バッジ＋連続稼働 ⚠＋必要資格✓マーク。Tab で確定
  5. 下段「🚧 未配員」セルクリック → 右下に未配員パネル → 名前を掴んでセルへドラッグで配車
  6. マスタ管理 → 元請: ライト工業の「班員への注意事項」textarea で3項目入力。これが mobile-detail に出る
  7. マスタ管理 → プロジェクト: 必要資格をタグ式マルチセレクトで設定 → schedule autocomplete に即反映
  8. 社員アプリ (ホーム → 行き先詳細): 元請別注意とマスタ内容が一致して表示される (自動翻訳)
  9. 欠勤連絡: ベトナム語入力→自動翻訳プレビュー→送信。配車担当 ダッシュボードに即アラート
  10. 一斉通知: 「☔ 雨天中止」プリセット → 4言語翻訳プレビュー → 送信ボタンで進捗バー
  11. AI班割提案: 「全提案を一括採用」→ 2週間工程表へ自動遷移 → 結果確認

仕様: spec_v02.md v0.3 / ソース: worker/ admin/ mobile/ / 実コードは npm install で起動可能