ガントチャートプラグインについて

kintone上でガントチャートの作成・表示ができるプラグインです。
同じアプリで一覧別に複数のガントチャートを作成することができます。

ガントチャートプラグインで作成したレコード一覧画面の例

初めてkintoneを利用する方や、ガントチャートの構成を事前に理解して取り組みたい方は、 まず「事前準備」から進めてください。
実際のサンプルアプリを使って一通りの流れを試したい方は、「付録:サンプルアプリで試す」をご活用ください。

設定動画

基本設定編

ガントチャートプラグインの基本的な設定をまとめた動画です。
動画の説明欄から見たいチャプターへすぐに飛ぶことができます。

プラグインのインストール

attention 注意

プラグインのインストールにはkintoneシステム管理権限が必要です。

  1. ポータル画面上部の設定アイコンをクリックします。
  2. 表示されるメニューから「kintoneシステム管理」をクリックします。
    kintoneシステム管理画面が開きます。
    kintoneポータル画面
  3. 「その他」の「プラグイン」をクリックします。
    kintoneシステム管理画面
  4. 画面左上の「読み込む」をクリックします。
    kintoneシステム管理プラグイン一覧画面
  5. 「参照」をクリックし、ダウンロードしたガントチャートプラグインのファイル「kintone-plugin-gantt-prod-vx-x-x.zip」を選択します。
    kintoneプラグイン読み込み画面 エクスプローラー画面
  6. 「読み込む」をクリックします。
    kintoneプラグイン読み込み画面
  7. 一覧に「ガントチャートプラグイン Pro」または「ガントチャートプラグイン Lite」が追加されれば完了です。
    kintoneシステム管理プラグイン一覧画面

一覧(View)を作成する

ガントチャートを表示する一覧(View)を作成します。
すでに一覧を作成している場合は、この手順は「編集」から行ってください。

  1. アプリの管理権限を持つユーザーで、レコード一覧画面の右上にある歯車のアイコン(アプリを設定)をクリックし、アプリの設定を開きます。
    レコード一覧画面(アプリを設定)
  2. 「一覧」タブを開きます。
    アプリの設定画面(一覧タブ)
  3. 「一覧を追加する」ボタンをクリックします。
    すでに一覧を作成している場合は、設定する一覧の「編集」ボタンをクリックしてください。
    アプリの設定画面(一覧を追加する)
  4. 一覧名を編集します。
    ガントチャートを表示する一覧(View)の名前になります。
    一覧の設定画面(一覧名)
  5. レコード一覧の表示形式を編集します。
    ガントチャートの左側に表示するヘッダー項目とする項目をドラッグ&ドロップしてください。

    ▼左のフィールド一覧から右の表にドラッグしたフィールドが、ガントチャート左側の列(管理項目)になります

    一覧の設定画面(レコード一覧の表示形式)
  6. 表示時にあらかじめレコードの絞り込みを行う場合は条件を設定してください。
    同様に、あらかじめ任意の項目でソートを行う場合も項目と昇順/降順を選択してください。
    ※変更しない場合は、レコード番号順に並びます。
    一覧の設定画面(絞り込み)
  7. 右下の「保存」ボタンをクリックして一覧の作成は完了です。
    一覧の設定画面(保存ボタン)
  8. 「アプリを更新」ボタンをクリックし、確認ダイアログの「アプリを更新」ボタンをクリックして更新してください。
    アプリの設定画面(アプリを更新) アプリを更新の確認ダイアログ

プラグイン設定画面を開く

  1. アプリの管理権限を持つユーザーで、レコード一覧画面の右上にある歯車のアイコン(アプリを設定)をクリックし、アプリの設定を開きます。
    レコード一覧画面(アプリを設定)
  2. 「設定」タブを開きます。
    アプリ設定画面フォームタブ
  3. カスタマイズ/サービス連携メニューの「プラグイン」をクリックします。
    アプリ設定画面設定タブ

アプリにプラグインを追加する

  1. 左上の「追加する」ボタンをクリックします。
    プラグイン追加画面
  2. 現在kintone上に取り込まれているプラグイン一覧が表示されます。
    プラグイン一覧から、ガントチャートプラグインを選択(チェック)します。

    information 補足

    プラグイン一覧に該当のプラグインがない場合、事前にプラグインをkintoneシステム管理に追加する必要があります。
    kintoneヘルプに沿って、ダウンロードセンターから取得したプラグイン(zip ファイル)を追加してください。

    アプリに追加するプラグインの選択画面
  3. 右下の「追加」ボタンをクリックします。
    アプリに追加するプラグインの選択画面
  4. 追加したプラグイン一覧にガントチャートプラグインが表示されていたら、完了です。
    プラグイン追加画面

ここまでで設定を始める準備が整いました。
続けて設定画面の説明をご覧ください。
実際のサンプルアプリを使って一通りの流れを確認したい方は「付録:サンプルアプリで試す」もあわせてご活用ください。

設定画面を開く

attention 注意

プラグイン設定画面を開く・保存するには、アプリの管理権限が必要です。
設定画面で行う書き出し・読み込み、設定のコピー・リセットも同様です。

アプリのプラグイン設定から、ガントチャートのプラグイン設定画面を開きます。
まだこのガイドを閉じたことがない場合、画面を開くと同時に「セットアップガイド」が自動的に表示されます (まだ一覧を選択していない状態でも、この画面の裏側に重なって表示されます)。

設定画面を開いた直後、セットアップガイドが自動的に表示された状態

次に「セットアップ方法を選ぶ」に進んでください。
すでにセットアップガイドを閉じた(「次回からこのガイドを表示しない」にチェック済みの)場合は、 ガイドは表示されず、この画面の裏側にあった「一覧が選択されていません」という状態がそのまま表示されます。
その場合は左上の「一覧を選択する」ボタンから一覧を選び、「設定画面の基本操作」以降の各設定に進んでください。

セットアップ方法を選ぶ

