作業状態を可視化！週間ガントチャート表示プラグイン

作業予定の開始日時と終了日時で「週間ガントチャート」を表示するプラグインです。

プラグインの主な機能と特徴

本プラグインは、kintoneアプリで「週間ガントチャート」を表示する機能を提供します。

【デモ画面】

ガントチャートプラグインは、設定画面で指定した開始日時～終了日時の範囲でチャートを表示します。
ガントチャートの時間帯、背景色、リスト表示項目とツールチップの内容は全て設定画面で指定します。
１週間単位で表示の切り替えが可能で、１週間の予定を俯瞰して「見える化」できます。

明細リストの列のクリックで、リストの並び順を変更できます。
以下のデモ画面では、初期設定値はレコード番号の降順ですが、開始日時をクリックしてから担当者をクリックすれば、担当者の名前＞開始日時の昇順で並び替え表示ができます。ソート順は、列をクリックするたびに昇順／降順が切り替わります。

ガントバーの背景色と文字色を作業状態別に指定可

ガントチャートは、プロセス管理のステータス値や、ドロップダウン型フィールドの設定値別に、背景色と文字色（白・黒の２択）を設定することが出来ます。背景色は、カラー名（英語）と16進数カラーコードで指定できます。アプリでステータス等の値が変化すると、ガントチャートの色も自動的に変化しますので、作業状態を視覚的に捉え易くなります。

勤務時間と稼働時間の設定

ガントチャートで1週間に表示する日数と勤務時間、休憩時間を登録します。
1週間で表示する日数は、5日（月～金）、6日（月～土）、7日（月～日）の３択です。
始業開始時間と就業時間までの1日の所定労働時間は、「始業時刻～終業時刻 － 休憩時間」です。
休憩時間は、昼休憩と夕方休憩の開始時間と終了時間を設定します。

終了日時の自動計算機能

ガントチャートでは、作業の開始日時から終了日時までの期間をガントバーで描画します。
作業予定の終了日時は、ユーザーが直接入力する方法と、終了日時＝開始日時＋作業時間（分）で計算する方法があります。終了日時＝開始日時＋作業時間（分）で計算する場合は、始業時間、終業時間、休憩時間等を考慮した複雑な計算が必要になります。特に作業時間が2日以上の期間にまたがる場合の計算は注意が必要です。

「終了日時の自動計算を有効にする」をチェックすると、レコード新規登録・編集画面で、開始日時＋作業時間（分）で終了日時を自動計算（就業時間と休憩時間も考慮）してセットします。

休日の設定

会社の１週間の休日を設定します。日曜／土日／日曜＋第１・第３土曜の３通りが選べます。
３番目の「日曜＋第１・第３土曜」は、導入企業の実態に合わせてカスタマイズが可能です。
終了日時の計算結果が休日に該当する場合は、翌営業日の始業時間以降に繰り延べます。

上記2行目の例では、昼休憩時間の45分を考慮して終了日時を計算する必要があります。
さらに３行目の例では、計算結果の日時が日曜のため、休日判定で翌日に繰り越す必要があります。
本プラグインは、この終了日時の複雑な計算を自動化する機能を搭載しています。

🛠️ プラグイン設定方法

事前準備：
本プラグインは、カスタマイズ型の一覧表を１つ以上使用しますので、集計表示用のカスタムビューを予め作成しておいてください。

1. ガントチャートを表示するカスタムビュー欄：ガントチャート表示用カスタムビューを選択します。
2. ガントチャートの縦軸（レーン）の設定：縦軸となるフィールドを選択します。
   　選択できるフィールド型は、文字列1行 / ユーザー選択 / ドロップダウン です。
3. 開始日時・終了日時フィールド：作業の開始日時と終了日時のフィールド（日時型）を選択します。
4. ガントチャート下のレコード一覧 表示列：リスト表示とツールチップ表示の項目を選択します。
5. 表示順（ソート）の設定：リスト表示部分の初期ソート条件を指定します。
6. ステータス（進捗状況）による色分け：ガントチャートバーの色指定です。
   　プロセス管理のステータス（又はドロップダウン）を選択して、設定値毎の色指定ができます。
7. 勤務時間・稼働時間の設定：ガントチャート表示のレーンの日付と時間の設定です。
   • １週間に表示する日数を、5日（月～金）/ 6日（月～土）/ 7日（月～日）から選択します。
   • 1日の始業時間と終了時間、昼休憩時間、夕方休憩時間を指定します。
     この設定は、次の開始日時＋作業時間＝終了時間の計算に使用されます。
8. 終了日時自動計算設定（新規登録・編集画面）
   • 終了日時の自動計算を有効にする：開始日時＋作業時間＝終了時間の計算を行います。
     –>無効の場合は、ユーザーが自分で終了日時を入力する必要があります。
   • 作業時間（分）フィールド：終了日時計算で使用する作業時間（分）フィールドを指定します。
   • 休日の設定：自動計算された終了日時が休日の場合、翌日に繰り越し計算します。

ガントチャートの表示日数と時間設定の初期値は、以下の通りです。
始業時間から終業時間までの時間は、法定労働時間（1日8時間＆週40時間以下）の範囲で設定します。
1日の所定労働時間の計算方法: 「始業時刻～終業時刻 － 休憩時間」

💻 試用版プラグインのお申込み

本プラグインの試用版（60日間）をご希望の方は、以下のフォームからお申し込みください。
お申込み者のＥメール宛に「試用版ダウンロードのご案内」をＥメールでご送付します。
★★ kintoneの「ドメイン名」は正確にご記入ください。★★

📬 お問い合わせ・料金体系

本プラグインは、下記の料金プランで販売しています。
ご購入を希望される場合は、各プランの「購入する」ボタンからお申込みください。

簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
会員サポート契約では、導入支援から運用ヘルプデスク対応をフルサービスでご提供します。

リリースノート

【名称】kintone用　週間ガントチャート表示プラグイン

【概要】作業状態を可視化する「週間ガントチャート」を表示するプラグインです。

このプラグインで利用しているOSSのライセンスはありません。

参考記事（Javascriptカスタマイズ事例）

以下の記事は、タブ表示のJavascriptカスタマイズ事例の紹介記事です。
タブ表示カスタマイズの活用事例を紹介していますので、ご参考にしてください。

現場の進捗を可視化する「週間ガントチャート」活用

kintoneを活用して現場の状況を可視化したい建設・製造業のDX担当者の皆様へ、業務効率を劇的に改善する「週間ガントチャート表示プラグイン」の導入・活用ガイドをお届けします。作業スケジュールを週間ガントチャートで見える化したい建設現場や製造工場において、最も重要なのが「1週間単位の緻密なスケジュール管理」です。多くの現場では、事務所の壁に掲げられた大きなホワイトボードに、担当者ごとの予定を書き込んでいるのではないでしょうか。しかし、デジタル化が進む現代において、このアナログ...

dejitora.jp

2026.04.19

#kintone #plugin #ガントチャート表示 #作業日報 #スケジュール管理