← 活用ガイド一覧へ
ガントチャートプラグイン

ガントチャートを表示する

このページでは、ガントチャートプラグインを使用して、ガントチャートを表示するの手順を確認できます。

できること

ガントチャートを表示するのデモ画面
動作イメージ
注意事項 ※機能を試す前に必ずご確認ください。
  • 機密情報、個人情報、その他不適切な情報を登録しないこと
  • 利用者のIPアドレスやそれに基づく行動を環境提供元のパートナーが確認できる権限を持っていること
  • サービス環境に過剰な負荷がかかるような利用を避けること
  • デモ環境の利用開始により上記注意事項に同意したものとみなす

利用シーン

  • 案件ごとの作業工程をガントチャートで一覧化し、進捗や遅延を一目で把握できるようにする。
  • 会場手配・集客・リハーサル・当日運営などのタスクをタイムラインで管理し、スケジュール調整を容易にする。
  • 製造ラインの作業日程をガントチャートで表示し、工程の前倒しや遅れを即座に修正できるようにする。
  • 従業員のシフトを期間ごとにガントチャート化し、急な欠勤や交代にも柔軟に対応できるようにする。
  • 契約開始日〜終了日をガントチャートで可視化し、更新期限が近い契約をドラッグ操作で調整しながら管理する。

必要なアプリ・プラグイン

アプリ

運用中のアプリでも設定が可能です。 今回の設定内容(設定手順)に基づいて作成したい方は、アプリテンプレートをダウンロードしてください。

プラグイン

ガントチャートプラグイン

まだ kintone にプラグインをインストールしていない方は、30日間のお試し申込をしてプラグインをご利用ください。

設定手順

1必要なフィールドをフォームに配置する

アプリのフォーム設定で ・タイトル(文字列1行) ・開始日(日付/日時) ・終了日(日付/日時) のフィールドを設定します。 アプリテンプレートを利用する場合は、既に設定済です。

show-gantt-chartの設定手順1の画面
手順1の設定画面
2プラグインの設定画面を開く

プラグインの設定画面を開きます。 まずは、設定名称を入力しましょう。

show-gantt-chartの設定手順2の画面
手順2の設定画面
3表示する一覧を設定する

次に、ガントチャートプラグインを表示する一覧の設定を行います。 [一覧の作成]ボタンをクリックして、名称を入力し、一覧を作成します。

show-gantt-chartの設定手順3の画面
手順3の設定画面
show-gantt-chartの設定手順3の画面
手順3の設定画面
show-gantt-chartの設定手順3の画面
手順3の設定画面
4表示フィールドを設定する

次にフィールドの設定を行います。 まずは、タイトル名フィールドの設定を行いましょう。 アプリのフォームで設定した、タイトル名フィールド(文字列1行)を選択します。 また、今回の例では列幅:200pxに設定を行いました。 プラグインの設定画面 アプリの画面。

show-gantt-chartの設定手順4の画面
手順4の設定画面
show-gantt-chartの設定手順4の画面
手順4の設定画面
5開始日と終了日を設定する

続いて、開始日と終了日のフィールドを設定します。 アプリのフォームで設定した、開始日と終了日のフィールド(日付/日時)を選択します。

show-gantt-chartの設定手順5の画面
手順5の設定画面
6テーブル表示項目を設定する(任意)

また、必須の設定ではありませんが、テーブルに表示するフィールドを設定することが可能です。 今回の例では、担当者のフィールドを列幅:100pxで表示するように設定を行いました。 プラグインの設定画面 アプリの画面。

show-gantt-chartの設定手順6の画面
手順6の設定画面
show-gantt-chartの設定手順6の画面
手順6の設定画面
7タイムライン表示項目を設定する(任意)

こちらも必須の設定ではありませんが、タイムラインバーに表示するフィールドを設定することが可能です。 今回の例では、タイトルフィールドを表示するように設定を行いました。 プラグインの設定画面 アプリの画面 設定が完了したら、保存ボタンを押して、アプリを更新します。

show-gantt-chartの設定手順7の画面
手順7の設定画面
show-gantt-chartの設定手順7の画面
手順7の設定画面

完成

ガントチャートを表示するの完成イメージ
完成イメージ

Crena Plugin

すべてのプラグインを
30日間無料でお試し

  • 全プラグインが使える
  • クレジットカード不要
  • 本番環境で動作確認
Crena Plugin 無料トライアル申し込み画面