設定画面を開くと、まだこのガイドを閉じたことがなければ自動的に表示されるダイアログです。
後から見直したい場合は、設定画面フッターの「セットアップガイド」ボタンからいつでも呼び出せます。
「ガントチャートの作成を開始しましょう」という見出しとともに、ご利用状況に合わせて最適なセットアップ方法を選択できます。

▼セットアップガイドの画面です。3つの方法から、ご利用状況に合ったものを選びます

セットアップガイド(セットアップ方法の選択)

「次回からこのガイドを表示しない」にチェックを入れると、次回以降このダイアログは自動表示されなくなります。
ガイドは設定画面内の「セットアップガイド」ボタンからいつでも確認できます。

かんたん設定ガイド

8ステップのガイドに沿って、ガントチャートの基本設定を行うウィザードです。
セットアップ方法を選ぶ画面で「かんたん設定を開始」を選択すると開きます。
完了後は、設定を保存してすぐに利用を開始するか、詳細設定画面(設定メインページ)でさらにカスタマイズするかを選べます。

STEP0: ガントチャートについて

ガントチャートの基本的な仕組みを理解しましょう。
kintoneのテーブルにタスクを保存する考え方(1レコード=1行、複数のタスクが同じ1行に表示される)を図解しています。

かんたん設定ガイド STEP0 ガントチャートについて

STEP1: 表示するkintone一覧の選択

kintoneアプリには、レコードを表示するための「一覧」があります。
ここでは、ガントチャートを表示したい一覧を選択してください。
一覧は自動的に先頭の一覧が選択された状態で表示されます。
選択した一覧に設定されている項目が、自動的にガントチャート行の管理項目列になります。

かんたん設定ガイド STEP1 一覧選択

STEP2: 表示する期間と単位

ガントチャートに表示する期間の範囲と時間の単位を設定してください。
表示単位(時間・日・週・月・年)と期間開始日(昨日/今日/カスタム指定)、表示期間(1週間・1カ月・3カ月・6カ月)を選択すると、右側にタイムラインプレビューが表示されます。

かんたん設定ガイド STEP2 表示期間と単位

STEP3: 休日の設定

ガントチャートに表示する休日とその背景色を設定してください。
「祝日(国民の休日)」を選択すると、日本の法定休日が自動的に認識されます。
会社の休業日や特別休暇などの個別の日付指定は、かんたん設定ガイド完了後に設定できます。

かんたん設定ガイド STEP3 休日の設定

STEP4: タスクバーの設定

ガントチャートに表示するkintoneのフィールドを設定します。
タスクとして表示するkintoneテーブル(必須)を選択すると、 タスクタイトル・タスク開始日・タスク終了日として表示するフィールドの選択欄が表示されます(いずれも必須)。
紐づけが分からない場合は、「必要なフィールドをまとめて作成」ボタンでシステムに自動作成させることもできます。

▼テーブルを選択する前の状態です

かんたん設定ガイド STEP4 タスクバーの設定(未選択時)

STEP5: タスクの色分け設定

タスクの条件に応じて、ガントチャート上のタスクバーの背景色・文字色を変更できます。
「色分けルールを追加」から設定できます。
色分け設定は任意で、スキップして次へ進むこともできます。

かんたん設定ガイド STEP5 タスクの色分け設定

STEP6: プレビュー

設定した内容を反映したガントチャートのプレビューです。
このプレビューは確認用のサンプルデータを使用しています。
内容に問題がなければ「この設定でガントチャートを追加」をクリックして次へ進みます。

かんたん設定ガイド STEP6 プレビュー

STEP7: 完了

設定が完了しました。
次のステップを以下から選択してください。

かんたん設定ガイド STEP7 完了

設定画面の基本操作

プラグイン設定画面です。
サイドメニューで一覧の選択と設定項目の切り替えを行い、右側のパネルで各項目を設定します。

設定メインページ

一覧を選択する・新しく設定する

左上の「一覧を選択」から、ガントチャートを表示したい一覧(View)を選択します。
まだ選択したことがない一覧の場合は、選択すると新しい設定が自動的に作成されます。
「ガントチャートを有効にする」のスイッチをオンにすると、その一覧でガントチャートが表示されます。

一覧を選択・ガントチャートを有効にする

設定を保存する(必須)

画面下部の「保存」ボタンをクリックすると設定が保存されます。
保存後、アプリの設定画面に戻り「アプリを更新」を行うことで一覧にガントチャートが反映されます。
※カスタマイズ形式の一覧でガントチャートを有効にして保存すると、その一覧の HTML が自動で更新されます(kintoneシステム管理権限が必要です)。
※プラグインの保存ができない場合は、kintoneの制限値(1つのプラグインで設定できるデータサイズや文字数)を超過している可能性があります。
設定を減らして保存できるかどうかご確認ください。

保存・キャンセルボタン

その他の操作(一覧の「⋮」メニュー)

「一覧を選択」の右にある「⋮」ボタンをクリックすると、メニューが表示されます。
メニューの「設定をコピー」「設定をリセット」から、次の操作ができます。
・「設定をコピー」:設定をほかの一覧にコピーしたい
・「設定をリセット」:設定をリセットしたい
※「⋮」ボタンは、一覧を選択するまでクリックできません。
設定をファイルとして書き出す・読み込む方法は「設定を他アプリで使う(書き出し・読み込み)」をご覧ください。

▼「一覧を選択」の右にある赤枠の「⋮」ボタンから、「設定をコピー」「設定をリセット」を選べます

一覧の「⋮」メニュー(設定をコピー・設定をリセット)

タスクフィールド設定

ガントチャートのタスクデータを保存するフィールドの紐づけを行います。
ここでの設定は必須です。

タスクフィールド設定パネル

kinveniガントチャートは、kintoneの1レコードがガントチャートの1行、テーブルフィールドの1行がガントチャートの1タスクという構造になっています。

この設定を行う前に、kintoneアプリのフォームに次のフィールドを作成し、アプリを保存してください。
※アプリを保存するまで、作成したフィールドはプラグイン設定の選択肢に表示されません。

