ガントチャートプラグインのアップデートを詳細解説

はじめに

こんにちは。武井です。
皆さん、ガントチャートプラグインは使用しているでしょうか？
kintoneの標準機能では搭載していない「スケジュールの可視化」が実現できて便利ですね。

このほど、そのガントチャートプラグインが大幅にパワーアップされました！
今回は、アップデートされたガントチャートプラグインをフル活用する方法を書いていきます。

注意：旧バージョンのプラグインをお使いの方で、新バージョンのプラグインにアップデートされる方は、
　　　色付け設定が引き継がれないのでプラグイン設定画面で再設定をお願いします。

今回新たに10個もの機能を追加しました。目玉アップデートはこちらです。

目玉１：アプリフォームのテーブル化に対応
タスクを大項目と小項目に分けて管理できるようになりました。

目玉２：タスクバーをクリックするとモーダルウィンドウを出し、開始日/終了日を更新可能に。
これまで該当するレコードを探し、別途開いてデータ更新しなければなりませんでしたが、ガントチャートからスムーズな更新が可能になりました。

その他の機能追加については下のセクションをご確認ください。

新たに追加された機能一覧

新たに以下の機能が追加されました。

• アプリフォームのテーブル化に対応
  • タスクを大項目と小項目に分けて管理できるようになりました。
• ページングでガントチャートを再描画
  • 検索数が一覧画面の表示件数以上でも、ページングによってガントチャートが再描画されます。
• ガントチャートの土曜日と日曜日を着色。
  • 一目で曜日が判別できるようになりました。
• 優先度の色をカラーパレットから選択可能に。
  • 簡単に目的の色を設定できるようになりました。
• 優先度を行追加で増やせるように。
  • 好きな数だけタスクカラーを設定することができるようになりました。
• 初期表示のスケジュールに「時間」を追加。
  • 時間単位のガントチャートをデフォルトで表示できます。
• マウスオーバーによるポップアップ画面では設定画面で設定する全データを表示。
  • タイトル/サブタイトル/開始日/終了日/優先度がすべて表示されるようになりました。
• マウスオーバーによるポップアップ画面でフィールド名を表示。
  • タイトル/サブタイトルを除き「フィールド名：フィールドの値」という表示形式になりました。
• タスクバーをクリックするとモーダルウィンドウを出し、開始日/終了日を更新可能に。
  • これまで該当するレコードを探し、別途開いてデータ更新しなければなりませんでしたが、ガントチャートからスムーズな更新が可能になりました。
• タスクバーの中のタイトルは小項目を表示し、小項目がない場合には大項目を表示。
  • テーブル化に際し、サブタイトルを優先的に表示するようにしました。

設定手順

プラグインの設定方法など基本的な設定手順はガントチャートプラグインのページをご覧ください。

ここでは、アップデートされた機能の利用方法を説明します。

アプリのテーブル化対応の利用方法

1.上記の基本的なフィールドに加え、フォームの編集で、以下のようなテーブルフィールドを作成します。

使用目的	フィールドタイプ	備考
サブタイトル	文字列フィールド
開始日	日付フィールド
終了日	日付フィールド
優先度	ドロップダウンなど
テーブル	テーブル	上記フィールドを含むテーブルを作成の上、フィールドコードを必ず「Table」として下さい。

特に、テーブルのフィールドコードを必ず「Table」とすることが重要となります。
※第2階層までガントチャート上で表示したい場合、
この「Table」というフィールドコードがついたテーブルを使用するプラグイン構造となっているため。
その他のフィールドコードは自由でかまいません。

これを設定すると、下図の様になります。

2.プラグイン設定画面にて下図のように設定します。

テーブルフィールドに関しては、テーブルのフィールドコードが「Table」のフィールドのみ、選択肢として表示されるようになっています。
また、テーブルフィールドについては選択肢の先頭に[Table]と表示されます。

設定の際の注意点は以下のようになります。

• タイトルにするフィールドに、テーブルのフィールドを設定することはできません。
• タイトルにするフィールドを除き、テーブルフィールドと非テーブルフィールドを混在させることはできません。

3.これらを設定し、アプリに反映させます。

4.レコードを作成します。
この際、テーブルで複数のタスクを設定します。

5.下図のような表示になります。

タイトルにするフィールドをプロジェクト名、
サブタイトルをタスク名のようにすることで便利な使い方ができそうですね。

また、ズームボタン「＋」を押すごとに、曜日の下に
(0.12)(0.9.18)(0.6.12.18)(0.3.6.9.12.15.18.21)(0.1.2.3…23)と詳細な時間が表示されます。

ガントチャート上レコード更新の利用方法

1.ガントチャートを表示し、タスクバーをクリックします。

2.下図のようなモーダルウィンドウが表示されます。

3.下図のように開始日/終了日をそれぞれ入力またはカレンダーから選択します。

4.「更新」ボタンを選択します。

5.画面が自動的にリロードされ、タスクが変更されていることを確認します。

※開始日/終了日以外のデータは「詳細画面へ」のリンクをクリックして更新可能です。

拡張可能性

• マウスオーバーのポップアップ情報で、プラグイン設定画面で設定する項目以外のテーブル項目も表示できるようにする。
• 大項目/小項目の最大表示文字数を増やす。
• レコード一覧に表示されているレコードについて表示するのではなく、全件表示にする。

注意事項

• 旧バージョンのプラグインをお使いの方で、新バージョンのプラグインにアップデートされる方は、
  色付け設定が引き継がれないのでプラグイン設定画面で再設定をお願いします。
• スマートフォン用のブラウザには対応していません。
• カレンダービューにはガントチャートは適用されません。
• 大項目および小項目は全角6文字まで表示可能で、全角7文字以上となる場合、全角5文字まで表示されます。

おわりに

いかがでしたでしょうか。
ガントチャートプラグインをご利用中の方も多いかと思いますが、
かゆいところに少し手が届くようになったのではないかと思います。

皆様の素晴らしいkintoneカスタマイズライフの一助になれたら幸いです。