タスクボードプラグインについて

kintone上でタスクボードの作成・表示ができるプラグインです。
同じアプリで一覧別に複数のタスクボードを作成することができます。
マニュアルでは、kintoneアプリストアの製品試作・試験管理パック「試作品タスク管理」アプリを使用して、タスクボードを表示するまでのプラグイン設定手順を説明します。

設定方法

1. 事前設定
   事前設定では、タスクボードの設定前にあらかじめ設定が必要な手順を説明します。
   この手順には、kintoneのサンプルアプリのフォーム設定を変更する手順を含みますが、
   kintoneの操作に慣れている方や独自のアプリを作成される方は、1-7の説明のみご確認ください。
   1-7はタスクボードプラグインを利用する上で必要な設定となります。
   1. kintoneアプリストアから製品試作・試験管理パックを追加します。
      kintone ヘルプを参考にアプリを作成してください。
      ※アプリの追加には、アプリ作成権限が必要です。
      アプリ作成後「試作品タスク管理」アプリの設定を開きます。
      
   2. アプリをタスクボードで利用可能な形にカスタマイズします。
      このマニュアルでは、下記点を変更しています。
      • 各担当者フィールド（ユーザー選択）を、文字列一行フィールドで追加
      • 設定コードフィールドと試作コードフィールドを結合したフィールドを、 文字列一行フィールドの自動計算で追加
      • 進捗率（数値）、タスクタイトル（文字列1行）、優先度（ラジオボタン）、非表示設定（チェックボックス）の4つのフィールドをタスク管理テーブルに追加
      • 「ステータス」のラベル名を「子タスクステータス」に変更
      • 「終了日付」のラベル名を「締め切り」に変更
        
   3. カスタマイズが完了したら、「フォームを保存」ボタンをクリックします。
      
   4. 一覧タブを開きます。
      
   5. +ボタンをクリックして一覧を新しく追加します。
      
   6. 一覧名を「試作タスク管理」に変更します。
      
   7. フィールドをドラッグアンドドロップで右側に並べます。
      ここで並べたフィールドのうち、左から5つのフィールドがタスクボードでレコードを選択する際のキーフィールドになります。
      ※レコード選択ダイアログは、テーブルをタスクとする場合のみ表示されます。
      レコードを識別可能なフィールドを左から順に並べてください。
      
   8. 左上の「保存」ボタンをクリックします。
      
   9. 「アプリを更新」ボタンをクリックして、「アプリを更新」ボタンをクリックしたら完了です。
      
      
2. プラグイン設定画面を開く
   1. アプリの管理者権限を持つユーザーで設定を開きます。
      
   2. 設定タブを開きます。
      
   3. カスタマイズ／サービス連携メニューの「プラグイン」をクリックします。
      
3. アプリにプラグインを追加する
   1. 左上の「プラグインの追加」ボタンをクリックします。
      
   2. 現在 kintone 上に取り込まれているプラグイン一覧が表示されます。
      プラグイン一覧から、タスクボードプラグインを選択(チェック)します。
      

      注意

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

      
   3. 右下の「追加」ボタンをクリックします。
      
   4. 追加したプラグイン一覧に タスクボードプラグインが表示されていたら、完了です。
      