用途 フィールドの種類 作成する場所 必須/任意
タスクを管理するテーブル テーブル - 必須
タスクタイトル 文字列(1行)、文字列(複数行)、ドロップダウン、ラジオボタン、数値のいずれか テーブル内 必須
タスクの開始日・終了日 日付または日時(開始用・終了用に1つずつ) テーブル内 必須
タスクの進捗 数値または計算 テーブル内 任意
マイルストーン チェックボックス テーブル内 任意

次の機能を使う場合は、それぞれ専用のフィールドも作成してください。

機能 フィールドの種類 作成する場所 値の入力
ピン留め(行を上部に固定) チェックボックス テーブルの外 自動(ガントチャートでピン留め・解除すると入力されます)
タスクの移動の可否 チェックボックス テーブル内 自分で入力 *1
他タスクと一緒に移動するかどうか チェックボックス テーブル内 自分で入力 *1
依存関係の先行タスクID 文字列(1行) テーブル内 自動(ガントチャートで依存関係の線をつなぐ・解除すると入力されます)*2
後続タスクを一緒に移動するかどうか チェックボックス テーブル内 自分で入力 *1
タスクの個別色(背景色・文字色) 文字列(1行)(背景色用・文字色用に1つずつ) テーブル内 自動(ガントチャートのタスクの編集ダイアログで色を選ぶと入力されます)

*1 kintoneのレコード編集画面で、タスク管理のテーブルの該当する行のチェックを付け外しして入力します。
このフィールドを追加編集フィールドに追加しておくと、ガントチャートのタスクの編集ダイアログからも入力できます。
*2 値は直接編集しないでください。
また、追加編集フィールドには追加しないでください(追加すると「先行タスクID フィールド 選択」で選択できなくなります)。

information 補足

チェックボックスで判定する設定(マイルストーン、ピン留め、タスクの移動の可否、一緒に移動するかどうか)は、チェックボックスの1番目の選択肢にチェックが入っているかどうかで判定します。
選択肢の名前は自由ですが、「チェックが入っている=マイルストーンにする・移動を許可する」という意味になります。
選択肢が1つだけのチェックボックスを作成すると分かりやすくなります(例:選択肢が「移動できる」だけのチェックボックス)。

  1. タスクを管理するテーブルを選択してください。
    以降のタスク設定は、ここで選択したテーブルに属するフィールドから選択します。 タスク管理のテーブル 選択
  2. タスクタイトルにするフィールドを選択してください。 タスクタイトル フィールド 選択
  3. タスクの期間とする開始/終了フィールドをそれぞれ指定してください。

    attention 注意

    日単位よりも細かいスケール(午前・午後単位や時間単位)でタスクを作成・編集する際は、kintone「日時フィールド」を開始/終了フィールドに指定してください。

    タスク期間 開始/終了フィールド 選択
  4. タスクに進捗バーを設定したい場合は、タスク進捗を保存するフィールドを選択してください(任意・数値フィールドまたは計算フィールド)。 タスク 進捗フィールド 選択
  5. マイルストーン表示を設定したい場合は、マイルストーンかどうかを判定するフィールドを選択してください(任意)。
    選択したフィールド(チェックボックス)の1番目の選択肢にチェックが入っているタスクが、マイルストーンとして表示されます。 マイルストーン フィールド 選択
  6. タスクダイアログから追加で編集したい項目がある場合は、「編集フィールド追加」ボタンから追加してください(任意)。
    追加した行で、編集したいフィールドと、ダイアログでの表示幅(「ダイアログ画面の50%幅」「ダイアログ画面の100%幅」)を選択します。 編集フィールド追加ボタンをクリックした後の状態

行の管理項目設定

ガントチャート左側の行ヘッダー(管理項目)に関する設定を行います。

行の管理項目設定パネル
  1. フィールド閲覧権限によってフィールド列を非表示にする設定を行います。
    非表示にする場合は、「閲覧権限のない管理項目を非表示」のスイッチをオンにしてください。

    attention 注意

    ガントチャートを表示したユーザーにアプリの管理権限がある場合のみ、非表示に対応しています。
    アプリの管理権限がない場合は、非表示にならず空欄列として表示されます。
    また、フィールド閲覧権限の設定有無に関わらずガントチャート表示ごとにAPIリクエストが発生します。

    閲覧権限のない管理項目を非表示
  2. アイコンボタンの表示/非表示を設定します。
    非表示にしたいアイコン列がある場合は、チェックを外してください。
    行をピン留めする(ガントチャートの上部に固定して表示する)場合は、「ピン留め」にチェックを入れます。
    表示された「ピン留めフィールド 選択」で、ピン留めの状態を保存するチェックボックスフィールドを選択してください(必須)。

    attention 注意

    ・ピン留めフィールドは、タスク管理のテーブルの外に、ピン留め専用のチェックボックスとして作成してください(例:選択肢が「ピン留め」だけのチェックボックス)。
     ガントチャート上でピン留め・解除すると、プラグインがこのフィールドの値を書き換えます。
     ほかの用途と兼用すると、ほかの選択肢のチェックが外れてしまいます。
    ・ピン留め行は、ユーザー間で共有されます。
     ユーザー単位でのピン留めには対応していませんのでご注意ください。
    ・ピン留め行は依存関係機能が無効となります。
     ピン留めを解除すると、機能が有効となり依存関係線が表示されます。

    ▼「ピン留め」にチェックを入れると、その下に「ピン留めフィールド 選択」が表示されます

    アイコンボタン(ピン留めを有効にした状態)
  3. 行ヘッダーのマージを設定します。
    全体設定ではヘッダー全体で表示を省略(マージ)する設定ができます。

    information 補足

    次の動画から詳しい手順をご参照いただけます。
    ※YouTubeの動画が開きます。音量にご注意ください。
    YouTube | kinveniシリーズ ガントチャート 設定手順動画「Chapter5. 管理項目のマージ」

    セルのマージ 全体設定
  4. 列単位でマージするかどうかを指定したい場合は、「フィールド設定追加」ボタンをクリックして、フィールド単位に表示を省略するかどうかを指定することができます。 フィールドごとの設定(フィールド設定追加ボタンをクリックした後の状態)

表示設定

ガントチャートの表示日付範囲や表示単位といった詳細設定を行います。

