はじめに

ここでは、kintoneに用意されているサンプルアプリを使って、アプリの作成からガントチャートのタスクを追加・表示できるまでの流れを実際に試します。
初めてkintoneを利用する方や、ガントチャートの構成を事前に理解して取り組みたい方向けの内容です。
プラグインのインストールがまだの場合は、先に「事前準備」を行ってください。

チュートリアルの事前準備

アプリの作成

今回はkintoneに事前に用意されているサンプルアプリを利用します。
サンプルアプリは、アプリのひな型です。
そのまま使うことも、デザインや設定を変更して使うこともできます。

注意

アプリの作成にはアプリ作成権限が必要です。

1. ポータル画面上部のオプションアイコンをクリックします。
2. 表示されるメニューから「アプリを作成」をクリックします。
   アプリストアが開きます。
   
3. 左上の検索ボックスで「工程流動」と入力します。
   
4. 「生産進捗管理（工程流動）」というアプリが出たら「このアプリを追加」をクリックします。
   
5. 「追加」をクリックします。
   
6. 「アプリが追加されました！」という吹き出しが出たらアプリの作成ができています。
   
7. 追加した「生産進捗管理（工程流動）」アプリをクリックして開きます。
   
8. 「生産進捗管理（工程流動）」アプリにサンプルデータが表示されていれば事前準備は完了です。
   

チュートリアル

ここまでで追加した「生産進捗管理（工程流動）」アプリにガントチャートプラグインを設定し、 工程をガントチャートで見えるようになるまでの手順を説明します。

注意

このチュートリアルの操作（フォームの変更、プラグインの追加・設定、アプリの更新）には、アプリの管理権限が必要です。

ガントチャート用にアプリをカスタマイズする

作成済みのフィールドを編集し、ガントチャートの開始日付と終了日付として利用する手順を説明します。

1. アプリ右上の歯車のアイコン（アプリを設定）をクリックします。
   
2. 工程フローテーブルの「投入日_予定」フィールドのメニューで「設定」をクリックします。
   
3. フィールド名を「投入_開始日付」に変更します。
   
4. 「保存」ボタンをクリックしてください。
5. 保存されると表示名が変更されます。
   
6. 同様の設定手順で「投入日_実績」フィールドのフィールド名を「投入_終了日付」に変更します。
7. 表示名が変更されたことを確認します。
   
8. アプリに変更を適用します。
   「アプリを更新」ボタンをクリックします。
   
9. 確認ダイアログが表示されるので、「アプリを更新」ボタンをクリックします。
   
10. アプリの更新が始まります。
    完了すると、「未納品一覧」画面が表示されます。
    「工程フロー」列の「表示する」をクリックし、工程フローのテーブル情報を表示します。
    3列目の見出しが「投入_開始日付」に、4列目の見出しが「投入_終了日付」となっていれば正しく設定変更ができています。
    

生産進捗管理（工程流動）アプリへプラグインを追加する

手順は「アプリにプラグインを追加する」と同じです。
「生産進捗管理（工程流動）」アプリに対して同様の操作を行ってください。

ガントチャートのタスクを設定する

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

ここでは「工程フロー」テーブルを対象に、タスクタイトルを「工程名」、開始日を「投入_開始日付」、終了日を「投入_終了日付」に紐づけます。

1. 設定画面を開くと、まだこのガイドを閉じたことがなければ「セットアップガイド」が自動的に表示されます。
   右上の×ボタンをクリックしてガイドを閉じてください。
2. 左上の「一覧を選択」から、ガントチャートを表示したい一覧を選択します。
   ここでは「未納品一覧」を選択します（ほかに「納品済み一覧」「（すべて）」なども選択可能です）。
3. サイドメニューから「タスクフィールド設定」タブを選択します。
4. 「タスク管理のテーブル 選択」をクリックし、「工程フロー」テーブルを選択します。
5. 「タスクタイトル フィールド 選択」をクリックし、タスクに表示する作業タイトルとして「工程名」フィールドを選択します。
6. 「タスク期間 開始フィールド 選択」で「投入_開始日付」を、「タスク期間 終了フィールド 選択」で「投入_終了日付」をそれぞれ選択します。
   今回は、投入日の作業進捗を管理するためこの2つのフィールドを使用します。
7. 左上の「ガントチャートを有効にする」スイッチをオンにします。
   このスイッチがオフのままだと、設定を保存してもこの一覧にガントチャートは表示されません。
8. これで必須項目の指定が完了しました。
   画面下部の「保存」ボタンをクリックしてください。

アプリを更新する

保存すると「設定を保存しました。アプリの設定画面に移動します。」という通知が表示され、自動的にアプリの設定画面に移動します。

1. アプリの設定画面が表示されます。
   アプリに変更を適用します。
   「アプリを更新」ボタンをクリックします。
   
2. 確認ダイアログが表示されるので、「アプリを更新」ボタンをクリックします。
   
3. アプリの更新が始まります。
   完了すると「未納品一覧」画面が表示されます。
   データのリスト表示ではなく、ガントチャート表示がされていればプラグインの設定が正しく反映されています。
   

ガントチャートの動作確認

1. ガントチャートの任意の場所で、マウスを水平にドラッグ&ドロップします。
   
2. タスク入力の為のダイアログが表示されます。
   「工程名」フィールドに任意のタスク名を入力し、「適用」ボタンをクリックします。
   
3. タスクが追加されれば正しく動作しています。
   

おわりに

お疲れ様でした。
ガントチャートプラグインを使って、工程管理や日程管理を共有し、業務改善に役立ててください。