← ブログ一覧へ

関連レコード

kintoneで関連レコードを詳細画面に一覧表示する

「取引先の詳細画面で、その会社に紐づく案件をまとめて見たい」「案件を開いたら、対応履歴が一覧で並んでいてほしい」。複数アプリでデータを分けて管理していると、関連する情報を 1 つの画面で見渡したくなります。この記事では、kintone で関連レコードを詳細画面に一覧表示する考え方と整え方を解説します。

関連レコード一覧とは

kintone には「関連レコード一覧」という、あるレコードに紐づく別アプリ（または同じアプリ）のレコードを、詳細画面の中に表として差し込む仕組みがあります。たとえば「取引先アプリ」の詳細画面に、その取引先名をキーにして「案件アプリ」のレコードを一覧表示する、といった使い方です。

ポイントは、2 つのアプリをつなぐ「共通のキー」を決めること。取引先名・取引先コードなど、両方のアプリに存在し、同じ値で一致する項目を条件にします。

表示する内容を設計する

関連レコード一覧は、何でも全部出すより、必要な列だけに絞るほうが見やすくなります。設定の前に、次の点を整理しておくとスムーズです。

• つなぐキー: どのフィールドで一致させるか（例: 取引先コード）
• 表示する列: 案件名・金額・ステータス・担当者など、その画面で見たい項目
• 絞り込み・並び順: 「進行中だけ」「日付の新しい順」など

見やすく整えるコツとプラグイン

標準の関連レコード一覧でも基本的な表示はできますが、件数が増えると「列幅が窮屈」「もっと表らしく整えて見せたい」と感じることがあります。表示を整える用途には、関連レコードをより見やすい表として描画するプラグインが役立ちます。

関連テーブルビュー（related-table-view）は、詳細画面に差し込む関連レコードを、整った一覧表として表示する用途に向いたプラグインです。まずは標準の関連レコード一覧で「どのキーで・どの列を出すか」を固めてから、表示の見やすさを整える流れがおすすめです。表計算的に値を直接書き換えたい場合は、グリッドエディタのような編集系プラグインと役割を分けて考えると整理しやすくなります。