表示設定パネル
  1. 表示スケール(時間、日、月、年など)を設定します。
    コントロールパネルで都度変更することもできます。
    ※タスクの開始/終了フィールドを日時に設定した場合のみ、あわせて管理する開始時刻・終了時刻の範囲も設定できます(設定範囲外はグレーアウト表示されます)。 表示単位
  2. 初期の表示日付範囲を設定します。
    ここで設定した日付範囲で毎回ガントチャートが表示されます。
    コントロールパネルで都度、表示範囲を変更することもできます。 日付表示範囲
  3. ガントチャートに表示する曜日を設定します。
    ここでチェックを外した曜日列を非表示にすることができます。
    非表示になった曜日は、ドラッグ&ドロップの操作で選択することができなくなります。
    スケジュール上で重要な作業日(営業日)のみ表示したい場合にご利用ください。 日付表示
  4. 「kintone設定「第一四半期の開始月」を利用する」のスイッチをオンにすることで、kintone「高度な設定」の第一四半期の開始月設定を元にガントチャートの四半期スケールを設定できます。Pro版のみ
    設定しない場合は、1月から第一四半期、半期が設定されます。

    attention 注意

    ガントチャート表示ごとにAPIリクエストが発生します。
    一日のアクセス数が多いガントチャートの場合は、スイッチをオフにすることを推奨します。
    ※一日に実行できるAPIリクエスト数には制限があります。

    kintone設定「第一四半期の開始月」を利用する
  5. レコードの初期表示形式を選択します。Pro版のみ
    全件表示にすると、表示件数に比例して表示が遅くなります。
    表示速度を改善する場合は、「ページングする」を選択して1ページあたりのレコード数を減らしてください。 初期のレコード表示

操作・入力設定

タスクの移動・追従の可否や、タスクの入力方式を設定します。

操作・入力設定パネル

タスクの移動固定・追従

information 補足

次の動画から詳しい手順をご参照いただけます。
※YouTubeの動画が開きます。音量にご注意ください。
YouTube | kinveniシリーズ ガントチャート 設定手順動画「Chapter2. タスクの移動固定・追従移動」

タスク入力方式Pro版のみ

ガントチャートへのタスクの入力形式を選択できます。
ダイアログを表示するを選択した場合、タスクタイトルだけでなく、開始/終了日付、進捗率などもガントチャート上から一緒に入力できます。
タスクタイトルが文字列(1行)フィールド、数値フィールドのときのみ、タスクに直接入力する方式が有効です。

タスクの入力方式

タスク表示・並び替え設定

タスクの改行表示やタイトル表示形式、グルーピング・並び替えの設定を行います。

タスク表示・並び替え設定パネル
  1. タスクタイトルの表示形式を選択します。Pro版のみ
    タイトルをタスクバーの幅で省略表示するか、バーからはみ出して全文表示するか選択可能です。
    タイトルをはみ出して表示する場合は、次のタスクが被らないように自動で改行が入ります。 タスクバーのタイトル表示
  2. タスクの表示形式を選択します。Pro版のみ
    タスクを改行しない(初期設定の)場合、スケジュールをできるだけコンパクトに表示できるよう、 タスクを表示する行はタスクの前後と関係なく、空いたスペースに詰めて表示されます。
    タスクを「改行する」を選択することで、タスクを階段形式に表示して作業の流れをより直感的に把握できるような形式で表示することができます。
    • 改行表示時は、「並べ替え基準」と「並び順」でタスクの並び順を指定できます。
    • 「並べ替え基準」は、「開始日」「終了日」、タスクタイトル、追加編集フィールドから選択できます(並び替えない場合は「並び替えしない」)。
    • 「並び順」は「昇順」「降順」から選択します。
    タスクの改行
  3. 並び替え時にタスクをグルーピングするかどうかを選択します。Pro版のみ
    「グルーピングする」を選択した場合、「グルーピング基準」のフィールド値によって関連するタスクを近くに表示できます。
    例えば計画と実績がセットになったタスクを近くに表示したい場合は、「タスク名」でグルーピングを行います。 タスクのグルーピング(近接配置)
  4. タスクをソートするかどうかを選択します。Pro版のみ
    「ソートする」を選択した場合、「並べ替え基準」のフィールド値によって昇順/降順で並び替えられます。
    「並べ替え基準」のフィールドは、あらかじめ設定したタスクのタイトルフィールドまたはタスクの追加編集フィールドから選択可能です。
    • 「改行する」場合は開始日または終了日で並び替え後、ここで指定したフィールドで並び替えを行います。
    • フィールドでの並び替え後は、テーブルの行順に沿って並び替えを行います。
    タスクのソート

ツールチップ設定Pro版のみ

タスクにカーソルを合わせた際に表示するツールチップを設定します。

ツールチップ設定パネル

ツールチップの表示設定をユーザーごとに許可するか、管理者が一括設定するかを選択します。
「共通で設定する」にすることで、管理者がツールチップに表示する内容を共通で設定できます。
ユーザーは共通で設定した項目を非表示にすることができませんが、ほかの項目を追加で表示することは可能です。

ツールチップの表示

「共通で設定する」を選択した場合

「共通で設定する」を選択すると、次の2つの設定項目が追加で表示されます。

  1. ツールチップ必須表示項目:共通設定時に必ず表示するフィールドを指定します。
    タスクタイトル・タスク進捗フィールドに設定したフィールドは初期値としてあらかじめ指定されます。
    複数のフィールドを指定することもできます。 ツールチップ必須表示項目
  2. ラベルを表示する:ツールチップにフィールド名を表示するかどうかを選択します。
    初期状態では表示するに設定されています。 ラベルを表示する

グルーピングバー設定Pro版のみ

タスクをフィールドでまとめたグルーピングバーの表示を設定します。

