クイックタブ for kintone プラグイン アイコン
無料配布中 v1.0.1

クイックタブ for kintone

クイックタブ for kintone は、項目数の多いレコード詳細・作成・編集画面を、フォーム上の「スペース要素」を境界にタブへ自動分割して整理する kintone プラグインです。フィールドを1つずつ割り当てる必要はなく、スペースを置く位置だけで区切れます。全項目を見る「すべて」タブ、保存時に必須未入力のタブを自動で開く追従機能、スクロール固定にも対応。長い入力フォームを、タブでスッキリ。

こんな課題を解決します

項目数の多いアプリほど、レコード画面のスクロールと目的の項目探しに時間がかかっていませんか?

📜

フィールドが多くスクロールが長い

顧客台帳や案件管理など項目数の多い画面は、上から下までスクロールが長く、目的の項目にたどり着くのが大変。

🗂️

情報グループの切り替えが面倒

「基本情報」「連絡先」「給与情報」などのまとまりを切り替えて見たいのに、標準では一画面に全部並んでしまう。

🧩

タブ化の設定が手間

フィールドを1つずつタブに割り当てる設定は手間。フォームのレイアウトを活かしてかんたんにタブ化したい。

長いフォームが、タブでスッキリ

スペースを境界に置くだけで、上から長く続いていたフォームがタブに整理されます。クリックで拡大表示できます。

クイックタブ導入前の kintone レコード詳細画面 — 基本情報・業務情報などの項目が上から下まで長く並び、スクロールが必要な状態
導入前:項目が縦に長く並ぶ
クイックタブ導入後の kintone レコード詳細画面 — 上部にタブバー(すべて/基本情報/業務情報/異動情報/給与情報/交通費情報)が表示され、フォームがタブで整理された状態
導入後:タブバーで整理(「すべて」タブで全項目)

タブを切り替えて、必要な情報だけ表示

タブをクリックすると、その区切りの項目だけが表示されます。目的のグループに素早くたどり着けます。

クイックタブで「基本情報」タブを選択した状態 — 従業員番号・氏名・住所・緊急連絡先など基本情報の項目だけが表示されている
「基本情報」タブ — 基本情報の項目だけ表示
クイックタブで「給与情報」タブを選択した状態 — 人事評定履歴のテーブルや給与振込口座など給与情報の項目だけが表示されている
「給与情報」タブ — テーブルを含む区切りも表示

主な機能

設置位置は自由・スクロールしても固定できる

タブバーはレコードの好きな位置に置けます。上の項目は共通エリアとして常時表示。スクロール固定でタブバーは隠れません。

クイックタブを顧客レコードの中段に設置した例 — URL・業種・地図・メモを上部に常時表示し、その下にタブバー(すべて/請求情報/関連情報/管理情報)を配置
好きな位置に設置・上部は共通エリア
クイックタブのスクロール固定 — 画面を下にスクロールしてもタブバーが上部に固定され、その下に請求情報・関連情報・案件一覧テーブルが続く
スクロールしてもタブバーが上部に固定

設定はかんたん

フォームのスペースに要素IDを付けて、タブを定義しデザインを選ぶだけ。プログラミング知識は不要です。各画像はクリックで拡大できます。

kintone フォーム設定の「スペースの設定」ダイアログ — 要素IDの入力欄に tab と入力している状態。クイックタブはスペースへの要素ID付与が必須
① 事前準備:スペースに要素IDを付ける

フォーム設定でスペースを配置し、要素ID(例:tab)を付与します。タブバー用と区切り用に必要な数だけ用意します。

クイックタブ設定画面① — タブバー設置スペースの選択と、区切りスペース要素ID+タブ名を行で定義するタブ(区間)定義
② タブバー設置スペース・タブ定義

タブバーを描くスペースを選び、各タブの区切りスペースとタブ名を上から順に定義します(並べ替え・削除も可能)。

クイックタブ設定画面② — 「すべて」タブの表示・名前・表示位置、タブバーの幅(スペース全幅/タブ長に合わせる)・配置・スクロール固定の設定
③ 「すべて」タブ・幅・配置・固定

