#kintone100日チャレンジ Day090：一覧編集をプロセス管理の入力UIに！「一覧ステータス変更」を組んでみた

面倒解決エンジニアの森田ユウゴです。

台湾からお届けする「#kintone100日チャレンジ」の90日目。

「CODEXのリセット権、7/12までなのでそろそろ使ってみよう！」

そう思い、昨日の夜で週次残量7％程度にして就寝。

朝起きたらChatGPTさんからの強制リセットが入っていた…。(嬉しいです)

しかし、この週次制限に併せて仕事や個人開発をしている自分、なんか悲しい。。。

さて、本日は、案件や申請を一覧で処理する承認者・チームリーダー向けの「一覧ステータス変更」を開発しました！

「一覧ステータス変更」について

🎯 なぜ開発したか？（現場の課題とベネフィット）

現場の「不」: 案件一覧を確認しながらプロセス管理のステータスを更新したくても、通常はレコード詳細を開き、アクションを実行し、一覧へ戻る操作を繰り返す必要がある。レコードごとに変更先や次の作業者が異なる場合、単純な一括承認では対応しにくい。

導入後の世界（ベネフィット）: 一覧の行を編集し、変更先ステータスと作業者を選んで保存するだけでプロセス管理へ反映できる。詳細画面を往復せず、一覧の文脈を保ったままレコードを1件ずつ連続処理できる。

💡 着想・こだわり

今回は「同じ一覧でも、行ごとに変更先や次の作業者が違う」という運用に着目しました。独自のボタンやモーダルを重ねるのではなく、ドロップダウンとユーザー選択という通常フィールドをプロセス管理の入力用ミラーとして使います。利用者はkintone標準の一覧編集と同じ感覚で操作でき、保存後にREST APIで正式なステータスと作業者へ反映します。

今回直面したのが、kintone標準ドロップダウンの制約です。JavaScript APIのイベントオブジェクトでは、レコードごとにドロップダウンの選択肢を削除できません。たとえば「作業中」から「未着手」へ戻るアクションがなくても、同期済みのドロップダウンには「未着手」が残ります。

そこでDOMを直接書き換えて選択肢を隠すのではなく、JavaScript APIで操作できる範囲に収めました。遷移できなければドロップダウンを実際の現在ステータスへ戻し、kintone標準のフィールドエラーを表示します。次に別の候補を選んだ時点で前回のエラーを消し、改めて判定します。

✨ これで出来ること（機能概要）

まずはこちらをご覧ください。

一覧からレコード単位でステータス変更: 変更先ステータスのドロップダウンを選ぶと、現在の状態から対応するプロセス管理アクションを判定する。遷移できない組み合わせは元の値へ自動的に戻してフィールドエラーを表示し、遷移できる場合だけ保存後に正式なステータス変更を実行する。

次の作業者も同じ行で指定: 作業者が1人必要なステータスでは、ユーザー選択フィールドで次の担当者を指定できる。同じステータスのまま作業者だけを変更する操作にも対応する。

導入と運用を設定画面から支援: 専用フィールドの追加、既存一覧をコピーした専用一覧の作成、既存レコードへの現在値反映を設定画面から実行できる。プロセス管理のステータスを変更した後は、ドロップダウン選択肢の同期と既存レコードの再反映も行える。

課題

現時点では下記のような課題が残っています。

PC版の表形式一覧に限定

一覧インライン編集を入力UIにしているため、モバイル画面には対応していない。また、専用一覧の自動作成は表形式の一覧だけが対象となる。

標準ドロップダウンの候補は行ごとに絞り込めない

JavaScript APIのイベントオブジェクトで変更できるのは、フィールドの値・編集可否・エラーなど。標準ドロップダウンの選択肢自体をレコードごとに削除することはできないため、選択後に遷移可否を判定し、無効な値を元へ戻す方式にしている。DOMの直接操作や独自ドロップダウンへの置き換えは採用していない。

反映後に一覧を再読み込みする

インライン編集の保存後にステータス変更APIを実行するため、ステータス表示・作業者・ミラーフィールドを確実に揃える目的でページを再読み込みする。連続処理はできるが、スプレッドシートのような無停止の操作感ではない。

さいごに

#kintone100日チャレンジ として、2026年4月から毎日プラグインをバイブコーディングしています。明日もお楽しみに！

私森田ユウゴはココナラでkintoneに関する各種サービスを出品しております。

SIerの中でもインフラSEとして約10年、特に「運用保守」にはベンダーとして深く携わってきました。

作りっぱなしにしない導入やカスタマイズのご提案が可能です。

お気軽にご相談をくださいませ

→森田ユウゴのプロフィールはこちら👇

https://coconala.com/users/5353693