グルーピングバー設定パネル
  1. グルーピングバーを表示するかどうかを設定します。
    表示する場合は、「グルーピングバー機能を有効にする」のスイッチをオンにします。 グルーピングバーの表示
  2. 「グルーピングバーのタイトル」で、グルーピングする項目を選択します(1件以上必須)。
    「タイトルフィールド 追加」をクリックすると選択欄が1つ増えます。
    複数の項目でグルーピングする場合は、項目の数だけ選択欄を増やしてください。
    例えば、タスクの大項目+計画/実績の区分でグルーピングバーを表示できます。 グルーピングバーのタイトル(表示する選択後)
  3. グルーピングバーの進捗率設定を設定します。
    「表示する(マイルストーンを含まないタスク進捗の平均)」を選択すると、グルーピングされているタスクの進捗率平均が表示されます。 グルーピングバーの進捗率設定
  4. 一覧表示時にタスクを折りたたんだ状態で表示するかどうかを選択します。
    「折りたたむ」を選択した場合は、グルーピングバーのみ表示された状態で一覧を開きます。
    ※バーのクリックで表示切替が可能です。 初期のタスク表示

依存関係設定Pro版のみ

タスクの依存関係を矢印線で表現する設定を行います。

依存関係設定パネル
  1. 「依存関係機能を有効にする」のスイッチをオンにします。
    次に、「先行タスクID フィールド 選択」で、先行タスクの情報を保存するフィールドを選択してください(必須)。
    ※タスク管理のテーブル内に、依存関係専用の文字列(1行)フィールドを作成して選択してください。
    ※タスクタイトルや追加編集フィールドに使っているフィールドは選択できません。
    • このフィールドの値は自動で入力されるため、自分で入力する必要はありません。
      ガントチャート上でタスク同士を線でつなぐと、後続タスク(線の終点のタスク)のこのフィールドに、先行タスクの情報が入力されます。
    • 線のつなぎ方・解除のしかたは、操作マニュアルの「タスクバー」をご覧ください。

    attention 注意

    ・依存関係機能を有効にすると、操作・入力設定の「タスク移動時に他タスクを一緒に移動する設定」は使えなくなります。
    ・「先行タスクID フィールド」の値は、kintoneのレコード編集画面などで直接編集しないでください。
     依存関係が正しく表示されなくなることがあります。
    ・kintoneのレコード編集画面でタスク管理のテーブルの行を並び替えたり、途中に行を追加・削除したりすると、依存関係が別のタスクを指してしまうことがあります。
     テーブルの行の順番は変えないでください。

    依存関係機能
  2. 「後続タスクの移動に含めない曜日」を設定します。
    先行タスクを移動すると、依存関係でつながった後続タスクも一緒に移動します。
    このとき、チェックを外した曜日は、後続タスクの移動日数の計算から除外されます(初期状態では、すべての曜日にチェックが入っています)。
    ※「表示設定」の「日付表示」で非表示にしている曜日がある場合は、そちらが優先され、この設定は使えません(非表示の曜日は、移動日数の計算から除外されます)。

    ▼「土」「日」のチェックを外した例です(後続タスクは土日を数えずに移動します)

    後続タスクの移動に含めない曜日
  3. 「後続タスクの移動可否」で、「移動させたくない後続タスクがある」場合に備えて、先行タスクを動かしたときに後続タスクも一緒に動かすかどうかを設定します(任意)。
    まず「後続タスク連動 許可フィールド 選択」で、チェックボックスフィールドを選択します。
    1番目の選択肢にチェックが入っている後続タスクだけが、先行タスクと一緒に移動します。
    次に、「初期値」で、ガントチャートを開いたときの動きを選択します。
    • 「すべて移動する」:フィールドの値に関係なく、後続タスクがすべて一緒に移動します。
    • 「フィールド値に従う」:フィールドの値によって、後続タスクごとに一緒に移動するかどうかが決まります。
    後続タスクの移動可否

information 補足

・「後続タスク連動 許可フィールド」は、タスク管理のテーブル内に作成してください。
 値は自動では入力されないため、kintoneのレコード編集画面でチェックを付け外しするか、追加編集フィールドに追加してガントチャートのタスクの編集ダイアログから入力してください。
・「後続タスク連動 許可フィールド 選択」を設定しない場合は、後続タスクはすべて一緒に移動します。
・「後続タスク連動 許可フィールド 選択」を設定した場合は、ガントチャート上部の右端にある「…」メニューの「後続タスクの移動」から、ユーザーごとにいつでも「すべて移動する」「フィールド値に従う」を切り替えられます(選んだ内容はブラウザごとに保存されます)。
 詳しくは操作マニュアルの「その他設定」をご覧ください。
・後続タスクが一緒に移動するのは、先行タスクのタスクバー全体を動かしたときだけです。
 タスクの端をつまんで期間を変えたときは移動しません。
・後続タスクのさらに後続のタスクも、続けて移動します。
・次の後続タスクは、一緒に移動しません:絞り込みで非表示になっているタスク、ピン留めした行のタスク、ページングで別のページにあるタスク、一覧の絞り込み条件で表示されていないレコードのタスク。

絞り込み設定Pro版のみ

ガントチャート上でタスクを絞り込むフィルターの設定を行います。

絞り込み設定パネル

information 補足

次の動画から詳しい手順をご参照いただけます。
※YouTubeの動画が開きます。音量にご注意ください。
YouTube | kinveniシリーズ ガントチャート 設定手順動画「Chapter3. タスクの絞り込み」

  1. フィルター項目間の絞り込み条件の設定を行います。
    複数のフィルターをOR検索する場合、「いずれかの条件を満たす」を選択します。 項目間の絞り込み
  2. 「フィルター追加」ボタンをクリックします。
    表示された「絞り込みフィールド 選択」フォームで、絞り込みたいタスクのフィールドを選択します。
    選択できるのは、タスクのタイトル、またはタスクの追加編集で指定したフィールドです。
    ※選択肢がない場合は、タスクフィールド設定で指定したい項目をあらかじめ設定してください。 絞り込みフィルター(フィルター追加ボタンをクリックした後の状態)
  3. ガントチャート表示時にあらかじめタスクを絞り込む場合、ガントチャートの初期表示時に絞り込む値を選択します。
    選択したフィールドの種類によって、初期値として選べる内容が変わります。
    例えばチェックボックス・ラジオボタン・ドロップダウン・複数選択フィールドの場合は、初期表示したい選択肢にチェックを入れます。
    ユーザー選択フィールドの場合は「ログインユーザー」、組織選択フィールドの場合は「優先する組織」にチェックを入れることで、それぞれログインユーザー・優先組織に関連するタスクのみをガントチャート上に初期表示できます。 絞り込みの初期値設定(チェックボックス型フィールドの例)