4. プラグインの設定を行う
   1. 歯車アイコンから設定画面を開きます。
      
   2. 新しくタスクボードを設定する
      1. 「新しい設定」ボタンをクリックして、タスクボードの設定を作成します。
         
      2. 「設定内容を編集してください」をクリックして設定を開きます。
         事前準備で作成した一覧（View）を選択してください。
         
   3. 基本設定を行う
      1. タスクを管理する粒度を選択してください。
         「レコード」を選択した場合は、レコードごとにタスクが作成でき、
         「テーブル」を選択した場合は、テーブルの行ごとにタスクを作成できます。
         マニュアルでは、テーブルの行をタスクとするため「テーブル」を選択します。
         
      2. 「テーブル」を選択した場合のみ設定が必要な項目です。
         タスクを管理するテーブルを選択してください。
         以降のタスクに関する設定は、ここで選択したテーブルに属するフィールドを選択してください。
         
      3. リストにするフィールドを選択してください。
         ラジオボタン、ドロップダウン、ユーザー/グループ/組織 選択、ルックアップフィールドタイプから選択できます。
         
      4. 「テーブル」を選択した場合のみ設定が必要な項目です。
         テーブル外のフィールドから、グループのタイトルにするフィールドを選択してください。
         グループタイトルは、レコードを識別するタイトルになります。
         レコード間で一意（重複のない値）になるフィールドを設定することで識別しやすくなります。
         
      5. 「テーブル」を選択した場合のみ設定が必要な項目です。
         テーブル外のフィールドから、グループの詳細を入力するフィールドを選択してください。
         グループ枠から内容確認・入力ができるため、コメントやメモを登録する際にご利用いただけます。
         
      6. スイムレーンを設定する場合に必要な項目です。
         スイムレーンは、リスト表示に加え、タスクをカテゴリーやチーム、プロセスの段階に基づいて分けることができる機能です。
         スイムレーンにするフィールドを選択してください。 ラジオボタン、ドロップダウン、ユーザー/グループ/組織 選択、ルックアップフィールドタイプから選択できます。
         
      7. タスクのタイトルにするフィールドを選択してください。
         
      8. 任意の設定項目です。
         タスクの期限にするフィールドを選択してください。
         この設定を行うことで、日付範囲でのタスクの絞り込みが可能になります。
         また、タスクの詳細にカレンダーアイコンと一緒に期限も表示されます。
         
      9. 任意の設定項目です。
         タスクの担当者にするフィールドを選択してください。
         ここはユーザー選択フィールドを選択可能です。
         この設定を行うことで、ログインユーザーのタスクの絞り込みが可能になります。
         また、タスクの詳細に人アイコンと一緒に担当者名も表示されます。
         
      10. 任意の設定項目です。
          タスクの並び順を保存するフィールドを選択してください。
          この設定を行うことで、ドラッグアンドドロップでのタスクのソートが可能になります。
          並び順はフィールドで管理されるため、タスクの優先度等はチームで共有可能です。
          
      11. 任意の設定項目です。
          タスクの非表示を設定するフィールドを選択してください。
          この設定を行うことで、タスクの非表示機能が利用可能になります。
          チェックボックスフィールドタイプから選択できます。
          画像のようなフォームの最初の選択値のチェックの有無で非表示かどうかを判断します。
          
      12. 任意の設定項目です。
          ダイアログで追加編集したいフィールド、タスクの詳細として表示したいフィールドを設定します。
          ※タスクタイトル、期限は、ここで追加しなくてもダイアログに編集/表示できます。
          1. 「表示/編集フィールド追加」ボタンをクリックしてフィールドを追加します。
          2. タスクカードに表示するアイコンを追加します。未選択ですとアイコンを表示しません。
          3. 追加するフィールドを選択してください。
             
          4. タスクカード上に表示する場合は「表示」に☑をしてください。
             また、ダイアログ上で編集場合は「編集」に☑をしてください。
             
          5. 編集するフィールドは、編集フォームの幅を指定してください。
             複数行で入力する項目は、「100%」を指定すると編集しやすくなります。
             
      13. カードにフィールドラベルを表示するかどうかを選択してください。
          
   4. サブタスクを設定する
      この手順では、タスクに対してさらに細かい粒度のサブタスクを管理するための設定を行います。
      この設定によって、タスク上にチェックリスト式にサブタスクを管理したり、ダイアログでサブタスクを作成したりすることができるようになります。
      サブタスクはテーブルで管理します。
      あらかじめサブタスクのタイトル、ステータスを保存するテーブル（下記イメージ）を用意してください。
      
      1. サブタスクを管理する場合は「設定を有効にする」にチェックしてください。
         

         注意

         サブタスク設定は、タスクを管理する粒度が「レコード」の場合のみご利用いただけます。
         

         
      2. サブタスクを管理するテーブルを選択してください。
         以降のタスクに関する設定は、ここで選択したテーブルに属するフィールドを選択してください。
         
      3. サブタスクのタイトルにするフィールドを選択してください。
         
      4. サブタスクのステータス（未完了or完了）を設定するフィールドを選択してください。
         チェックボックスフィールドタイプから選択できます。
         フォームの最初の選択値のチェックの有無で完了かどうかを判断します。
         
   5. 表示レイアウトを設定する
      この手順では、タスクボードの高さや幅といったレイアウトを変更するための設定を行います。
      設定によって、タスクボードの幅を画面幅で調整したり、タイトルのフォントサイズを変更したりすることができます。
      1. タスクボードの列の高さを指定して下さい。
         画面の何パーセントを高さとするかで指定できます。
         100%（デフォルト値）にすることで、スクロールせず表示できる最大の高さになります。
         ご利用端末の画面幅に合わせて縮小/拡大します。
         
      2. リストの幅を指定してください。 画面の何パーセントを幅とするか、もしくはpx指定が可能です。
         100/リスト数(%)とすることで、スクロールせず表示できる均等幅になります。
         %指定の場合は、ご利用端末の画面幅に合わせて縮小/拡大します。
         
      3. グループとスイムレーンの高さを設定します。
         「グループ/スイムレーン高さを画面の高さに固定する」にチェックをすると、各高さを自動で画面の高さから均等に調整します。
         
      4. グループの高さを指定して下さい。px単位で高さを指定できます。
         
      5. スイムレーンの高さを指定して下さい。px単位で高さを指定できます。
         ※グループとスイムレーンの両方を設定する場合は、設定は無効となり、グループの高さから均等に高さを調整します。
         
      6. 各カテゴリ（リスト/グループ）のフォントサイズを指定して下さい。
         ご利用のブラウザによって最小フォントサイズの制限がございます。
         最小フォントサイズよりも小さい値を指定しても反映されませんのでご注意ください。
         
      7. スイムレーンのフォントサイズを指定して下さい。
         ご利用のブラウザによって最小フォントサイズの制限がございます。
         最小フォントサイズよりも小さい値を指定しても反映されませんのでご注意ください。
         
      8. 同様にタスクタイトルのフォントサイズ、タスク詳細のフォントサイズを指定して下さい。
         カテゴリのフォントサイズと同様、ご利用のブラウザによって最小フォントサイズの制限がございます。
         
      9. タスクカードのデザインを指定して下さい。
         カードが浮いたようなデザインにする場合は、「立体的で影のあるデザイン」を選択してください。
         
   6. リスト、グループ、スイムレーンの色設定を行う
      この手順では、リストやグループ、スイムレーンの色を変更するための設定を行います。
      ステータス別にリスト色を設定したり、枠の色を初期色から変更したりすることができます。
      1. リストの初期色を設定します。
         「背景色」ボタンをクリックして背景色を指定します。文字色も同様に設定します。
         「初期値に戻す」ボタンで、初期色に戻すことが可能です。
         
      2. リスト別に色を指定します。
         「色設定追加」ボタンをクリックして、変更するリストと変更後の背景色、文字色を選択してください。
         
      3. グループの初期色を設定します。
         「背景色」ボタンをクリックして背景色を指定します。文字色も同様に設定します。
         「初期値に戻す」ボタンで、初期色に戻すことが可能です。
         
      4. スイムレーンの初期色を設定します。
         「背景色」ボタンをクリックして背景色を指定します。文字色も同様に設定します。
         「初期値に戻す」ボタンで、初期色に戻すことが可能です。
         
      5. スイムレーン別に色を指定します。
         「色設定追加」ボタンをクリックして、変更するリストと変更後の背景色、文字色を選択してください。
         
   7. タスクの条件色設定を行う
      この手順では、条件によってタスクの色を変更するための設定を行います。
      タスクボード上で条件に合致した場合に文字色、背景色を変更します。
      条件色は、上位の項目が優先されます。
      1. 「色設定追加」ボタンをクリックします。
         
      2. 「背景色」ボタンをクリックして背景色を指定します。文字色も同様に設定します。
         
      3. 「条件変更」ボタンをクリックします。
         
      4. 下記画面になるので、「条件追加」ボタンをクリックして条件を追加してください。
         
      5. フィールドを選択して条件も入力、もしくは選択してください。
         
      6. 条件を複数入力する場合は、すべての条件(AND 条件)を満たす場合か、いずれかの条件 (OR 条件)を満たす場合かを選択してください。
         
      7. 「適用」ボタンをクリックして、条件を設定に適応してください。
         
   8. リストの折りたたみ・非表示を行う
      この手順では、リストやグループ、タスクを折りたたんで表示したり、非表示にしたりするための設定を行います。
      折りたたみ・非表示を設定することで、不要な情報を縮小して必要な情報を見やすくすることができます。
      1. タスクボード表示時に折りたたまれた状態にするリストを設定します。
         「折りたたみリスト追加」ボタンをクリックします。
         リストを折りたたむ場合は、「折りたたむ」、非表示にする場合は「非表示」を選択してください。
         ※テーブルをご利用時は折りたたみができません。
         
      2. 「テーブル」を選択した場合のみ設定が必要な項目です。
         タスクボード表示時に折りたたまれた状態にするグループを設定します。
         図のようなチェックボックスフィールドをあらかじめ作成し、フィールド選択することで
         グループ別に折りたたみの設定が可能です。
         
      3. タスクボード表示時に折りたたまれた状態にするスイムレーンを設定します。
         「折りたたみレーン追加」ボタンをクリックします。
         リストを折りたたむ場合は、「折りたたむ」、非表示にする場合は「非表示」を選択してください。
         
      4. タスクボード表示時にタスク詳細を折りたたまれた状態にするタスクを設定します。
         図のようなチェックボックスフィールドをあらかじめ作成し、フィールド選択することで
         タスク別に折りたたみの設定が可能です。
         
   9. ステータス変更時に自動で入力する項目を指定する
      この手順では、ステータス変更時に「進捗率」フィールドに自動で進捗率を補完する設定を行います。
      ドラッグアンドドロップのステータス変更に伴い、変更が発生する項目に設定した固定値を入力補完します。
      1. 「フィールド追加」ボタンをクリックします。
         
      2. 自動入力フィールドを選択してください。
         基本設定で選択したレコードまたはテーブルのフィールドから選択することができます。
         ※タスク選択ダイアログで入力を指定しているフィールドは選択できません。
         
      3. 変更後のステータスを選択します。
         
         
      4. ステータスを変更した後、自動入力フィールドに入力する値を入力/選択します。
         日付、日時フィールドの場合は、「変更日」「変更日時」を選択することでステータス変更日時を入力することが可能です。
         
      5. 他のステータスでも補完入力する場合は「ステータス追加」ボタンをクリックして、3,4の手順を行ってください。
         
