タスクボードプラグインチュートリアル | タスクボードプラグインマニュアル

はじめに

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

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

アプリの作成

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

ポータル画面上部のオプションアイコンをクリックします。
表示されるメニューから「アプリを作成」をクリックします。アプリストアが開きます。
左上の検索ボックスで「To Do」と入力します（半角スペースが入っています）。
「To Do」というアプリが出たら［このアプリを追加］をクリックします。
［追加］をクリックします。
「アプリが追加されました！」という吹き出しが出たらアプリの作成ができています。
追加した「To Do」アプリをクリックして開きます。
「To Do」アプリを開くことができれば、事前準備は完了です。

チュートリアル

ここまでで追加した「To Do」アプリにタスクボードプラグインを設定し、タスクがカンバン形式で見えるようになるまでの手順を説明します。

To Do アプリへプラグインを追加する

手順は「事前準備」のアプリにプラグインを追加すると同じです。「To Do」アプリに対して同様の操作を行ってください。

タスクボードを設定する

kinveniタスクボードは、下記図のような構造となっています。タスクは、レコードもしくはテーブルの行で作成することができます。
テーブルの行で作成する場合は、レコードごとに複数のタスクを管理するグループ枠が表示されます。

kintoneのレコードとタスクボードの関係の参考イメージ（レコード） — 【参考】kintoneのレコードとタスクボード（レコード）の関係

kintoneのレコードとタスクボードの関係の参考イメージ（テーブル） — 【参考】kintoneのレコードとタスクボード（テーブル）の関係

ここでは、タスクボード上で表示するタスクと kintone アプリのフィールドの紐づけを行います。

設定画面を開くと、まだこのガイドを閉じたことがなければ「セットアップガイド」が自動的に表示されます。
右上の×ボタンをクリックしてガイドを閉じてください。
左上の「一覧を選択」から、タスクボードを表示したい一覧を選択します。
ここでは「すべてのToDo」を選択します。
サイドメニューから「ボード構成設定」タブを選択します。
タスクをレコードで作成するか、テーブルの行で作成するかを選択します。
テーブルの行でタスクを作成する場合は、一つのレコードに対して複数のタスクを管理することができます。
今回は「レコード」で一つのタスクを作成するため、「レコード」を選択します。
「レーンフィールド選択」を設定します。ここでは、タスクボードの列を構成するフィールドを設定します。
ラジオボタンやドロップダウンフィールドの選択肢を列とすることが可能です。今回は「優先度」フィールドを設定します。
サイドメニューから「タスクカード設定」タブを選択します。
「タスクタイトルフィールド選択」を設定します。ここでは、タスクカードに表示するタイトルのフィールドを設定します。今回は「ToDo名」フィールドを設定します。
「タスク期限フィールド選択」を設定します。今回は「締切日」フィールドを設定します。
設定は任意ですが、この設定を行うことで期限でのタスク絞り込みフィルターを利用することができます。
「タスク担当者フィールド選択」を設定します。設定は任意ですが、この設定を行うことでログインユーザーでのタスク絞り込みフィルターを利用することができます。
「表示/編集フィールド追加」ボタンをクリックします。ここでは、上記で設定したフィールド以外に入力したい項目やカードに表示したい項目を追加することができます。
「表示/編集フィールド選択」で「詳細内容」フィールドを設定し、アイコンは備考入力アイコンを設定します。
「編集フォーム幅（比率）」は、長文を入力するため100%幅を設定します。
左上の「タスクボードを有効にする」スイッチをオンにします。
このスイッチがオフのままだと、設定を保存してもこの一覧にタスクボードは表示されません。
これで今回の設定がすべて完了しました。画面下部の「保存」ボタンをクリックしてください。

アプリを更新する

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

アプリの設定画面が表示されます。
アプリに変更を適用します。
［アプリを更新］ボタンをクリックします。
確認ダイアログが表示されるので、［アプリを更新］ボタンをクリックします。
アプリの更新が始まります。
完了すると「すべてのToDo」画面が表示されます。
データのリスト表示ではなく、タスクボード表示がされていればプラグインの設定が正しく反映されています。

タスクボードの動作確認

「A」レーンの右上の＋ボタンを押下します。ここで新規のタスクを作成することができます。
タスク入力ダイアログが表示されます。
各項目に入力を行います。
「優先度」は「A」レーン上でタスクを追加したため、「A」が入力フォームに自動でセットされます。
また、「締切日」はkintoneフィールド設定でデフォルト値が設定されているため、作成日付が入力フォームに自動でセットされます。
入力が完了したら、ダイアログ下部の［追加］ボタンをクリックします。
タスクが追加されれば正しく動作しています。
タスクをマウスまたはタッチでドラッグすることで、簡単に優先度を変更することが可能です。

おわりに

お疲れ様でした。
タスクボードプラグインを使って、タスクの進捗状況や負荷状況をチームで共有し、業務改善に役立ててください。