行色設定Pro版のみ

ガントチャートの行を色付けする条件の設定を行います。

行色設定パネル
  1. 行に差し込む交互色の設定を行います。
    「背景色」ボタンをクリックして色を設定します。
    文字色も同様に設定します。
    「初期値に戻す」ボタンで、デザインテーマに合わせた初期色に戻ります。 交互色設定
  2. 条件付き色設定を行います。
    「色設定追加」ボタンをクリックすると、色設定のフォームが表示されます。
    書式変更フィールドを任意のフィールドにすることで選択したフィールド色のみ着色できます(「行全体」を選択するとガントチャート右パネルを含めて一行すべて着色します)。
    「背景色」ボタンをクリックして、色を設定します(文字色も同様に設定します)。 条件付き色設定(色設定追加ボタンをクリックした後の状態)
  3. 「条件変更」ボタンをクリックすると、条件を編集するダイアログが開きます。
    「条件追加」ボタンをクリックし、フィールド・式(=、含むなど)・条件値を入力/選択してください。
    条件を複数入力する場合は、すべての条件(AND条件)を満たす場合か、いずれかの条件(OR条件)を満たす場合かを選択してください。
    「適用」ボタンをクリックして、条件を設定に反映してください。 条件変更ダイアログ
  4. 適用すると、条件変更ボタンの右に設定した条件の内容が表示されます。 条件付き色設定を適用した後の表示

タスク色設定

タスクバーの背景色・文字色を設定します。
タスクごとの個別色設定や条件に応じた色分けなどを指定できます。

タスク色設定パネル

タスクの個別色設定Pro版のみ

ダイアログ上で個別にタスク色を指定できます。
タスクの個別色はタスクの条件色設定より優先されます。
タスク背景色・文字色を保存するフィールドをそれぞれ選択してください(背景色・文字色はそれぞれ別の文字列(1行)フィールドを選択してください)。
※タスク管理のテーブル内に、背景色用・文字色用の文字列(1行)フィールドを1つずつ作成してください。
ガントチャートのタスクの編集ダイアログで色を選ぶと、このフィールドに色の値が自動で入力されます。

タスクの個別色設定

タスクのカラーセット

「タスクのカラーセット」を指定することでカラーパレットをダイアログ上に表示できます。
※この設定はタスク背景色・文字色フィールド設定を行うことを前提としています。

タスクのカラーセット

条件付き色設定

information 補足

次の動画から詳しい手順をご参照いただけます。
※YouTubeの動画が開きます。音量にご注意ください。
YouTube | kinveniシリーズ ガントチャート 設定手順動画「Chapter6. タスクの条件色」

information 補足

タスク配色のサンプルがあります。
よろしければ、こちらの配色サンプルから色コードをコピーしてご利用ください。

  1. 「色設定追加」ボタンから条件を追加します。
    「背景色」ボタンをクリックして、色を設定します。
    文字色も同様に設定します。 条件付き色設定(色設定追加ボタンをクリックした後の状態)
  2. 「条件変更」ボタンをクリックすると、条件を編集するダイアログが開きます。
    「条件追加」ボタンをクリックし、フィールド・式(=、含むなど)・条件値を入力/選択してください。
    条件を複数入力する場合は、すべての条件(AND条件)を満たす場合か、いずれかの条件(OR条件)を満たす場合かを選択してください。
    「適用」ボタンをクリックして、条件を設定に反映してください。 条件変更ダイアログ
  3. 適用すると、条件変更ボタンの右に設定した条件の内容が表示されます。 条件付き色設定を適用した後の表示

カレンダー色設定

特定の曜日や日付の色を設定します。
土日などの曜日別の色や、祝日・締切などの特別な日付の色を指定できます。

カレンダー色設定パネル

information 補足

次の動画から詳しい手順をご参照いただけます。
※YouTubeの動画が開きます。音量にご注意ください。
YouTube | kinveniシリーズ ガントチャート 設定手順動画「Chapter7. 特別日付色」

曜日別色設定

特定の曜日・祝日の背景色を設定します。
初期は、土曜日と日曜日にデザインテーマに合わせた初期色が設定されています。
ここで祝日色を一括で設定することもできます。
「色設定追加」ボタンから曜日を追加し、「背景色」ボタンで色を設定してください。
「初期値に戻す」ボタンをクリックすると、デザインテーマに合わせた初期色に戻ります。

曜日別色設定

特別日付色設定

特別日付の初期色の設定を行います。
「背景色」「文字色」ボタンから初期色を設定してください。
「初期値に戻す」ボタンで初期値のオレンジに戻ります。

特別日付色設定 初期色設定

特別日付設定は、日付(yyyy-MM-dd)、説明、背景色(省略可)、文字色(省略可)のカンマ形式で入力してください。
複数ある場合は改行して入力します。
背景色、文字色を省略した場合は、上記の初期色設定で設定した色になります。
※カラー名を利用して入力する場合はこちら(外部サイト)を参考にしてください。

特別日付設定

デザイン設定

ガントチャート全体の見た目を設定します。
全体や管理項目の列幅、行の高さ、フォントサイズ、配色などを指定できます。

デザイン設定パネル

全体

ガントチャート全体の表示幅を設定します(ピクセルまたは%指定)。

全体

管理項目

管理項目(左パネル)の表示サイズを設定します。
管理項目の幅・列幅はガントチャート上で自由に調整も可能です。
調整後はその幅が保持され、次回以降表示する際にユーザー単位で引き継がれます。

管理項目

行とタスクバー

行とタスクバーの高さを設定します。
※Lite版は行高のみ設定可能です。

行とタスクバー

フォントサイズPro版のみ

