ガントチャート作成
Gantt Chart Builder
手入力かCSVで貼ったタスク表を日・週・月の目盛りのガントチャートにし、依存関係の矢印・マイルストーン・今日の線・週末の網掛けを入れてSVGかPNGで書き出すか印刷します。
作業の表を入れると、カレンダー形式のチャートが出ます。表は表計算から貼って戻せるふつうのCSVで、チャートはダウンロードも印刷もスライドへの貼り付けもできるSVGです。プロジェクトファイルも、アカウントも、計画ツールを経由する往復もありません。
タスク一覧
| タスク | 開始 | 終了 | 先行タスク | 進捗 | マイルストーン | |
|---|---|---|---|---|---|---|
CSV として編集 (表計算ソフトから貼り付け)
列はタスク、開始、終了 (または日数の期間)、先行 (id か名前、複数は ; 区切り)、進捗です。1 行目が見出しなら列の順序は自由です。開始と終了が同じ日のタスクはマイルストーンとして描けます。
チャート
矢印は先行タスクが終わってから始まるという意味 (finish-to-start) で、日付を自動でずらすわけではありません。土日は灰色にしますが、日数の計算からは除きません。
使い方
表を埋めるか、貼り付けます
作業、開始、終了です。終了の代わりに日数で期間を書いてもかまいません。表の下のCSVの欄は同じ文書なので、すでに表計算にある日程はそのまま入ります。
先行関係をつなぎます
「先行」の列にはidか作業名を書き、複数ならセミコロンで区切ります。それぞれがチャートの矢印になります。
目盛りを選びます
日・週・月から選びます。3か月の日程を日の目盛りで描くと、スライドでは誰にも読めません。週に切り替えると形が見えてきます。
SVGかPNGで書き出すか、印刷します
PNGは同じSVGを2倍でラスタライズしたものなので、画面に見えているものがそのまま落ちてきます。
よくある質問
作業を動かすと、後ろの作業も一緒にずれますか
ずれません。矢印は「先行作業が終わってから始める」という計画の記述であって、道具が強制する制約ではありません。手で組み直させているのは意図です。計画ツールで自動的にずれていく機能こそ、日程が静かに作り話になる場所です。
期間から週末は除かれますか
除かれません。週末は見えるように塗りますが、金曜から月曜までは2日ではなく4日です。営業日の計算には祝日のカレンダーが要りますが、この道具は持っていません。
マイルストーンはどう表しますか
マイルストーンの欄にチェックを入れるか、開始日と終了日を同じ日にしてください。「リリース」や「launch」のような名前の長さゼロの作業は、自動的にひし形で描かれます。
MS Projectで開けますか
プロジェクトファイルとしては開けません。CSVはたいていの計画ツールに作業一覧として取り込めますが、依存関係の矢印とマイルストーンの印はこの道具独自の列なので、そのまま渡っていく見込みは低いです。
ここから渡せます
コードで描く図（Mermaid）
Diagram as Code
Mermaidのフローチャート・シーケンス図・円グラフを自前のパーサと配置エンジンで打つそばから描き、対応する文法をそのまま示してSVGかPNGで書き出します。
やることリスト
Todo List
期限・タグ・キーボード中心の編集を備えたチェックリストをブラウザに保存し、Markdownで書き出します。
ストップウォッチ
Stopwatch
経過時間をラップ付きで計り、ラップを表として書き出します。
世界時計
World Clock
複数の都市の時刻と時差を並べ、全員が起きている時間帯に印を付けます。
次の一手
このツールが出したものをそのまま受け取れる道具です。
営業日計算機
Business Day Counter
土日と祝日を除いて2つの日付のあいだの営業日を数えるか、N営業日後の日付を求めます。
かんたんグラフ作成
Quick Chart
表から棒・折れ線・面・円・散布図を描き、きりのよい目盛りと凡例を付けてSVGかPNGで書き出します。
コードで描く図（Mermaid）
Diagram as Code
Mermaidのフローチャート・シーケンス図・円グラフを自前のパーサと配置エンジンで打つそばから描き、対応する文法をそのまま示してSVGかPNGで書き出します。
やることリスト
Todo List
期限・タグ・キーボード中心の編集を備えたチェックリストをブラウザに保存し、Markdownで書き出します。
Base64エンコード・デコード
Base64 Encoder & Decoder
テキストでもファイルでもBase64とBase64URLを符号化・復号し、UTF-8も正しく扱います。
背景透過（切り抜き）
Background Remover
平坦な背景や単色の背景をOKLabでキーイングして透過PNGにし、縁はブラシで直せます。