ガント

インストール

yarn install

実行

yarn run serve

説明

vue をベースに開発されたガントチャート表示であり、チーム協力やタスク分割などのアジャイルな場面で利用可能
グループ化対応
ドラッグ対応
伸縮対応
パーセンテージ対応
時間スパン対応：日、週、月
現在は1階層のグループ化のみ実装済み。将来的な2階層以上のグループ化ニーズに備え、前回のコミットで一部コードをリファクタリングし多階層グループ化をサポート。ただし現バージョンでは未開発。
利点: ドラッグ、伸縮、進捗変更などの操作時、データはリアルタイムで更新されず、操作後に更新されるためパフォーマンスの消耗を抑制
      編集・削除・追加時もインスタンス全体を再帰的に変更せず、変更部分のみを増減修正
現在コンポーネント化の準備のため、再編成を進行中。現時点でプロジェクトに導入するには本プロジェクト内のgant.vueをインポートするだけでOK
バルクデータのインポート・エクスポート方法も実装済み、コピペで利用可能！~

更新履歴

• 編集対応
• 削除対応
• 垂直スクロール不可のバグ修正（双方向同時スクロールも追加） #4
• elementUIに起因するバグ修正
• 時間スパンの問題について #5
• 現状、スパン設定を変更して他のスパン（例：時間単位など）を実現することはできません。初期化時に一部設定が固定されているためですが、今後はAPI化して対応予定です。

サンプルを見る

デモを見る

表示例

--- Tranlated By Open Ai Tx | Last indexed: 2025-07-01 ---