管理項目(左パネル)の文字、タスクバーのフォントサイズを変更することができます。

attention 注意

ご利用のブラウザによっては、最小フォントサイズがあります。
最小フォントサイズよりも小さい値を指定した場合、設定が反映されません。

フォントサイズ

週の表記Pro版のみ

スケールを「週」単位にした場合の表示形式を変更できます。
年単位で採番される「週番号」または、「週初め(月曜日)の日付」のどちらかを選択できます。

週の表記

日付選択線Pro版のみ

日付ラベル選択時に表示できる選択線の表示形式を変更できます。
日付列に面で色付けする「列をハイライト」または、「列に線を描画」のどちらかを選択できます。

日付選択線

ガントチャート配色Pro版のみ

ガントチャートのスケジュールヘッダー色、初期の行交互色/曜日別色、ボタン色などを決定する配色テーマが選択可能です。
テーマは、ベーシックテーマ、kintoneデザインテーマ、クラシックテーマの3種類です。
利用シーン別に分けると次のようになります。
タスクの視認性重視 → ベーシックテーマ/アプリ独自のkintoneデザインテーマ設定に合わせたい → kintoneデザインテーマ/ガントチャートv6.0.0以前のテーマを利用したい → クラシックテーマ
枠線色もこのカードから変更できます。

attention 注意

デザインテーマを変更すると、曜日別色設定、行の交互色がテーマに沿った配色に上書きされます。
上記を独自に設定している場合は、あらかじめ設定内容を控え、テーマ変更後に再設定してください。

ガントチャート配色

ボタン・出力設定Pro版のみ

ガントチャート上に表示するボタンと出力機能を設定します。
表示範囲の移動や拡大・縮小、PDF出力などのボタンの表示有無を指定できます。

ボタン・出力設定パネル
  1. 表示範囲の移動ボタン表示有無と移動値を設定します。
    移動値を大きく変更することで、日付表示移動量も大きくなります。
    表示範囲の移動ボタンをコントロールパネル上に表示したくない際は、こちらのスイッチをオフにしてください。
    表示スケール(日、月、年など)を変更する拡大/縮小ボタンの表示有無も、同様にスイッチで設定できます(表示したくない際はオフ)。 コントロールパネル
  2. PDFダウンロードボタンの表示有無を設定します。
    PDFダウンロードボタンを画面上に表示したくない際は、こちらのスイッチをオフにしてください。 ダウンロードボタン

設定を他アプリで使う(書き出し・読み込み)

設定を書き出す・読み込むことで、このアプリの設定内容をファイルとしてバックアップしておき、必要なときに元に戻すことができます。
設定画面の左側、「一覧を選択」の上にある「設定ファイル」の「書き出す」「読み込む」ボタンから操作します。
※読み込んだ設定は、書き出したときと同じ一覧ID(kintoneが一覧ごとに付ける番号)の一覧にだけ反映されます。
別のアプリの一覧には反映されません(詳しくは下の「読み込む」の注意をご覧ください)。

設定ファイル(書き出す・読み込むボタン)

書き出す

  1. 「書き出す」ボタンをクリックします。
    クリックすると、このアプリ内にあるすべての一覧の設定をまとめて1つのJSON形式のファイルとしてダウンロードします。
  2. ダウンロードが完了すると、画面下部に「設定をダウンロードしました」という通知が表示されます。
    ファイルは「kinveni-gantt-settings_app(アプリID)_(日時).json」という名前で保存されます。 設定をダウンロードしました通知

読み込む

  1. 「読み込む」ボタンをクリックし、書き出しておいたJSONファイルを選択します。
  2. 読み込みに成功すると「設定を読み込みました」という通知が表示されます。 設定を読み込みました通知

    attention 注意

    読み込むと、このアプリ内にあるすべての一覧の設定が、読み込んだファイルの内容に置き換わります(追記ではなく上書きです)。
    現在の設定を残しておきたい場合は、読み込む前に「書き出す」で保存しておいてください。
    また、ガントチャートの設定は一覧(View)ごとに一覧IDで管理されています。
    読み込んだ設定は、書き出したときと同じ一覧IDの一覧にだけ反映されます。
    別のアプリなど一覧IDが異なる一覧で読み込んだ場合、その一覧には設定が反映されず、ガントチャートも表示されません。

  3. この時点ではまだアプリに保存されていません。
    画面下部の「保存」ボタンをクリックして初めて設定が反映されます。
  4. ファイルの形式が正しくない場合(別のファイルを選択した場合など)は、次のようなエラー通知が表示されます。
    ファイルの内容をご確認のうえ、あらためて正しいファイルを選択してください。 読み込みに失敗しました通知

設定をほかの一覧にコピーしたい

ある一覧(View)で作成した設定(表示設定や色設定など)を、同じアプリのほかの一覧にコピーします。
同じような設定のガントチャートを複数の一覧で使いたいときに便利です。

  1. 「一覧を選択」で、コピー元の一覧を選択します。
  2. 「一覧を選択」の右にある「⋮」ボタンをクリックし、「設定をコピー」を選択します。
    「設定のコピー」ダイアログが表示されます。 一覧の「⋮」メニューから「設定をコピー」を選択 設定コピーダイアログ
  3. 「コピーする項目」で、コピーしたい設定にチェックを入れます。
    ダイアログを開いた時点では、すべての項目にチェックが入っています。
    一部の設定だけをコピーする場合は、「すべて解除」をクリックしてから、コピーしたい項目にチェックを入れてください。 コピーする項目
  4. 「コピー先の一覧」で、コピー先の一覧にチェックを入れます。
    「一覧を検索」に一覧名を入力して絞り込むこともできます。 コピー先の一覧
  5. 「コピー」ボタンをクリックします。
    「設定をコピーしました。設定を有効化して、プラグイン設定を保存してください。」と表示されます。

    attention 注意

    コピー先の一覧の設定は、チェックを入れた項目ごとに、コピー元の内容で上書きされます。
    また、「ガントチャートを有効にする」のスイッチはコピーされません。
    コピー先の一覧でガントチャートを表示するには、「一覧を選択」でコピー先の一覧を選び、「ガントチャートを有効にする」のスイッチをオンにしてください(すでにオンの場合は不要です)。

  6. 画面下部の「保存」ボタンをクリックして、設定を保存します。
    保存するまで、コピーした内容はアプリに反映されません。

