簡易ガントチャート生成
プロジェクトのタスクスケジュールを視覚化するシンプルなガントチャートを作成できます。タスクの依存関係や進捗状況も表示できます。
スポンサーリンク
読み込み中...
1. プロジェクト期間設定
2. タスク追加
0%
3. タスク一覧
| タスク名 | 期間 | 進捗 | 依存タスク | アクション |
|---|---|---|---|---|
要件定義 | 7/13 - 7/20 | 0% | - |
5. データの保存/読み込み
データのエクスポート
{
"projectStartDate": "2026-07-13",
"projectEndDate": "2026-08-12",
"tasks": [
{
"id": "1",
"name": "要件定義",
"startDate": "2026-07-13",
"endDate": "2026-07-20",
"color": "#4299e1",
"dependsOn": [],
"progress": 0
}
]
}データのインポート
使い方
- プロジェクトの開始日と終了日を設定します。
- タスク名、開始日、終了日を入力して「タスクを追加」ボタンをクリックし、タスクを追加します。
- 依存関係が必要なタスクは、依存するタスクを選択できます。
- 各タスクの進捗率を0〜100の間で設定できます。
- タスクを編集するには、タスク一覧から「編集」ボタンをクリックします。
- 作成したガントチャートは、SVGとしてダウンロードできます。
補足説明
- 「サンプルデータを読み込む」機能で、要件定義からテストまでの一連のタスク例をすぐに試せます。
- 進捗率（0〜100%）を設定すると、タスクバー内に進捗を示す塗りつぶし表示とパーセント表示が追加されます。
よくある質問
作成したガントチャートはどんな形式で保存できますか？
SVG形式のファイルとしてダウンロードするか、SVGコードをクリップボードにコピーできます。ベクター形式なので拡大してもぼやけず、Webページや資料にそのまま貼り付けて利用できます。
タスクの依存関係はどのように表現されますか？
タスク編集時に「依存するタスク」を設定すると、親タスクの終了位置から依存する子タスクの開始位置へ、矢印付きの点線が自動的に描画されます。
土日や本日の位置は分かりやすく表示されますか？
はい。土曜・日曜の列は赤みがかった背景、本日の列は黄色の背景で自動的にハイライト表示されるため、スケジュールの区切りを視覚的に把握しやすくなっています。
入力したタスクデータは外部に送信されますか？また保存はできますか？
いいえ、チャートの生成はすべてブラウザ内で完結しており、入力内容がサーバーへ送信されることはありません。作成したタスクデータはJSON形式でエクスポート・インポートできるため、ファイルとして保存して後から編集を再開できます。
スポンサーリンク
読み込み中...
関連ツール
スポンサーリンク
読み込み中...
プライバシーについて
お気に入り情報はブラウザ内にのみ保存されます。サーバーには送信されないため、安心してご利用ください。