.ppk署名済みのkintoneプラグイン(.zip)です。kintone「プラグインの追加」から読み込んでください。
概要
kintoneのモバイル一覧画面を、スマートフォンで読みやすいカード型の表示に置き換えるプラグインです。
1レコードを1枚のカードにまとめ、日付・タイトル・担当者・金額・サブテーブルの集計値などを1画面で確認でき、検索バーでの絞り込みや、期限が近いレコードの強調表示にも対応しています。
カードをタップすると kintone 標準の詳細画面が開くので、閲覧も編集もこれまでどおりの操作で行えます。
カードに表示する項目は設定画面のプルダウンから選ぶだけで、右側のプレビューで仕上がりを確認しながら設定できます。
ライセンス認証は不要で、アプリに追加してすぐお使いいただけます。
使い方・設定方法
スマートフォンやタブレットで kintone を開いたときの一覧画面を、カード型の表示に置き換えます。1レコードが1枚のカードになり、必要な項目だけを大きく見やすく並べられます。
できること
- モバイルの一覧画面を、レコード1件=1枚のカードで表示
- カードに載せる項目(日付・タイトル・担当者・金額など)を設定画面から選択
- カードをタップして kintone 標準の詳細画面へ移動(編集もそのまま行えます)
- 検索バーによる絞り込み(対象フィールドは設定で指定)
- 期限日から「本日締切」「あと○日」を自動表示
- ステータスや分類のバッジを値ごとに色分けして表示
- サブテーブルの件数・合計・平均・最小・最大などをカードに表示
- 添付ファイルの件数をアイコンで表示
事前準備
対象アプリに、モバイルで表示するための一覧を1つ用意します。
- アプリの設定画面を開き、「一覧」を選びます。
- 一覧を追加し、表示形式に「カスタマイズ」を選びます(HTMLの入力欄は空のままで構いません)。
- 「スマートフォンでも表示する」をオンにします。 これがオフだと、モバイルでこの一覧が表示されません。
- 絞り込み条件と並び順を設定して保存します。この条件と並び順は、カード表示にもそのまま使われます。
設定手順
- アプリの設定画面から「プラグイン」を開き、本プラグインの設定(歯車アイコン)をクリックします。
- 「対象一覧」で、上で用意したカスタマイズビューを選びます。
- カードに表示したい項目を選びます。各項目は任意ですが、少なくとも1つは設定してください。
- 画面右側のプレビューで仕上がりを確認します。設定を変えるとその場で反映されます。
- 「保存」をクリックし、アプリの設定画面で「アプリを更新」します。
カードの各パーツ
| パーツ | 表示位置 | 主な用途 |
|---|---|---|
| 左ピル | カード左端 | 日付(月・日・曜日)、数値、短いテキスト |
| バッジ | タイトルの上(最大3個) | ステータス・分類・区分などの色付きラベル |
| メイン行 | カード中央 | 主フィールド(大きく表示)と副フィールド(小さく表示) |
| メタ行 | メイン行の下(最大5個) | 担当者・金額などの補足情報 |
| フッター行 | カード下部(最大3個) | サブテーブルの集計値など。太字での強調も可能 |
| 右側 | カード右端 | 期限の残り日数、ステータス、添付ファイル件数 |
表示の書式
左ピル・メタ行・フッター行では、値の見せ方を指定できます。
| 入力例 | 表示 |
|---|---|
円 | 12,345円 |
¥ | ¥12,345 |
件 | 3件 |
yyyy-mm-dd | 2026-09-05 |
yyyy/mm/dd HH:MM | 2026/09/05 14:30 |
mm月dd日(ww) | 09月05日(土) |
日付の記号は yyyy=年、mm=月、dd=日、HH=時、MM=分、ss=秒、ww=曜日(月・火…)、www=曜日(月曜・火曜…)です。
バッジの色
配色モードで「自動カラー」を選ぶと、値ごとに色が自動で割り当てられます。色調はパステル・ビビッド・モノトーンから選べます。
「値ごとの色」を使うと、特定の値だけ文字色・背景色を指定できます(最大20件)。たとえば「完了」を緑、「保留」を赤にする、といった指定です。この指定は配色モードより優先され、右側のステータス表示にも適用されます。
サブテーブルの集計
メタ行・フッター行では、サブテーブル内の値を集計して表示できます。フィールドのプルダウンに「サブテーブル: (テーブル名)」というグループで表示されます。
| 集計 | 内容 |
|---|---|
| 件数 | サブテーブルの行数 |
| 合計・平均・最小・最大 | 数値・日付フィールドの集計 |
| 連結 | 各行の値をカンマ区切りでつなげる |
| 先頭値 | 1行目の値 |
使い方
- モバイルで対象の一覧を開くと、カード表示に切り替わります。
- カードをタップすると kintone 標準の詳細画面に移動します。編集はその画面の「編集」ボタンから行います。
- 新規作成は、画面右下に出る kintone 標準の「+」ボタンをそのままお使いください。本プラグインは標準のボタンを隠したり置き換えたりしません。
- 検索バーに入力すると、設定した対象フィールドで絞り込まれます。対象を指定していない場合は、メイン行の主フィールドが検索対象になります。
- レコードが多い場合は100件ずつ表示し、「さらに表示」で続きを読み込みます。
注意事項・うまくいかないとき
| 症状 | 確認すること |
|---|---|
| モバイルでカードが表示されない | 対象の一覧で「スマートフォンでも表示する」がオンになっているか。設定画面でも選択時に警告を表示します |
| 設定を変えたのに反映されない | 保存後に「アプリを更新」を実行したか。あわせて画面の再読み込みもお試しください |
| 項目が表示されない | 値が空のフィールドは表示されません。フィールドを削除・変更した場合は、設定画面で選び直してください |
| 並び順が思ったとおりでない | 対象一覧に設定した並び順が使われます。一覧側の設定をご確認ください |
| パソコンで一覧が空に見える | 対象はモバイル向けのカスタマイズビューのため、パソコンでは中身が表示されません。パソコンで開いた場合は、モバイルからご利用いただく旨の案内を表示します |
一度に読み込むレコードは最大5,000件です。これを超えるアプリでは、対象一覧の絞り込み条件で範囲を絞ってご利用ください。
バージョン履歴
- v1.0.192026-09-05
バッジの配色をパレットから選べるようにし、「完了」「保留」など特定の値だけ文字色・背景色を指定できる機能を追加しました。 日付や集計値の表示、検索、レコード件数が多いときの読み込みを見直し、表示の正確さと操作性を改善しました。 新規作成は kintone 標準の「+」ボタンをそのままお使いいただく方式に変更し、標準のボタンを隠さないようにしました。
- v1.0.122026-05-19
- v1.0.112026-05-06
- v1.0.82026-05-04