使い方

Timebox Plannerは、メンバー×日付のグリッドにタスクを配置して工数を計画するツールです。 1日8時間という現実の稼働時間の中で、複数のタスクを並行してこなしていくと結果的に 「いつ仕事が終わるか」が見えるようになる——それがこのツールの目的です。 見積もりの合計時間だけでなく、各タスクの実際の完了予定日（最後に配置した日）を確認しながら計画できます。

1. ヘッダーの「プロジェクト管理」「メンバー管理」で、プロジェクトと担当者候補を用意する
2. 「+ タスク追加」でタスクを作成する（プロジェクト・タスク名・総工数・期限を指定。担当者は未定でも作成可）
3. タイムライン上の空セルをクリックし、タスクを選んで配置する（未定タスクを選ぶとそのメンバーが担当者に追加される）
4. 配置したタスクブロックをクリックすると、配置の追加・削除や担当者ごとの内訳を確認できる

• 空セルをクリック — そのメンバー・日付にタスクを配置するダイアログを開く（既存タスクをプルダウンから選択）
• タスクブロックをクリック — 配置管理ダイアログを開く（日ごとの配置一覧・追加・削除、編集・削除への導線）。予定時間・実績時間はその場で数値を書き換えて再設定できる
• タスクブロックをドラッグ — マウスダウンしたまま同じ担当者の行を左右になぞると、同じ時間数でその日程まで配置を延伸できる
• 1日あたりの配置時間が8時間を超えると、そのセルが赤く強調表示される
• 完了予定日が期限を過ぎているタスクブロックは、赤い枠線で強調される
• 実績時間を入力したブロックは、予定時間に対する実績の割合ぶんだけ左から補色で塗りつぶされる

• ナビゲーションバーのプルダウンで、1日〜1年の表示期間を切り替えられる
• 「← 過去へ」「未来へ →」は、選択中の表示期間の日数分だけ前後に移動する
• 「今日」ボタンで今日を起点とした表示に戻る
• 1か月（30日）までは画面幅に収まるよう自動調整される。3か月・半年・1年はその密度を保ったまま、はみ出た分を横スクロールで閲覧する
• 「営業日のみ表示」をオンにすると、休業日（週末・祝日の設定に基づく）を非表示にできる。休業日でもタスクの配置自体は常に可能

1つのタスクに複数の担当者を割り当てられます。タスク編集画面の「担当者（複数選択可）」で トグル形式のチップから選択してください。各担当者は自分の作業時間を独立して配置でき、 配置済み合計時間はタスクの総工数に対してカウントされます。

タスク作成時に色とテクスチャ（ストライプ・ドット・グリッド・なし）がランダムに割り当てられ、 同じプロジェクトのタスクでも見分けやすくなっています。タスク編集画面から手動で変更することも可能です。

• 週末（休業日）とする曜日 — 会社によって異なる休業日の曜日をトグルで指定（初期値は土日）
• 祝日・休業日 — 個別の日付を追加・削除できる。初期値として日本の国民の祝日（当年の前後1年分）が自動登録される
• 年度の開始月 — 会社ごとに異なる年度定義を設定できる（現時点では表示には未反映）

• プロジェクト管理 — プロジェクトの追加・編集・削除に加え、プロジェクト憲章・開始日/終了日・予算（任意）を登録できる
• メンバー管理 — 姓名・会社名・部署名・役職・所属チーム・人日単価（任意）を登録できる。各メンバーの▲▼ボタンで並び順を変更でき、タイムラインの表示順にも反映される
• チーム管理（メンバー管理内の「チーム管理」から） — チームの追加・編集・削除。メンバーの所属チームとして選択できる
• タスク管理 — 全タスクを一覧表示し、配置の有無に関わらず編集・削除できる

プロジェクト管理の各プロジェクトの「詳細」から、レポート/ダッシュボードとして以下を確認できます。

• 進捗率 — 実績入力があれば実績時間、なければ予定時間を使い、見積時間との比率をバーで表示（超過時は100%を超えて表示）
• 積算費用 — 各タスクの配置時間（h）を担当者の人日単価から人日換算して合計（人日単価が未設定の担当者分は計上されません）
• 予算・損益分岐点・利益率 — プロジェクトの予算に対して積算費用がいくらか、黒字/赤字と利益率（％）をバー付きで表示
• メンバー別工数・コスト — 担当者ごとの予定/実績時間・差分（％）・コストを一覧表示
• タスクとプロジェクト期間の整合 — 各タスクの期限・完了予定日がプロジェクトの開始日〜終了日に収まっているかを「期間内 / 期間外」で表示
• Excel出力 — 上記の概要・タスク一覧・メンバー別工数を3シート構成の.xlsxファイルとしてダウンロード

タスクの配置管理ダイアログで、配置済みの各日に「実績（h）」を入力できます。 メンバー管理の「詳細」を開くと、実績を記入した配置のみを対象に、予定時間に対する実績時間の 差分（±％）を確認できます。

ヘッダーの「データ初期化」ボタンで、すべてのデータ（プロジェクト・メンバー・タスク・設定）を 初期状態に戻せます。この操作は元に戻せないため、確認ダイアログが表示されます。

入力したデータはブラウザのlocalStorageに保存されます。サーバーには送信されません。 別のブラウザ・端末とはデータは共有されないため、ご注意ください。

設定画面の「データの保存・読み込み」の「保存」「読み込み」から、データをJSONファイルでやり取りできます。 バックアップや他の端末・ブラウザへの引き継ぎに利用してください。

Chrome・Edgeなど対応ブラウザでは、「保存」で選んだファイルが以降の保存先として連携され、 次回以降の「保存」はそのファイルに上書きされます（「読み込み」で選んだファイルも同様に連携されます）。 連携はタブを閉じるとリセットされ、非対応ブラウザでは毎回ダウンロード／ファイル選択になります。