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

はじめに

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

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

アプリの作成

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

注意

アプリストアからアプリを追加するには、アプリ作成権限が必要です。

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

チュートリアル

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

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

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

注意

プラグインの追加、タスクボードの設定、アプリの更新には、アプリの管理権限が必要です。

タスクボードを設定する

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

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

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

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

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

アプリを更新する

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

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

タスクボードの動作確認

注意

タスクの追加・移動は、操作するユーザーの権限でkintoneのレコードを追加・更新します。
レコードの追加・編集の権限がない場合は、kintoneのエラーメッセージが表示され、変更は保存されません。

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

おわりに

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