08 WebUI 仕様

8.1 対応デバイス・言語

• PC・タブレット・スマホ全対応（レスポンシブ）
• 言語：日本語固定

8.2 ナビゲーション

8.3 ダッシュボード

ログイン後のトップページ。

表示情報： - 今後の活動セッション・出欠状況 - 作業の進捗サマリー - 最近の通知・ログ

ウィジェット表示内容は Discord アカウントごとにカスタマイズ可能。

8.4 操作権限方針

8.5 作業管理画面

ガントチャート・カンバンボード・ツリー表示の 3 形式、切替可能。

8.6 作業順序登録・編集 UI（WebUI のみ）

BOT からは操作不可。複雑な依存関係・フロー図をブラウザから登録・編集する。

基本コンセプト

アローダイアグラム（PERT 図）をベースに、ノードを開くと子ノードネットワークが展開される UI。

• 横軸：時間軸
• 縦軸：並列ライン（例：プログラム系・本体系）

ノード（作業ボックス）

• 箱同士が矢印の線でつながるノードネットワーク形式
• 箱を開けると子の箱が入っており、子の箱同士もつながっている
• 子の箱は親の箱の外のノードとも直接つながれる
• 子の中にさらに孫ノードがあり、孫も外とつながれる（無限ネスト）

PC 表示（2 ペイン）

• 左ペイン：全体ネットワーク（親レベル）
• 右ペイン：選択した親の子ネットワーク（ズームイン後）
• 子ネットワーク内で外部依存がある場合 → 短い棒＋ラベルで表示（例：電気配線 ← 配線A3）
• その棒のリンク部分をダブルクリック → 左ペイン（全体）が依存元にフォーカス移動

モバイル表示（1 画面遷移）

• 親ノードタップ → 子ネットワークへズームイン遷移
• 外部依存の棒リンクをダブルタップ → 全体ネットワークへ遷移・依存元にフォーカス
• 戻るボタンで子ネットワークに戻れる

階層リスト形式（切替可）

• 親をクリック → 子がアコーディオン展開
• 子をクリック → 孫が展開（無限ネスト）

依存関係の登録

• フロー図上でノードをドラッグして接続線を引く
• または編集パネルで依存先を検索・選択
• 両方対応

循環参照

• 警告表示するが保存は可能

進捗伝播

子・孫の完了数÷総数で親の進捗を自動計算し、上位へ伝播する。

依存ロック

• 依存元が未完了 → 依存先はロック＋警告表示
• 警告を承認すればロック解除して操作可能

予定時間・期限の表示

• 作業ボックスにガントバーを直接統合表示
• ホバー時のポップアップにも詳細表示

クリティカルパス

現在の作業状況から自動計算・表示（親レベルで確認可能）。