タイムライン
タイムライン図は、時系列に沿ってイベントを視覚化するためのツールです。プロジェクト計画、歴史的出来事、プロセスの文書化に最適です。
構文
基本要素
- タイトル: オプションのタイムラインタイトル
- セクション: イベントのグループ化
- イベント: 個々のタイムラインエントリ
基本例
コード:
mermaid
timeline
title ソーシャルメディアの歴史
2004 : Facebook 設立
2006 : Twitter 設立
2010 : Instagram 設立
2011 : Snapchat 設立
応用例
ソフトウェア開発ライフサイクルを示すより詳細なタイムライン：
コード:
mermaid
timeline
title ソフトウェア開発ライフサイクル
section 計画フェーズ
要件分析 : 2週間
システム設計 : 3週間
section 開発フェーズ
フロントエンド開発 : 4週間
バックエンド開発 : 4週間
データベース実装 : 2週間
section テストフェーズ
単体テスト : 1週間
統合テスト : 2週間
ユーザー受け入れテスト : 1週間
section デプロイフェーズ
ベータリリース : 1週間
本番環境デプロイ : 1週間
デプロイ後監視 : 継続的
プロジェクトタイムライン
コード:
mermaid
timeline
title プロジェクトマイルストーン
section 2024年第1四半期
プロジェクト開始 : 1月
要件収集 : 2月
初期設計 : 3月
section 2024年第2四半期
開発フェーズ1 : 4月
テスト : 5月
ユーザートレーニング : 6月
section 2024年第3四半期
本番リリース : 7月
フィードバック収集 : 8月
改善 : 9月
イベントタイプ
シンプルイベント
コード:
mermaid
timeline
title シンプルイベント
2024 : 新年
1月 : 第1月
2月 : 第2月
3月 : 第3月
グループ化されたイベント
コード:
mermaid
timeline
title 製品開発フェーズ
section リサーチ
市場分析 : 2週間
競合調査 : 1週間
ユーザー調査 : 2週間
section デザイン
ワイヤーフレーム : 1週間
プロトタイプ : 2週間
ユーザーテスト : 1週間
section 実装
開発 : 4週間
テスト : 2週間
リリース : 1週間
スタイル設定
タイムラインは自動的に：
- イベントを時系列で配置
- 関連イベントをセクションでグループ化
- 期間を表示（指定時）
- 一貫した間隔を維持
- 明確な関係性を表示
実用的なヒント
- イベントの説明を簡潔に
- 意味のあるセクション名を使用
- 重要な日付を含める
- 関連イベントをグループ化
- 進捗を明確に表示
- 適切に期間を含める
- 一貫したフォーマットを使用
- 重要なマイルストーンに注目
よくある問題の解決
構造の問題
- セクションの論理性を確認
- イベントの順序が正しいか確認
- 時間範囲が適切か確認
可読性の問題
- 簡潔な説明を使用
- セクション数を適切に
- イベント数を管理可能に
時間管理の問題
- 時間範囲を適切に設定
- イベント間隔に注意
- 並行イベントの処理
ベストプラクティス
タイムライン計画
- 適切な時間範囲を決定
- 適切な詳細レベルを選択
- 時間の流れを明確に保持
コンテンツ整理
- 明確なイベント説明を使用
- 関連イベントを適切にグループ化
- 重要なマイルストーンを強調
視覚表現
- レイアウトを整理
- 一貫したフォーマットを使用
- 情報を読みやすく