タスクの進捗を見える化する！カンバンビュープラグイン

ドロップダウン選択リストの値でレコード一覧をカンバン形式で列表示するプラグインです。

　kintoneは、日々の業務データを蓄積・管理するのに非常に優れたツールです。しかし、標準機能の「レコード一覧」画面（リスト形式）だけでは、「どのタスクがどのステータスにあり、全体の進捗状況がどうなっているか」を直感的に把握するのが難しいと感じることはありませんか？

　そんな課題を解決するために開発したのが、「カンバンビュープラグイン」です。

　本プラグインを導入すれば、kintoneのレコード一覧を、ドラッグ＆ドロップ操作が可能な「カンバン方式」へと生まれ変わらせることができます。

主な機能と特徴

1. カード型カンバンビューによる視覚的把握：
   ドロップダウンフィールドで定義された「状態」別に列が分かれ、各レコードが「カード」として並びます。これにより、どのプロセスに業務が滞留しているのか（ボトルネック）がひと目で分かります。
2. ドラッグ＆ドロップによる直感操作：
   カードを隣の列にマウスでドラッグ＆ドロップするだけで、kintoneの「状態」フィールドが自動的に更新されます。詳細画面を開く手間が一切なくなり、現場の入力負荷を劇的に軽減します。
3. 進捗と連動する自動集計（リアルタイム再計算）：
   各列の先頭には、その列にあるレコードの「件数」や「合計値（金額など）」が常時表示されます。
   カードを移動させると、移動元と移動先の集計値がその場でリアルタイムに再計算されるため、常に最新の数値を把握できます。

プラグインの機能

本プラグインは、単にカードを並べるだけでなく、kintone上での実務を徹底的にサポートするための高度な機能が凝縮されています。主な特徴は以下の通りです。

• 柔軟な列コントロール（2〜5列）：
  状態フィールドの選択肢の中から、カンバンに表示したいものだけを2〜5個の範囲で自由にピックアップできます。不要なステータスを非表示にして、重要なプロセスだけをスマートに管理可能です。
• 月切替フィルターで絞り込み表示：
  予定日フィールドを設定することで、画面上部に「先月」「今月」「来月」の切り替えボタンが自動生成されます。「今月対応すべきタスク」だけに一瞬で絞り込むことができます。
• 柔軟な集計単位の設定：
  数値の集計単位を「円」だけでなく、「個」「時間」「ｋｇ」など、業務に合わせて自由に変更可能。さらに、画面上部には表示中の全レコードの「全体合計」が太字で分かりやすく表示されます。
• 情報の集約：
  1つのカード内には「タイトル（詳細リンク付き）」「予定日」「集計値」「状態」「メモ」を表示可能。必要な情報をコンパクトに網羅しています。

実行デモ画面（イメージ）

実際の実行画面は、kintoneのカスタマイズビュー内に以下のようなレイアウトで描画されます。

• ドラッグ＆ドロップ対応：カードを隣の列にドラッグ＆ドロップするだけで状態を変更し再集計されます。
• スクロール対応： 縦にスクロールしても、最上部の「件数／合計値」のヘッダー行は固定表示されるため、常に数値を意識しながら作業できます。
• 詳細画面への動線： カードのタイトルをクリックすれば、即座にkintoneのレコード詳細画面へと遷移します。

プラグインの設定方法（設定項目別）

プラグインの設定は、kintoneの「アプリの設定」＞「プラグイン」から本プラグインを選択し、直感的な設定画面で行います。

設定画面の構成と入力項目

設定画面は、迷わず設定できるように各フィールド型に連動した選択式になっています。

1. カンバン表示するカスタマイズビュー【必須】

本プラグインは、カスタマイズ型の一覧表を１つ使用しますので、あらかじめ作成しておいてください。
設定内容は、レコード一覧表の表示形式を「カスタマイズ」にするだけです。
HTMLの入力欄は「空白」のままで何も記入する必要はありません。

• 設定内容： あらかじめアプリ側で作っておいた「カスタマイズビュー」をドロップダウンから選択します。
• ポイント： ここで指定したビューを開いた時だけ、kintoneの画面が自動でカンバン形式に切り替わります。

2. 状態 フィールド（列キー）【必須】

• 設定内容： カンバンビューの列として使用する「ドロップダウン型」のフィールドを選択します。
• 選択肢の表示： フィールドを選択すると、その下（薄黄色のテーブル）に選択肢が展開します。
• 注意点： チェックボックスを使い、表示する列を「2〜5個」の範囲に絞り込んでください。1個や6個以上を選択すると保存時にエラーとなります。並び順はkintoneのドロップダウン定義の順番（index昇順）がそのまま適用されます。

以下の設定高j木は、カンバンビューに表示されるカードの項目を指定します。