設定をリセットしたい

選択している一覧(View)の設定を、すべて初期状態に戻します。

  1. 「一覧を選択」で、リセットしたい一覧を選択します。
  2. 「一覧を選択」の右にある「⋮」ボタンをクリックし、「設定をリセット」を選択します。
    「設定をリセット」の確認ダイアログが表示されます。 一覧の「⋮」メニューから「設定をリセット」を選択
  3. 「この一覧の設定をすべて初期状態に戻します。変更した内容は失われます。よろしいですか?」というメッセージを確認し、「リセット」ボタンをクリックします。
    この一覧の設定がすべて初期状態に戻ります。
    「ガントチャートを有効にする」のスイッチもオフに戻ります。 設定をリセットする確認ダイアログ
  4. 画面下部の「保存」ボタンをクリックして、設定を保存します。
    ※リセットした内容は、保存するまでアプリに反映されません。
    保存したあとは、リセット前の設定に戻すことはできませんのでご注意ください。

保存時にエラーが出たら

「保存」実行時に入力エラーがある場合に表示されるダイアログです。
「入力エラーが見つかりました」というタイトルとともに、 「一覧名」「エラー詳細」「アクション」の列を含む一覧表でエラー内容が表示されます。
「確認する」リンクをクリックすると、該当する一覧・設定パネルに移動して修正できます。
「閉じる」ボタンでダイアログを閉じます。
※入力内容のチェックは、「ガントチャートを有効にする」がオンになっている一覧だけが対象です。

入力エラーが見つかりましたダイアログ

付録:配色サンプル

ここではタスクの配色例をご紹介しています。
タスク色設定で色を設定する際、色コードをコピーしてご利用ください。

テンプレート 配色イメージ 色コード
バリアフリー バリアフリー配色例
#E66627
#FFF140
#F1A32E
#32AD7D
#71C7EF
#2F60A2
#EA938C
#9F418F
#873D2F
#FFFFFF
ペールトーン ペールトーン配色例
#E8AB83
#ECCBC6
#F2DCB8
#F1E9C5
#CADACA
#B2D6E8
#DACFE8
#EBE5E3
#CCBB96
#FFFFFF
ポップ ポップ配色例
#DE582E
#FABEBE
#F5E387
#EFA653
#BCD436
#7ED6AE
#8AC9D6
#F1BCA1
#D6D9DB
#FFFFFF
プロフェッショナル プロフェッショナル配色例
#90AFC6
#9DABBE
#C0C8CC
#8E8D8B
#C2BAB2
#C6B57C
#DBD6CD
#D6C4A8
#E48377
#FFFFFF
クラシック クラシック配色例
#D49392
#EFE6D2
#C37A38
#CBB571
#8EA373
#B1CFD9
#768C90
#D8D1C6
#A49377
#FFFFFF
ナチュラル ナチュラル配色例
#CCD983
#D6D6A7
#AEB8AA
#B0AF5D
#90A276
#BABBBA
#DD7957
#CFB697
#6B514A
#FFFFFF

対応フィールド

次の表は、それぞれの設定で対応しているフィールドです。
ヘッダー表示項目は、kintone一覧上で表示でき、ガントチャートで表示できない場合に×としています。
また、kintone一覧上で表示できない項目、編集できない項目は-としています。
タスクタイトル・編集可能項目は、テーブルに属する項目の対応を示しています。

フィールド ヘッダー表示項目 ヘッダー編集可能項目 タスクタイトル項目 タスク編集可能項目
レコード番号 〇 - × -
作成者 〇 - × -
作成日時 〇 - × -
更新者 〇 - × -
更新日時 〇 - × -
文字列(1行) 〇 〇 〇(自動計算対応) 〇
リッチエディター 〇*1 〇 × ×
文字列(複数行) 〇 〇 〇 〇
数値 〇 〇 〇 〇
計算 〇 - × -
ラジオボタン 〇 〇 〇 〇
チェックボックス 〇 〇 × 〇
複数選択 〇 〇 × 〇
ドロップダウン 〇 〇 〇 〇
日付 〇 〇 × 〇
時刻 〇 〇 × 〇
日時 〇 〇 × 〇
添付ファイル 〇*2 × × ×
リンク 〇 〇 × 〇
ユーザー選択 〇*3 〇 × 〇
組織選択 〇*3 〇 × 〇
グループ選択 〇*3 〇 × 〇
ルックアップ 〇 〇 *5 〇 *5 〇 *5
関連レコード一覧 - - - -
テーブル ×*4 - - -
ステータス 〇 - × -
作業者 〇 - × -
レコードID - - × -
リビジョン - - × -
カテゴリー - - × -

*1 ガントチャートの行高は改行に対応していません
*2 ファイル名を表示します(ダウンロードリンクは付与されません)
*3 各フィールドのリンクは付与されません
*4 テーブルを一覧に設定した場合、From(タスクの開始日のうち最も早い日)、To(終了日のうち最も遅い日)が自動で入ります
 ・From/To が表示されるのは、タスクフィールド設定で選んだ「タスク管理のテーブル」だけです。
 ・それ以外のテーブルは空欄になります。
*5 ルックアップフィールドをご利用の際、以下の点をご考慮ください。
 ・「コピー元のフィールド」が文字列(1行)/数値フィールドの場合に編集可能です。
 ・ルックアップ参照元フィールドには、「値の重複を禁止する」設定が必須です。
 ・選択可能なレコード一覧には「コピー元のレコードの選択時に表示するフィールド」の項目が表示されます。
  あらかじめ設定してください。
  ※設定しない場合はレコードのフィールドが表示されません。
 ・レコード一覧では、ルックアップフィールドの「絞り込みの初期設定」で絞り込み済みのレコードから選択可能です。
  レコード全件から絞り込みを行いたい場合は、「絞り込みの初期設定」を設定しないでください。

注意事項