全項目を表示する「すべて」タブの有無や位置、タブバーの幅・配置、スクロール固定の ON/OFF を設定します。

クイックタブ設定画面③ — デザイン(スタイル×配色+ライブプレビュー)と初期表示タブの設定。塗りバースタイルでは文字色がグレーアウト
④ デザイン・初期表示タブ

スタイル(形)と配色を選び、色・文字サイズ・太字を調整。ライブプレビューで確認しながら、初期表示タブも指定できます。

画像をクリックすると拡大表示します

インストール手順

レコード詳細・作成・編集画面(PC 版)でご利用いただけます。フォームにスペースを置いて要素IDを付けてからご利用ください。

  1. 「プランについて」セクションのダウンロードボタンから kw-quick-tab-v1.0.1.zip をダウンロード
  2. kintone のシステム管理 → プラグインを開き、「読み込む」ボタンから ZIP をアップロード
  3. 使用するアプリのフォームにスペース要素を配置し、フォーム設定で要素IDを付与(タブバー用+区切り用)
  4. アプリのアプリ設定 → プラグインで「クイックタブ for kintone」を追加
  5. プラグイン設定画面でタブバー設置スペース・タブ定義・デザインを設定して「保存」
  6. kintone 右上の「アプリを更新」(デプロイ)をクリックすると、レコード画面にタブバーが表示されます

プランについて

基本機能は完全無料でご利用いただけます。気に入っていただけたら、年間サポーターとして開発をご支援ください。

基本プラン

¥0 / 完全無料
  • ✅ 全機能が利用可能
  • ✅ 利用期限なし・いつまでも無料
  • ✅ 設定画面・レコード画面に控えめな広告エリア表示あり
無料でダウンロード

注意事項

  • 本プラグインは KIZUNA Works が独自に開発したものであり、サイボウズ株式会社が提供・保証するものではありません。
  • kintone はサイボウズ株式会社の登録商標です。
  • 動作は Google Chrome/Microsoft Edge の最新版での確認を推奨します。
  • 本プラグインはレコードの詳細・作成・編集画面(PC 版)でのみ動作します。一覧・カレンダー・カスタマイズビューでは動作しません。
  • タブバー・区切りに使うスペースには、フォーム設定で要素IDの付与が必要です。要素IDの無いスペースは設定画面の選択肢に表示されません。
  • 最初の区切りより上にあるフィールドは常時表示(共通エリア)となり、タブ化されません(仕様)。
  • 区切りスペースをサブテーブル内に置くことには対応していません(タブ内にサブテーブルを含めて表示することは可能です)。
  • グループフィールドは v1.0.0 では対象外です。
  • モバイル版 kintone では動作しません。PC 版でのみ動作します。
  • 本プラグインの使用により生じたいかなる損害についても、KIZUNA Works は責任を負いません。
  • ppk(秘密鍵)ファイルは配布物に含まれていません。

セキュリティ・データの取り扱い

KIZUNA Works のプラグインは、お客様のデータを社外に持ち出さない設計です。気になる方はブラウザの開発者ツール(F12)で通信内容をご確認いただけます。

  • レコード等の業務データを外部に送信しません

    プラグインが扱うレコードやフィールドの値が、当社や第三者のサーバーへ送られることはありません。

  • 外部通信はライセンス認証のみ

    ライセンスの確認のため、プラグイン ID と利用ドメイン名だけを当社サーバー(Google Apps Script)へ送信します。通信は kintone のプロキシ経由で行われます。

  • 実行時に外部ライブラリ(CDN)を読み込みません

    第三者製ライブラリは使用していません。改ざんリスクのある外部 CDN への依存はありません。

  • 設定情報は kintone の暗号化領域に保存

    API キー等の秘匿情報をコードに直書きせず、設定は kintone 標準の暗号化された設定領域に保存します。

セキュリティ・データの取り扱いについて詳しく見る

よくある質問

