表示改善 ・ 導入ガイド
タブ表示プラグイン
Tab Layout
現場のこんな時にグループで項目を整理しているアプリで、基本情報・契約情報などのまとまりをタブで切り替えて見たい時。
フォームのグループがそのままタブになり、グループ外の項目は「その他」にまとまります。
使い始めの30日間は全アプリ・全ユーザーで使い放題。30日を過ぎても、各プラグイン1アプリなら期限なしでずっと¥0。
社内稟議・上長への共有には、製品概要(PDF・1枚/印刷対応)をご利用ください。
サイボウズ オフィシャルプロダクトパートナー
Plumeru を提供する株式会社スターフィッシュは、サイボウズ株式会社のオフィシャルパートナー制度(Cybozu Partner Network)にプロダクトパートナーとして加入しています。
kintone 標準のグループと何が違う?
標準のグループは縦に並ぶ折りたたみ表示です。本プラグインはそのグループをタブに変え、必要なまとまりだけを前面に出します。
- グループを開閉しても縦に長いままで、目的のまとまりまで探しづらい
- 情報のまとまりをタブで切り替えて見る導線がない
- 作成・編集画面の見た目をコードなしで整理しにくい
- フォームのグループをそのままタブとして表示(グループ名=タブ名)
- グループ外の項目や表は自動で「その他」タブに整理
- タブの並び順を設定で変更可能(「その他」の位置も動かせます)
- kintoneの仕様でグループに入れられない表(サブテーブル)も、表示するタブを選択可能
- 詳細画面だけでなく作成・編集画面にも対応
- 設定不要で動作。タブにしないグループと対象画面はチェックで選択
同じ目的の製品を探す方へ:一覧・ビュー拡張のkintoneプラグイン比較(価格・無料枠・試用を公式情報で確認)
概要
タブ表示プラグインは、フォームの「グループ」をそのままタブに変えて、画面を見やすく整理できるプラグインです。標準のグループは縦に並ぶ折りたたみ表示ですが、こちらはタブで切り替えて、必要なまとまりだけを前面に出せます。グループ名がそのままタブ名になるため、タブの設定は不要です。
詳細画面だけでなく、作成・編集画面にも対応しています。グループで項目を整理しているアプリなら、プラグインを追加するだけで、縦に長い入力画面がタブで切り替えられる画面に変わります。グループに入っていない項目(タイトルなどの主要項目)や表は、自動で「その他」タブにまとまります。タブの並び順と、表(サブテーブル)を表示するタブは、設定画面で変更できます。
できること
フォームの各グループがタブになります(グループ名=タブ名)。タブにしたグループは常に開いた状態で表示され、クリックで切り替えられます。グループは連続して配置しておくと、タブまわりがすっきり見えます。
入力中もタブで切り替えられます。表示していないタブの項目もそのまま保存され、入力エラーが別のタブに隠れている場合は保存時にそのタブへ自動で切り替わります。
設定は基本不要です。タブにしたくないグループはチェックを外すだけで通常表示に戻り、対象画面(詳細/作成・編集)も選べます。
実際の画面でできることを確認
向いている場面
- 基本情報・契約情報・社内メモなどのグループをタブで切り替えて見る
- 作成・編集画面が縦に長く、入力欄を探してスクロールし続けるのを解消する
- グループで整理済みのアプリを、設定なしでそのままタブ表示にする
- グループを使わずに、項目を1つずつタブへ割り当てたい(タブの単位はグループです)
- グループ外の項目を個別の名前付きタブへ分けたい(グループ外の項目は「その他」タブにまとまります。表(サブテーブル)は設定で表示するタブを選べます)
- スマートフォンのモバイル版kintoneで使いたい(PC画面が対象です)
導入手順
はじめてでも迷わないよう、ダウンロードから動作確認までを順に説明します(所要 初期設定 0〜3分)。
- 署名付き ZIP をダウンロード:上の「ダウンロード」から署名付き ZIP を保存します。
- kintone にプラグインを読み込む:kintone 画面右上の歯車から「kintone システム管理」→「プラグイン」を開き、「読み込む」で保存した ZIP をアップロードします。これでドメインにプラグインが登録されます。

