ブログ

もくじ

1. 完成イメージ

kintone のサブテーブルを活用して、一汁三菜の献立を登録できるアプリを作成しました。入力できる料理は最大6品までに制限し、さらにカロリー合計が900kcalを超えた場合には自動で赤く警告表示されるようになっています。テーブル拡張プラグインとテーブル集計プラグインを組み合わせることで、直感的でシンプルな入力UXを実現しています。編集画面で、合計値が一定の数値を超えると以下のように赤くなります。また、6レコード追加した状態のため、行の追加のためのプラスボタンが出てこなくなります。

次に、入力後のイメージをご覧ください。

2. アプリのフィールド定義

このアプリでは、kintoneのサブテーブルを使って一汁三菜の献立を記録します。合計カロリーが900kcalを超えると警告を表示します。ただし、保存ボタン自体は押すことができます。

カロリーの合計はテーブル集計プラグインによって自動的に生成されます。

3. テーブル拡張プラグインの設定

3.1 プラグインの役割（行数制限）

ユーザーが入力できる献立の品数（行数）を最大6行に制限することで、視認性や操作性を保ちます。

3.2 プラグインの設定方法

• 対象テーブルの指定
• 最大行数「6」の設定

対象のテーブルのテーブル名・フィールドコードの「設定」から行数制限をセットします。
今回は6品を上限とするため、6とセットします。

4. テーブル集計プラグインの設定

4.1 プラグインの役割（カロリーの合計と色分け）

ユーザーが入力したカロリーの数値を自動的に計算し、ユーザーにアクションを促します。

4.2 プラグインの設定方法

対象のテーブル名、フィールドコードを確認し、「合計」にチェックを入れ、「設定」ボタンをクリックします。

設定画面で、書式変更集計の項目に「カロリー」フィールドと「合計」を指定。演算子として 「>」を指定。値を900を指定。スタイルとして背景色の設定として赤色を指定。

サブテーブル内の「カロリー」列を合計し、合計が900kcalを超えた場合に赤色で警告表示します。

これまでの手順を実施いただくことで、入力値の合計表示と書式、行追加ボタンの制御ができるようになります。

説明は以上となります。