フィールドを1つずつタブに割り当てる必要はありますか?
いいえ。フィールドの手動割当は不要です。フォーム上に置いた「スペース要素」を境界にして、その位置から次の区切りまでのフィールドを自動で1つのタブにまとめます。タブを増やしたいときは、区切りたい位置にスペースを置いて要素IDを付けるだけです。
タブを使うための準備は何が必要ですか?
フォーム設定でスペース要素を配置し、それぞれに「要素ID」を付与してください(タブバーを描く用に1つ+タブの数だけ区切り用)。プラグイン設定で「タブバー設置スペース」と各「区切りスペース+タブ名」を選べばタブ化されます。要素IDの無いスペースは選択肢に表示されません。
全項目を一度に見ることはできますか?
はい。全フィールドを一度に表示する「すべて」タブを自動で追加できます(ON/OFF・名前変更・表示位置の変更が可能)。また、タブバーより上や最初の区切りより上に置いたフィールドは、どのタブを選んでも常に表示される「共通エリア」になります。
非表示のタブにある必須項目を空のまま保存してしまいませんか?
保存時に、非表示タブ内の必須項目が未入力だった場合は、そのタブを自動で開いてお知らせします。タブで隠れているフィールドも画面上(DOM)には存在するため、kintone 標準の必須入力チェックはそのまま有効です。
スクロールするとタブバーが見えなくなりませんか?
「スクロールしてもタブバーを画面上部に固定する」をONにすると、レコード画面を下にスクロールしてもタブバーが画面上部(kintone ヘッダーの直下)に貼り付いて隠れません。コメント/履歴パネルには重ならないよう自動で幅を調整します。
見た目(デザイン)は変えられますか?
スタイル(形)20種(角丸タブ・下線・ピル・セグメント・ボタン・塗りバー・ステップ・グラデーションなど)と配色10種+カスタムから選べます。文字サイズ・太字も指定でき、設定画面のライブプレビューで確認できます。なお「塗りバー(反転)」など一部スタイルでは、コントラスト確保のため文字色が固定(設定不可)になります。
モバイルや一覧画面でも使えますか?
レコードの詳細・作成・編集画面(PC 版)専用です。一覧・カレンダー・カスタマイズビュー、およびモバイル版 kintone では動作しません。グループフィールドは v1.0.0 では対象外です。
このプラグインは無料で使えますか?
はい、すべての機能を完全無料でご利用いただけます。利用期限もなく、ずっとお使いいただけます。設定画面に控えめな広告エリアが表示される「基本無料・広告表示モデル」を採用しており、対象プラグインの広告は年間サポーターライセンス(年額 ¥3,300 税込)にお申込みいただくことで非表示にできます。
同一 kintone 環境内の複数アプリで利用できますか?
はい、ZIP ファイル 1 つを kintone にアップロードしていただければ、同一 kintone 環境内のすべてのアプリでご利用いただけます。アプリごとに個別の設定値を保存できる設計です。
kintone のどのコースで使えますか?プラグイン読み込み機能は必要ですか?
kintone のプラグイン読み込み機能を利用するため、スタンダードコース以上が必要です。ライトコースではプラグイン機能自体が利用できないため、本プラグインも動作しません。
JavaScript やプログラミングの知識は必要ですか?
いいえ、不要です。プラグイン管理画面のフォームから設定するだけで利用できるノーコード設計になっています。カラーピッカーやドロップダウンで直感的に操作でき、コードを書く必要はありません。
対応している kintone バージョン・ブラウザは?
kintone のデスクトップ版(最新のクラウド版)と、kintone が公式サポートしている最新ブラウザ(Google Chrome / Microsoft Edge / Mozilla Firefox / Apple Safari)でご利用いただけます。Internet Explorer はサポート対象外です。
不具合や改善要望はどこに連絡すればいいですか?
KIZUNA Works のお問い合わせフォーム(/contact/)または info@kizuna-works.jp までご連絡ください。年間サポーターの方は、プラグイン作成リクエストや既存プラグインへの改善要望もお送りいただけます。

プラグインを気に入っていただけましたか?

基本機能は無料でご利用いただけます。
広告非表示・サポーター特典付きの「年間サポーターライセンス」もご用意しています。

サポーターライセンスの詳細・お申し込みへ

関連プラグイン

レコード画面・フォームをさらに使いやすくする kintone プラグイン

ご質問・ご要望

プラグインのご質問や改善要望など、お気軽にお問い合わせください。

お問い合わせ