① タイトル フィールド【必須】

• 設定内容： カードの一番上に大きく表示されるタイトルとなるフィールドを選択します。
• 選択可能型： 文字列（1行）、リンク、ラジオボタン、ドロップダウン、数値、計算、レコード番号など、柔軟に対応しています。タイトルをクリックするとレコード詳細画面を表示します。

② 予定日 フィールド【任意】

• 設定内容： 月ごとの絞り込みを行いたい場合、日付型または日時型フィールドを指定します。
• 「—指定しない—」の場合： 日付による絞り込みを一切行わず、すべてのレコードをカンバンに表示します。この場合、ヘッダーの「先月・今月・来月」ボタンや月ラベルは非表示になり、すっきりした画面になります。

③ 集計フィールド ＋ 表示単位【任意】

• 設定内容： 数値型や計算フィールドから、集計対象を選びます。右側の入力欄には、数値の末尾につける単位（例：円、個、kgなど）を4文字以内で入力します（初期値は「円」）。
• 選択肢による挙動の違い：
  • ---指定しない---：数値の集計や表示を一切行いません。
  • ---レコード数---：各列の先頭に「12件」のように件数のみを表示します。
  • 実フィールドを選択：カード内には「金額：50,000円」、列先頭には「12件 / 600,000円」、そして月切替欄の右側（予定日未指定の場合はその位置）に「合計：600,000円」と太字で表示されます。

④ メモ フィールド（fieldMemo）【任意】

• 設定内容： カード内に補足情報を表示したい場合、文字列（複数行）または文字列（1行）フィールドを指定します。業務の補足、伝達事項、直近のアクションなどを表示するのに最適です。

デバッグ設定（debugLog）

• 設定内容： 「コンソールにデバッグログを出力する」のチェックボックスです。
• 運用時のコツ： 導入時の動作確認や、思った通りに動かない時のトラブルシューティングに役立ちます。通常運用が始まったらオフにしておくことで、ブラウザの処理パフォーマンスを最適に保てます。

必要なアプリ構成（フィールド型の目安まとめ）

プラグインを設定する前に、kintoneアプリ側で以下のフィールドが正しく配置されているか確認してください。

設定項目	必要なフィールド型	必須／任意	役割・備考
状態	ドロップダウン型	必須	カンバンの「列」になる（2〜5個に設定）
タイトル	文字列、レコード番号など	必須	カードのタイトル。クリックで詳細画面へ
予定日	日付型 または 日時型	任意	月別（先月/今月/来月）の絞り込み用
集計	数値型 または 計算型	任意	列ごと、および全体の自動集計用（単位指定可）
メモ	文字列（1行/複数行）	任意	カード内に表示する補足テキスト

まとめ

kintoneのカスタマイズビューを強力に拡張する「状態別カンバンビュープラグイン」は、単なる見た目の変更に留まらず、現場のオペレーションと意思決定のスピードを加速させる画期的なツールです。

本プラグインの特徴のおさらい

• 直感性： ドラッグ＆ドロップでkintoneのレコードがサクサク更新できる。
• 視覚性： 2〜5列の最適な列幅で、業務のボトルネックが一発でわかる。
• リアルタイム集計： スクロールしても追従するヘッダーで、件数や「円」「個」「Kg」といった任意の単位での合計値を常に意識できる。
• スマートな絞り込み： 「先月・今月・来月」ボタンで、不要なデータに惑わされず直近のタスクに集中できる。

　プロジェクトやタスクの管理で、リスト形式の一覧に限界を感じている方は、ぜひこのプラグインを導入してみてください。営業、製造、総務、人事、開発など、あらゆる現場の「情報共有」と「データ入力」のあり方が、驚くほどシンプルで洗練されたものに変わるはずです。

---

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

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

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

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

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

リリースノート

【名称】カンバンビュープラグイン

【概要】ドロップダウン選択リストの値でレコード一覧をカンバン形式で列表示するプラグインです。

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

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

以下の記事は、文字列複数行の文字数を制限するカスタマイズ事例の紹介記事です。

Kintoneで1文字や部分一致検索を実現する！

Kintoneのレコード一覧画面からの検索で「全角1文字」や「半角英数字の部分一致」で検索ができなくて困ってませんか？kintoneの標準機能の検索には、全角は2文字以上、半角英数字は区切り記号の単位でしか検索できないという制限があります。Kintoneのカスタムビュー機能とJavaScript＋外部ライブラリVue.jsを使って、ブラウザの様なキーワード検索を実装するカスタマイズ事例をご紹介します。これで、「全角1文字」や「半角英数の部分一致」もスムーズに検索できるようになります！

dejitora.jp

2024.09.02

---

#kintone #plugin #カンバン表示 #カンバンビュー