AhmadHassan-BTed/Jantt

これは何？

主な機能

• 01JSONのタスクデータを、ドラッグ・サイズ変更・進捗調整ハンドル付きの操作可能なガントチャートとして表示
• 02依存関係に基づくスケジュールと、フロート値を含むクリティカルパスを計算
• 03Reactコンポーネント、scriptタグバンドル、ライブファイル同期対応のCLIとして提供
• 04公開済みのJSON Schemaに基づいてドキュメントを検証
• 05CSV、SVG、JSONにエクスポート

ユースケース

• 商用チャートライブラリを使わずに、Reactアプリへプロジェクトのタイムライン表示を追加する
• LLMでJSON形式のプロジェクト計画を生成し、レビュー用に表示する
• Gitリポジトリ内のJSONファイルに保存されたスケジュールを表示・編集する
• 静的HTMLページでロードマップのマイルストーンを追跡する

クイックスタート

1. 1

   React パッケージをインストールします

   npm install @jantt/react @jantt/core
2. 2

   コンポーネントとスタイルシートをインポートし、JSON データを渡してレンダリングします

3. 3

   または、プレーンな HTML で script タグ版を読み込み、render を呼び出します

   <script src="https://unpkg.com/@jantt/standalone"></script>

使う前に知っておきたいこと

• !README には安定版 1.0 のリリースについて記載がありません。スキーマはバージョン 1.4.0 で、プロジェクトは変更される可能性があります。
• !マルチユーザーの CRDT コラボレーションや EVM などの高度な機能は README で説明されていますが、セットアップの詳細は記載されていません。

トピック

よくある質問

Jantt とは？

依存関係のないTypeScriptエンジンとReact／scriptタグ用コンポーネントで、JSONのプロジェクトデータを操作・ドラッグ可能なガントチャートとして表示します。 Janttは、タスク、日付、依存関係、マイルストーン、カテゴリを記述した宣言型のJSONドキュメントを、操作可能なガントチャートに変換します。コアパッケージ（@jantt/core）は純粋なTypeScriptで実装されており、実行時依存関係はありません。Reactコンポーネント、通常のHTML向けscriptタグバンドル、さらにJSONファイルをブラウザで開いて双方向にファイル同期できるNode.js CLIとして利用できます。

Jantt は無料で使えますか？ライセンスは？

Jantt は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

Jantt は今もメンテナンスされていますか？

活発にメンテナンス中。Jantt の最終コミットは 2026年10月16日 です。

Jantt は何に使えますか？

商用チャートライブラリを使わずに、Reactアプリへプロジェクトのタイムライン表示を追加する LLMでJSON形式のプロジェクト計画を生成し、レビュー用に表示する Gitリポジトリ内のJSONファイルに保存されたスケジュールを表示・編集する 静的HTMLページでロードマップのマイルストーンを追跡する

Jantt のインストール方法は？

React パッケージをインストールします: npm install @jantt/react @jantt/core コンポーネントとスタイルシートをインポートし、JSON データを渡してレンダリングします または、プレーンな HTML で script タグ版を読み込み、render を呼び出します: <script src="https://unpkg.com/@jantt/standalone"></script>

Jantt はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/AhmadHassan-BTed/Jantt