kintone Plugin
ガントチャート表示プラグイン
初期設定マニュアル
kintone の一覧画面にガントチャートを表示して、プロジェクト進捗を視覚的に管理
提供: fsm-works  |  https://fsm-works.com
目次
  1. このプラグインについて
  2. インストール手順
  3. プラグイン設定
  4. 操作方法
  5. 注意事項・よくある質問

1. このプラグインについて

ガントチャート表示プラグインは、kintone の一覧画面にインタラクティブなガントチャートを自動で表示するプラグインです。 kintone のフォームにある「開始日」「終了日」フィールドを指定するだけで、バーチャートとして可視化されます。

機能説明
ガントチャート表示日・週・月の3つのビューでプロジェクトのタスクをバーチャートで表示します。
ドラッグで日程変更バーをドラッグして移動、左右の端をドラッグして開始日・終了日を変更できます。kintone レコードに即時反映されます。
進捗バー表示数値フィールド(0〜100)を進捗率として設定すると、バー内に塗りつぶし表示が出ます。
マイルストーン表示開始日と終了日が同じレコードはひし形アイコンとして表示されます。
色マッピングドロップダウンや選択フィールドの値ごとにバーの色を自由に設定できます。
グループ化・折りたたみプロジェクト名などのフィールドでレコードをグループ化し、折りたたむことができます。
担当者フィルター担当者フィールドを設定すると、担当者ごとにガントチャートを絞り込めます。
終了済み非表示終了日が過去のグループをワンクリックで非表示にできます。
バークリック遷移バーをクリックするとそのレコードの詳細画面に直接移動します。
ポイント: 設定画面でフィールドを選択するだけで動作します。JavaScript の知識は不要です。
ガントチャート 今日 終了済みを隠す タスク名 今日 6月 7月 8月 ▼ プロジェクトA 75% 要件定義 要件定義 設計 設計 開発フェーズ1 開発フェーズ1 ▼ プロジェクトB キックオフ テスト・検証 テスト・検証 ◆ マイルストーン(開始日=終了日) バーをクリックでレコード詳細へ遷移
図1: ガントチャート表示の全体像(週ビュー)

2. インストール手順

1