5. プラグインの設定を保存する(必須)
   1. 画面下部にある「設定を保存」ボタンをクリックします。
      
   2. 画面左下に画像のような緑のバーが出たら、保存完了です。
      
   3. 緑のバーの一番右にある「アプリの設定に戻る」をクリックします。
      
      
   4. 「アプリを更新」ボタンをクリックして、「アプリを更新」ボタンをクリックしたら完了です。
      
      
6. プラグインの設定を他のアプリで使用する
   1. 画面下部にある「設定をダウンロード」ボタンをクリックします。
      
   2. ダウンロードが実行されるとブラウザ上部に赤枠のようなダウンロードボックスが表示されます。
      
   3. 設定移行先のアプリに移動します。設定の移行先アプリのプラグイン設定で「設定をアップロード」ボタンをクリックして、先程ダウンロードしたファイルを選択します。
      
   4. 設定が追加されていれば完了です。
      

対応フィールド

下記は、タスクボードに対応・非対応のフィールド一覧です。
タスクはレコードもしくはテーブルのフィールドから作成できます。

*1 自動計算に対応しています。
タスクに表示する項目は内容の更新ととともに画面上に反映しますが、グループタイトルはリロードをかけないと反映されません。
*2 ルックアップのコピーフィールドのみに対応しています。タスクの追加・ステータス変更は行われません。

注意事項

• 新たにアプリにフィールドを追加した際は、一度アプリの保存を行ってください。
  プラグイン設定で選択するフィールドは、アプリの保存後に反映されます。
• モバイルに対応しています。
• ゲストスペースに対応しています。