若您正在 kintone 中進行任務管理或工作流程管理,標準的清單有時難以掌握狀態的全貌。
想從清單中看出「進行中的任務有幾件」「誰負責哪些任務」,就必須一列一列確認記錄。
使用本外掛,即可將 kintone 的記錄以看板形式顯示,依狀態以視覺方式管理卡片。
您可以透過拖放變更狀態,卡片的新增、編輯與刪除也都能直接在看板上完成。
原始碼全部公開於 GitHub,可免費使用。
外掛提供的功能
看板顯示
在 kintone 的自訂檢視上顯示看板。系統會依據下拉式選單或單選按鈕等選項欄位的值,自動產生各狀態的欄位(直行)。
每張卡片會顯示標題、負責人頭像、說明文字與額外欄位等資訊,讓您在看板上掌握記錄的全貌。
拖放操作
只要拖曳卡片並放到其他欄位,狀態欄位的值就會自動更新。
本外掛採用樂觀 UI 更新,畫面顯示無須等待 API 回應即可立即反映,操作起來毫無壓力。
右鍵選單
在卡片上按右鍵,即會顯示快捷選單。
- 顯示記錄:在新分頁開啟記錄的詳細畫面
- 編輯記錄:在看板上顯示行內編輯對話框,可直接編輯記錄
- 複製記錄:複製卡片的內容並建立新記錄
- 變更狀態:從子選單選擇其他狀態即可立即變更
- 刪除記錄:經過確認對話框後刪除記錄
新增卡片
您可以從工具列的「新增卡片」按鈕,或各欄位下方的「+ 新增卡片」按鈕新增卡片。
若是從欄位新增,該欄位的狀態會自動設定為初始值。
行內編輯
選擇右鍵選單中的「編輯記錄」後,kintone 的記錄編輯畫面會以 iframe 形式顯示於對話框中。
您不必離開看板即可編輯記錄,編輯完成後卡片的內容也會自動更新為最新狀態。
卡片搜尋
您可以從工具列的搜尋欄位,針對卡片的標題、負責人姓名與說明文字進行模糊搜尋。
由於只會顯示符合輸入字串的卡片,您能從大量卡片中迅速找到目標任務。
WIP 限制
設定 WIP(Work In Progress)限制後,即可控制單一欄位可顯示的卡片數量上限。
超過上限的欄位會顯示警告訊息,協助您及早發現瓶頸。這是最適合敏捷開發與看板式任務管理的功能。
欄位色彩設定
您可以為各狀態的欄位標題設定任意顏色。即使不設定顏色,系統也會依據狀態值自動從色盤中分配顏色。
設定顏色後,狀態在視覺上更容易辨識,整個看板也會更加一目瞭然。
2 層欄位顯示
指定群組化欄位後,即可將欄位以 2 層方式顯示。
例如以團隊(群組)× 狀態的組合來配置卡片,即可將更複雜的工作流程視覺化。
群組標題下方會顯示各狀態的子欄位,也支援群組之間的拖放操作。
卡片的排序
指定數值欄位後,即可控制各欄位內卡片的顯示順序。
若未設定,則會依記錄 ID 的順序顯示。
卡片額外顯示欄位
除了標題、負責人與說明文字之外,您還能在卡片上額外顯示任意欄位。
額外欄位會以「欄位標籤與值」的配對形式顯示,讓您在卡片上完整確認所需的資訊。
適合使用本外掛的情境
敏捷開發的任務管理
以看板運作衝刺待辦清單與任務管理。設定 WIP 限制即可將流程效率最大化。
業務管線管理
以看板管理商談的狀態(初次接觸 → 提案中 → 提交報價 → 成交 → 失單)。透過拖放即可更新商談的進行狀況。
工作流程與簽核管理
將申請 → 確認中 → 已核准 → 退回等簽核流程的狀態以看板視覺化,一眼掌握整體進度。
跨團隊的任務管理
運用 2 層欄位顯示,以團隊 × 狀態的雙軸管理任務,綜觀跨多個團隊之專案的全貌。
設定步驟
1. 建立外掛專用的自訂檢視
本外掛使用 1 個自訂檢視。
請從應用程式的設定畫面 →「清單」新增一個清單,並進行以下設定。
| 清單名稱 | 請設定任意名稱 |
| 記錄清單的顯示形式 | 請務必選擇「自訂」 |
| 顯示分頁 | 請取消勾選 |
| 篩選 | 初次顯示記錄的條件(選填) |
完成以上設定後,請先更新一次應用程式。外掛只能參照已更新的清單。
2. 外掛的設定
開啟外掛的設定畫面,並設定以下項目。
選擇要顯示的清單(必填)
選擇要顯示看板的自訂檢視。請選擇步驟 1 所建立的自訂檢視。
卡片的基本資訊(必填)
| 項目 | 說明 |
|---|---|
| 卡片名稱欄位 | 選擇要顯示為卡片標題的欄位。可使用單行文字或多行文字欄位。 |
| 狀態欄位 | 選擇用於欄位分類的欄位。可使用下拉式選單、單選按鈕或單行文字欄位。 |
欄位(直行)的設定
您可以為狀態欄位的每個值設定欄位標題的顏色。請勾選「啟用欄位色彩區分」,並指定狀態值與顏色。
額外的顯示項目(選填)
| 項目 | 說明 |
|---|---|
| 負責人欄位 | 在卡片上顯示負責人的標記。可使用使用者選擇欄位。 |
| 說明文字欄位 | 在卡片上顯示說明文字。可使用單行文字、多行文字或富文字編輯器欄位。 |
卡片的額外顯示欄位
選擇要在卡片上額外顯示的欄位。您可以透過「+ 新增欄位」按鈕加入多個欄位。
WIP 限制的設定
設定單一欄位可顯示的卡片數量上限。0 代表不限制。
卡片的排序
選擇用來決定各欄位內卡片顯示順序的數值欄位。若未設定,則會依記錄 ID 的順序顯示。
欄位的 2 層設定
選擇用來將欄位群組化的欄位。設定後,群組標題下方會顯示各狀態的子欄位。若未設定,則為一般的單層顯示。
技術上的特色
樂觀 UI 更新
在拖放或變更狀態等操作中,本外掛採用「樂觀更新(Optimistic Update)」模式,無須等待 API 回應即可在用戶端立即更新 UI。
如此一來,即可實現讓人感受不到網路延遲的流暢操作體驗。
分階段載入記錄
看板初次顯示時,記錄會分階段載入。由於取得的記錄會依序顯示為卡片,您不必等待所有記錄載入完成就能開始操作看板。
模糊搜尋
搜尋欄位搭載了自有的模糊搜尋引擎。不僅支援完全比對,也能因應輸入錯誤或部分字串,提供彈性的搜尋體驗。
本外掛採用一次將記錄取得至用戶端並進行快取的機制。
在記錄筆數非常龐大的應用程式(數萬筆以上)中,初次載入可能會耗費較長時間。
若記錄筆數眾多,建議您事先設定清單的篩選條件,縮小顯示對象的記錄筆數。
支援的語言
| 語言 | 支援狀況 |
|---|---|
| 日文 | ✅ |
| 英文 | ✅ |
| 中文(簡體) | ✅ |
| 中文(繁體) | ✅ |
| 西班牙文 | ✅ |
| 葡萄牙文 | ✅ |
| 泰文 | ✅ |
聯絡我們
若您發現外掛的問題,或有新增功能的需求,歡迎透過畫面上方的導覽列與我們聯繫。
外掛的原始碼
本外掛為開源專案。 原始碼公開於 GitHub,任何人都能自由查閱。
若您對詳細的實作內容或架構有興趣,請透過本頁上方的「查看原始碼」按鈕前往儲存庫。
常見問題
-
可以使用流程管理的狀態欄位嗎?
在目前的版本中,可用於欄位分類的有下拉式選單、單選按鈕與單行文字欄位。本外掛並未直接支援 kintone 的流程管理狀態欄位,但您可以改用下拉式選單等欄位來替代管理。
-
卡片上顯示的資訊可以自訂嗎?
可以。除了卡片的標題、負責人與說明文字之外,您還能將任意欄位設定為額外顯示欄位。由於可加入多個欄位,能將所需資訊彙整顯示在卡片上。
-
記錄筆數眾多的應用程式也可以使用嗎?
本外掛在顯示清單時會一次取得記錄並於用戶端快取。數千筆左右可正常運作,但若有數萬筆以上的記錄,建議您事先設定清單的篩選條件以縮小顯示對象。
-
來賓空間的應用程式也可以使用嗎?
可以。本外掛也支援來賓空間的應用程式。
發布紀錄
修正行動版中卡片會與其他元件重疊顯示的問題
看板外掛首次發布
透過拖放變更狀態
卡片的新增、編輯、刪除與複製
欄位色彩設定
WIP 限制功能
2 層欄位顯示
多國語言支援(日文、英文等)