ライセンス管理ページ(https://fsm-works.com/manage)にアクセスし、購入時のメールアドレスでログインして ZIP ファイルをダウンロードします。

2

kintone の管理画面(歯車アイコン)を開き、「プラグイン管理」 を選択します。

3

「プラグインを読み込む」 ボタンをクリックし、ダウンロードした ZIP ファイルをアップロードします。

4

対象のアプリ設定画面を開き、「プラグイン」 タブから「ガントチャート表示」を追加します。

5

追加後、「設定」ボタンをクリックしてプラグインの設定画面を開きます。

注意: プラグインは kintone 全体管理者のみがインストールできます。アプリへの追加はアプリ管理者が行えます。
フィールドの事前準備: ガントチャートに表示するには、アプリのフォームに「タイトル」「開始日」「終了日」フィールドが必要です。インストール前にフォームを確認してください。

3. プラグイン設定

アプリのプラグイン一覧から「ガントチャート表示」の 「設定」 ボタンをクリックします。

3-1. 必須設定

設定項目必須説明対応フィールド型
タイトルフィールドバーのラベルに使用するフィールドを選択します。タスク名・件名などを選択してください。文字列(1行)、数値、レコード番号など
開始日フィールドバーの左端(開始位置)になる日付フィールドを選択します。日付、日時
終了日フィールドバーの右端(終了位置)になる日付フィールドを選択します。日付、日時

3-2. オプション設定

設定項目説明対応フィールド型
色フィールドバーの色を変えるために参照するフィールド。設定後、フィールドの選択肢ごとにカラーピッカーが表示されます。ドロップダウン、ラジオボタン
進捗率フィールドバー内に進捗を塗りつぶし表示するための数値フィールド(0〜100 の値を想定)。数値
グループフィールドレコードをグループ化して表示するフィールド。プロジェクト名・カテゴリなどを選択します。文字列(1行)、ドロップダウン、ルックアップなど
担当者フィールド担当者でフィルタリングするためのフィールド。ツールバーにフィルターボタンが追加されます。ユーザー選択、文字列(1行)
並び順フィールドガントチャート内のレコードの表示順を決めるフィールド。未設定の場合は開始日の昇順で表示されます。数値、文字列(1行)など
デフォルト表示ガントチャートを開いたときの初期ビューを「日」「週」「月」から選択します。デフォルトは「週」。
バーの既定色色フィールドが未設定、またはマッピングされていない値のバーに使用する色。デフォルトは青(#3b82f6)。
ガントチャート表示プラグイン 設定 ■ 必須設定 タイトルフィールド * 件名 開始日フィールド * 開始日 終了日フィールド * 終了日 ■ オプション設定 色フィールド ステータス 選択肢ごとの色設定: 進行中 完了 遅延 保留 進捗率フィールド 進捗率(%) 設定を保存 キャンセル
図2: プラグイン設定画面
色マッピングについて:
「色フィールド」を選択すると、そのフィールドの選択肢ごとにカラーピッカーが表示されます。 選択肢ごとに好きな色を設定してください。設定のない選択肢は「バーの既定色」が使用されます。

4. 操作方法

4-1. ビューの切り替え(日・週・月)

ツールバー右上の 「日」「週」「月」 ボタンで表示単位を切り替えられます。 「今日」ボタンを押すと、現在日付を中心にスクロールします。

ビュー用途1セルの幅
日ビュー1〜2週間程度の短期スプリントの管理に適しています1日 = 30px
週ビュー(デフォルト)1〜3か月のプロジェクト管理に最適です1週 = 100px
月ビュー半年〜1年以上の長期プロジェクトに適しています1月 = 80px

4-2. ドラッグで日程変更

バーをドラッグ操作して日程を変更できます。変更はリアルタイムで kintone レコードに保存されます。

6/9(月) 6/10(火) 6/11(水) 6/12(木) 6/13(金) 6/16(月) 6/17(火) 6/18(水) ①移動 設計タスク ← ドラッグで移動 ②終了日 開発 ← 右端ドラッグで終了日を延長 ③開始日 テスト 左端ドラッグで開始日を変更 →
図3: ドラッグ操作の3パターン(移動・終了日変更・開始日変更)
注意: ドラッグで変更した内容は kintone レコードに即時保存されます。元に戻す場合は、該当レコードの詳細画面から日付を直接編集してください。

4-3. バークリックでレコード詳細へ移動

バーをクリックすると、そのレコードの詳細画面に直接移動します。 日程変更のドラッグ操作とは区別されるため、バーを数ピクセル動かしてしまった場合はレコード遷移ではなく移動操作として処理されます。

4-4. グループの折りたたみ

「グループフィールド」を設定している場合、グループ行の をクリックするとグループ内のタスクが折りたたまれます。 再度クリックすると展開されます。グループ行にはそのグループの全体完了率(バッジ)が表示されます。

4-5. 担当者フィルター

「担当者フィールド」を設定している場合、ツールバーに担当者選択ドロップダウンが表示されます。 担当者を選択するとその担当者のタスクのみが表示されます。「すべて」を選択すると全タスクが表示されます。

4-6. 終了済みプロジェクトの非表示

ツールバーの 「終了済みを隠す」 ボタンをクリックすると、グループ内のすべてのタスクの終了日が過去日になっているグループが非表示になります。 再度クリックすると表示されます。

5. 注意事項・よくある質問

注意事項

よくある質問

質問回答
ガントチャートが表示されない プラグインの設定で「タイトル」「開始日」「終了日」の3つが選択されているか確認してください。また、一覧画面のビューが「カスタマイズビュー」または「一覧(テーブル)」になっている必要があります。
一部のレコードが表示されない 開始日または終了日が空のレコードは表示されません。また、一覧画面の絞り込み条件で除外されている可能性があります。
ドラッグしても日程が変わらない 該当レコードの編集権限があるか確認してください。編集権限がない場合、ドラッグ操作はキャンセルされます。
バーの色が変わらない 「色フィールド」の選択肢と色マッピングが正しく設定されているか確認してください。マッピングされていない値のバーはデフォルト色(青)で表示されます。
マイルストーン(ひし形)が表示されない 開始日と終了日が完全に同一の日付(年月日が一致)のレコードがひし形表示になります。時刻が異なる場合は通常のバーになります。
グループが折りたためない 「グループフィールド」の設定を確認してください。グループ機能はオプション設定のため、設定されていない場合はグループ行自体が表示されません。
ライセンスエラーバナーが表示される ライセンスが無効または期限切れです。https://fsm-works.com/manage でライセンス状況を確認してください。14日間の無料トライアルは自動で付与されます。
レコード数が多いと重い ガントチャートは一覧画面の全レコードを取得して描画します。一覧画面の絞り込み条件で表示件数を絞ることをお勧めします。
お問い合わせ:
動作に関するご質問や不具合の報告は、https://fsm-works.com のお問い合わせフォームからご連絡ください。 原則として翌営業日以内にご返答します。