kintone システム管理:プラグインの読み込み画面 画像を原寸で開く - 使いたいアプリに追加する:対象アプリを開き、「アプリの設定」→「プラグイン」→「プラグインを追加」で「タブ表示プラグイン」を選びます。

アプリ設定:プラグインを追加 画像を原寸で開く - プラグインを設定する:追加した「タブ表示プラグイン」の設定(歯車アイコン)を開き、項目を設定して「保存」します。
設定のポイント:設定は基本不要です。フォームのグループがそのままタブになります。タブの並び順・タブにしないグループ・テーブルを表示するタブ・対象画面を設定画面で選べます。
設定画面:対象画面・タブの並び順・テーブルの表示タブを選ぶ 画像を原寸で開く - アプリを更新して反映する:アプリ右上の「アプリを更新」を必ずクリックします(更新しないと変更が反映されません)。
- 動作を確認する(サンプル検証):詳細画面 / 作成・編集画面を開くと詳細・作成・編集の表示時にプラグインが動きます。テスト用のアプリ/レコードで「グループで項目を整理しているアプリで、基本情報・契約情報などのまとまりをタブで切り替えて見たい時」を実際に試し、想定どおり動くか確認しましょう。

詳細画面:タブを最上段に表示し、未グループ項目を「その他」にまとめる(実機) 画像を原寸で開く
無料プランでは各プラグインを 1アプリまでお試しいただけます(プラグインが動作する画面の上部に小さな「Plumeru 提供」クレジットが表示されます。Pro では非表示)。うまく動かない時は、対象の項目の指定と、「アプリを更新」を実行済みかをご確認ください。
うまく動かない・不具合の通報
タブ表示プラグインがこのガイドの説明どおりに動かない、または不具合を見つけた場合は、こちらからお知らせください。内容を確認し、できるだけ早く修正します。
不具合を通報する仕様メモと制限
- 詳細・作成・編集画面を開くと、フォームの各グループをタブとして画面に表示します(グループ名=タブ名)
- タブをクリックすると、そのグループだけを表示します。タブにしたグループは常に開いた状態になり、グループ自身の見出しは表示しません
- タブはフォームの最上段に表示し、グループに入っていない項目や表(サブテーブル)は「その他」タブにまとめます
- タブの並び順は設定画面で変更できます(「その他」タブの位置も変更できます。未設定はフォームのグループ順)
- 表(サブテーブル)を表示するタブを設定画面で選べます(未設定は「その他」)。選んだタブを開いたときにテーブルが表示されます
- 作成・編集画面で入力エラーが別のタブに隠れている場合、保存時にそのタブへ自動で切り替えます
- タブの単位はグループです。グループが無いアプリでは何も起こりません(項目単位の割り当てはできません)
- タブにしないグループの指定と並び順はグループ名で照合します。グループ名を変えた場合は設定画面で保存し直してください
- テーブルの表示タブは、フォーム上のテーブルの数と並びで対応づけます。テーブルを追加・削除した場合は設定画面で保存し直してください(食い違っている間は「その他」に表示されます)
- タブにテーブルを表示しても、表示位置はフォーム上の配置のままです。グループのすぐ下に見せたい場合は、フォーム設定でテーブルをそのグループの直後に配置してください
- 詳細画面をブラウザでそのまま印刷すると、表示中以外のタブの項目は印刷されません(kintoneの印刷画面をご利用ください)
- パソコンの画面が対象です。スマートフォンのモバイル版kintoneでは動きません
変更履歴
- 設定画面に、そのプラグインで最初に知っておきたい点を表示するようにしました(設定画面のみの変更で、通常画面の動作は変わりません)。
- 設定画面のお知らせ先の登録に、確認メールの手順を追加しました。メール内のボタンを押すと登録が完了します(設定画面のみの変更で、通常画面の動作は変わりません)。
過去の変更履歴を表示(残り37件)
- 設定画面に、不具合や重要な更新のお知らせ先(メールアドレス)を登録できる欄を追加しました(設定画面のみの変更で、通常画面の動作は変わりません)。
- 設定画面の改善要望・不具合報告の案内に、不具合のご報告には原則1営業日以内に受付のご連絡をする旨を明記しました。
- 不具合の原因調査に使う診断情報に、kintone が返すエラーコードと発生箇所を含めるようにしました(通常画面の動作は変わりません)。
- 設定画面に、創業期 導入パートナーの募集案内を表示するようにしました(設定画面のみの変更で、通常画面の動作は変わりません)。
- 設定画面の下部にある改善要望・不具合報告の案内に、いただいた内容は開発者が直接確認し、不具合は優先してすみやかに修正している旨を追記しました(設定画面のみの変更で、通常画面の動作は変わりません)。
- 設定画面でタブの並び順を変更できるようになりました(「その他」タブの位置も変更できます)。
- テーブル(サブテーブル)を表示するタブを選べるようになりました。kintoneの仕様でテーブルはグループに入れられないため従来は常に「その他」でしたが、任意のタブに表示できます。
- 設定しない場合の動作は従来どおりです(タブはフォームのグループ順・テーブルは「その他」)。
- タブをフォームの最上段に表示し、グループに入っていない項目や表(サブテーブル)を自動で「その他」タブにまとめるよう改善しました。
- 作成・編集画面で「その他」タブ内に入力エラーがある場合も、保存時にそのタブへ自動で切り替えて表示します。
- 詳細・作成・編集画面を行き来したとき、タブ表示前のグループの開閉状態と、他のカスタマイズによる表示・非表示を正確に保つよう修正しました。
- 画面構造の変更や想定外エラーが起きてもフォーム表示を元に戻し、問題を自動検知できるようにしました。設定データが壊れている場合も、画面を止めず既定設定で動作します。
- タブの作り方を一新しました。フォームの「グループ」がそのままタブになります(グループ名=タブ名)。設定不要で、プラグインを追加するだけで全グループがタブ表示になります。
- 作成・編集画面でもタブ表示に対応しました。対象画面(詳細/作成・編集)は設定でON/OFFできます。
- タブにしたくないグループは、設定画面のチェックを外すだけで通常のグループ表示に戻せます。
- 保存時に入力エラーが別のタブに隠れている場合、そのタブへ自動で切り替えて表示します(作成・編集画面)。
- 旧バージョンの「タブごとに項目を選ぶ」設定と自動「その他」タブは廃止しました。保存済みの旧設定は使われません。グループに入っていない項目はタブの外に常に表示されます。
- トライアル残日数を確認できない画面で「残り0日」と誤表示される問題を修正しました。
- お知らせ表示と設定画面の一部の色をPlumeru共通のブランド配色に統一しました。動作は変わりません。
- タブをフォームの最上部に表示するよう修正しました(これまで最初に割り当てた項目の位置によっては、タブが画面の途中やグループ枠の中に表示されることがありました)。
- どのタブにも入れなかった項目を、自動で「その他」タブにまとめるようにしました(これまでタブの下にそのまま表示され、開いているタブの内容と紛らわしくなっていました)。
- グループ内の項目を設定画面の選択肢から外しました(タブに移すと空のグループ枠が残る、グループを畳むとタブごと消える、といった崩れを防ぐため。グループはそのままの形で「その他」タブに表示されます。既存の設定にグループ内の項目が残っている場合、その割り当ては無視されます)。
- 設定画面の項目選択プルダウンの幅を、選択肢の項目名の長さに合わせて自動で広げるようにしました(これまで一律幅のため、画面に余白があっても長い項目名が「…」に省略されることがありました)。設定画面のみの変更で、通常画面の動作は変わりません。
- 設定画面の項目選択プルダウンで、長い項目名が途中で切れて読めないことがある問題を修正しました(候補一覧を項目名の長さに合わせて広げるほか、選択中の値は末尾を「…」で省略しつつマウスオーバーで全文を表示します)。設定画面のみの変更で、通常画面の動作は変わりません。
- 設定画面のプラン表示を正確にしました(Pro・トライアル契約中でも「Plumeru Free」と表示されることがあった問題の修正。トライアル中は残り日数も表示)。管理者向け表示のみで、通常画面の動作は変わりません。
- ライセンス状態の表示名を修正(無料時に「Pro」と出ていた設定画面・ヘッダーの表示を「Free」等の正しい名称へ。管理者向け表示のみで、通常画面の動作は変わりません)。
- 設定画面に、新しい版が公開されているときのお知らせを表示するようにしました(管理者向け。通常画面の動作は変わりません)。
- プラグインの説明文を、機能がより伝わるように書き直しました(動作の変更はありません)。
- 設定画面で項目(プルダウン)を選ぶとき、選択肢が多い場合は名前の一部を入力して絞り込めるようにしました(部分一致の検索付き)。選択肢が少ないものは従来どおりです。
- 設定画面のデザインを共通ベースへ統一(ブランド差し色の保存ボタン・全操作要素のフォーカス表示・入力欄やメッセージの体裁を全プラグインで揃える)。
- ライセンス判定をsessionStorage短TTLキャッシュ+裏リフレッシュ化。
- currentAppId をモバイル対応(kintone.mobile.app.getId フォールバック)に統一。
- 設定画面の文言を統一・是正。
- 監査対応の内部改善(設定の保存ガード・削除項目の扱い・日時/選択肢比較・アクセシビリティ・モバイルでの無料枠通知・仕様表記の整合など)。
- 無料枠の判定通信にドメイン単位の照合トークンを導入し、なりすましによる無料枠の横取りを防止しました(内部改善)。
- ライセンス通知の表示処理を安全側に見直しました(無料枠の対象アプリ名表示を含む内部改善)。
- 通知やボタン・確認ダイアログの文言で、数字と単位(日・件)の間の不要な空白を除去し表記を統一しました。
- 設定画面の下部に、機能の改善要望・不具合報告をその場から送れるリンクを追加しました。
- 画面上部のお知らせ・提供クレジットの文字色を濃くし、読みやすさを改善しました。
- 無料プランの上限に達したとき、いま有効になっているアプリ(app番号・リンク付き)をお知らせに表示し、仕組みを説明する詳細ページへのリンクを追加しました。
- テーブル(サブテーブル)をタブ振り分けの選択肢に表示しないようにしました(指定しても反映されないため)。
- ライセンス確認の通信が応答しない場合でも画面表示を待たせないよう、5秒で通常動作へ切り替えるようにしました(判定できない場合は従来どおり全機能が動作します)。
- 複数の Plumeru プラグインを同じアプリで使っている場合に、無料プラン上限のお知らせが表示されないことがある問題を修正し、どのプラグインのお知らせか分かるようプラグイン名を併記するようにしました。
- kintone に表示されるプラグイン名を、サイトのカタログ表記(日本語名)に統一しました。
- ライセンス通知(無料プランのクレジット)の文言を「Plumeru 提供」に統一し、レコード画面上部の余白を調整して表示を整えました。
- レコード画面(詳細・編集・新規)のライセンス通知(トライアル残日数・クレジット)が左端に寄っていた表示を、本文に合わせて左余白を付けて整列するよう修正
- 設定画面で、アプリを保存(運用環境へ反映)する前でも項目を選べるよう改善(フィールド取得を最新の設計から行うよう変更)。項目を取得できない場合の案内文も修正。
- 同じ項目を複数タブに指定すると最初のタブから消える不具合を修正(最初のタブに割り当て)
- 詳細画面でタブに項目を移す際、ラベルが元の位置に取り残される不具合を修正(項目ブロックごと移動)
- 新規追加:詳細画面の項目をタブに分けて見やすく整理できるプラグイン