kintoneプラグイン製作所
← プラグイン一覧へ
無料 ビュー・画面カスタマイズ v1.0.19

モバイル一覧カードビュープラグイン

kintoneのモバイル一覧を、現場で見やすいカード表示に

株式会社フルバック ・ 更新 2026-09-05

ダウンロード(無料)46KB

.ppk署名済みのkintoneプラグイン(.zip)です。kintone「プラグインの追加」から読み込んでください。

概要

kintoneのモバイル一覧画面を、スマートフォンで読みやすいカード型の表示に置き換えるプラグインです。
1レコードを1枚のカードにまとめ、日付・タイトル・担当者・金額・サブテーブルの集計値などを1画面で確認でき、検索バーでの絞り込みや、期限が近いレコードの強調表示にも対応しています。
カードをタップすると kintone 標準の詳細画面が開くので、閲覧も編集もこれまでどおりの操作で行えます。
カードに表示する項目は設定画面のプルダウンから選ぶだけで、右側のプレビューで仕上がりを確認しながら設定できます。
ライセンス認証は不要で、アプリに追加してすぐお使いいただけます。

使い方・設定方法

スマートフォンやタブレットで kintone を開いたときの一覧画面を、カード型の表示に置き換えます。1レコードが1枚のカードになり、必要な項目だけを大きく見やすく並べられます。

できること

  • モバイルの一覧画面を、レコード1件=1枚のカードで表示
  • カードに載せる項目(日付・タイトル・担当者・金額など)を設定画面から選択
  • カードをタップして kintone 標準の詳細画面へ移動(編集もそのまま行えます)
  • 検索バーによる絞り込み(対象フィールドは設定で指定)
  • 期限日から「本日締切」「あと○日」を自動表示
  • ステータスや分類のバッジを値ごとに色分けして表示
  • サブテーブルの件数・合計・平均・最小・最大などをカードに表示
  • 添付ファイルの件数をアイコンで表示

事前準備

対象アプリに、モバイルで表示するための一覧を1つ用意します。

  1. アプリの設定画面を開き、「一覧」を選びます。
  2. 一覧を追加し、表示形式に「カスタマイズ」を選びます(HTMLの入力欄は空のままで構いません)。
  3. 「スマートフォンでも表示する」をオンにします。 これがオフだと、モバイルでこの一覧が表示されません。
  4. 絞り込み条件と並び順を設定して保存します。この条件と並び順は、カード表示にもそのまま使われます。

設定手順

  1. アプリの設定画面から「プラグイン」を開き、本プラグインの設定(歯車アイコン)をクリックします。
  2. 「対象一覧」で、上で用意したカスタマイズビューを選びます。
  3. カードに表示したい項目を選びます。各項目は任意ですが、少なくとも1つは設定してください。
  4. 画面右側のプレビューで仕上がりを確認します。設定を変えるとその場で反映されます。
  5. 「保存」をクリックし、アプリの設定画面で「アプリを更新」します。

カードの各パーツ

パーツ表示位置主な用途
左ピルカード左端日付(月・日・曜日)、数値、短いテキスト
バッジタイトルの上(最大3個)ステータス・分類・区分などの色付きラベル
メイン行カード中央主フィールド(大きく表示)と副フィールド(小さく表示)
メタ行メイン行の下(最大5個)担当者・金額などの補足情報
フッター行カード下部(最大3個)サブテーブルの集計値など。太字での強調も可能
右側カード右端期限の残り日数、ステータス、添付ファイル件数

表示の書式

左ピル・メタ行・フッター行では、値の見せ方を指定できます。

入力例表示
12,345円
¥¥12,345
3件
yyyy-mm-dd2026-09-05
yyyy/mm/dd HH:MM2026/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