タブ表示トライアル受付中

ごちゃつくフォームを、タブですっきり整理

縦に長くなりがちなkintoneのフォームを、タブで切り替えるレイアウトに整理します。フォームに「[基本情報]」のようなラベルを置くだけでタブが生まれ、色や形はプレビューを見ながら調整。スクロールの迷子をなくし、入力画面の第一印象を変えます。

社員名簿アプリのレコード詳細画面。基本情報・連絡先・その他の3つのタブに整理され、基本情報タブが表示されている

フィールド群がタブに整理され、クリックで表示を切り替えられます。

FEATURES

特長

フォームの構造はそのまま、見せ方だけをタブに変えます。

🗂
ラベルを置くだけでタブ化

フォームに「[タブ名]」のように角括弧で囲んだラベルフィールドを置くだけで、それ以降のフィールドがそのタブの中身になります。プログラミングは不要です。

🖥
詳細・登録・編集の3画面に対応

レコード詳細画面・登録画面・編集画面のすべてでタブ表示になります。閲覧時も入力時も、必要な情報だけに集中できます。

🎨
デザインをプレビューで調整

タブの高さ・幅・背景色・ボーダー色・形(角あり/角丸/上だけ角丸)を、設定画面のプレビューを確認しながら調整できます。

🔗
表示中のタブをURLで共有

開いているタブがURLハッシュ(#tab=1)に反映されます。「詳細情報タブを開いた状態」へのリンクを、そのまま共有できます。

TRY IT

操作を体験する

インストール不要。項目の多い契約管理レコードを、プラグインなし/ありで見比べて、タブを切り替えてみてください。

  1. 1「プラグインなし」のまま下までスクロールして、縦長の素のフォームを確認
  2. 2スイッチを「プラグインあり」に切り替える
  3. 3「契約」「請求」「メモ」のタブをクリックして切り替え
体験コーナー 上のスイッチを「プラグインあり」にすると、縦長のフォームがタブに整理されます。タブをクリックしてグループを切り替えてください。

※体験コーナーはイメージです。実際のプラグインの画面や動作とは異なる場合があります。操作内容はブラウザの中だけで扱われ、外部には送信されません。ページを再読み込みすると元に戻ります。

SCREENSHOTS

画面イメージ

導入後の利用イメージをご確認ください。

連絡先タブをクリックした状態。メールアドレスや電話番号などのフィールドに切り替わっている

フィールド群がタブごとに切り替わります

社員名簿アプリのレコード詳細。「その他」タブにスキル・保有資格・備考が表示されている

タブを切り替えると、そのグループのフィールドだけが表示されます

※画像はイメージです。バージョンアップ等により、実際の画面と異なる場合があります。

HOW TO USE

使い方

インストールから利用開始まで、プログラミングの知識は不要です。

プラグインをkintoneに読み込む

ダウンロードしたzipファイルを登録します。kintone画面右上の歯車アイコン→「kintoneシステム管理」→「その他」の「プラグイン」を開き、「読み込む」からzipファイルを選択します(システム管理権限が必要です)。

kintoneシステム管理のプラグインの読み込みダイアログ。「参照」でダウンロードしたzipファイルを選択して「読み込む」を押す
アプリにプラグインを追加

利用するアプリの「アプリの設定」→「設定タブ」→「プラグイン」→「追加する」を開き、「タブ表示」にチェックを入れて追加します。

アプリ設定のプラグインの追加画面。利用可能なプラグインの一覧からチェックを入れて「追加」を押す
フォームにタブ用ラベルを配置

kintoneのフォーム設定で「[基本情報]」「[連絡先]」のように角括弧付きのラベルを配置し、それぞれの下にそのタブで表示したいフィールドを並べてフォームを保存します。

デザインを調整

設定画面の上部プレビューで仕上がりを確認しながら、タブの高さ・幅・背景色・ボーダー色・形を調整して「保存」を押します。

プラグイン設定画面。タブのプレビューを見ながら高さ・幅・色・形を調整する
アプリを更新して利用開始

「アプリを更新」すると、詳細・編集画面のフォームがタブ表示に切り替わります。タブの追加や並べ替えはフォームのラベルを編集するだけなので、レイアウト変更も簡単です。

社員名簿アプリのレコード詳細画面。基本情報・連絡先・その他の3つのタブに整理され、基本情報タブが表示されている

※どのKINTAUROSプラグインも、設定画面の「設定のインポート / エクスポート」から設定内容をファイルとして書き出し・読み込みできます。検証用アプリから本番アプリへの設定コピーや、バックアップに便利です。

USE CASES

活用事例

項目数の多いアプリの「縦スクロール疲れ」に効きます。

営業
顧客カルテの整理

「基本情報」「取引条件」「対応履歴」をタブで分け、商談中に見たい情報へワンクリックで到達。スクロールして探す時間をなくします。

人事
従業員台帳の項目整理

個人情報・契約情報・スキル情報など性質の違う項目群をタブで分離。画面がすっきりし、入力・確認の動線が明確になります。

SPEC

動作環境・仕様

導入前にご確認ください。

対応環境kintone スタンダードコース(デスクトップ版UI)。最新版の Chrome / Edge / Safari / Firefox に対応しています。
動作画面レコード詳細画面・登録画面・編集画面。
必要な設定フォームに「[タブ名]」形式のラベルフィールドを配置します。ラベル以降のフィールドがそのタブに属します。
注意事項タブは画面上の表示切り替えであり、フィールドの値・アクセス権には影響しません。
外部通信外部と通信するのはライセンス確認のみで、送信されるのはkintoneドメイン名・プラグインID・バージョンだけです。レコードの内容や個人情報が外部に送信されることはありません。
詳細マニュアル全設定項目のリファレンス・制限事項・エラー時の対処は詳細マニュアルをご覧ください。
DOWNLOAD

ダウンロード

登録不要でダウンロードできます。インストール後、プラグイン設定画面の「利用開始」ボタンを押すだけで、60日間の無料お試しがその場で始まります(カード登録不要)。

タブ表示
tab-plugin.zip
ダウンロード

インストール手順の詳細はダウンロードページを、トライアルの仕組みは無料トライアルの始め方をご覧ください。

FAQ

よくある質問

タブ表示について、よくいただく質問にお答えします。

タブはどうやって作りますか?プログラミングは必要ですか?

プログラミングは不要です。kintoneのフォーム設定で「[基本情報]」のように角括弧で囲んだラベルフィールドを置くだけでタブが生まれ、それ以降のフィールドがそのタブの中身になります。タブの追加や並べ替えもラベルを編集するだけです。

どの画面でタブ表示になりますか?

レコード詳細画面・登録画面・編集画面のすべてでタブ表示になります。

フィールドの値やアクセス権に影響はありますか?

ありません。タブは画面上の表示切り替えであり、フィールドの値・アクセス権には影響しません。

タブのデザインは調整できますか?特定のタブを開いた状態で共有できますか?

タブの高さ・幅・背景色・ボーダー色・形(角あり/角丸/上だけ角丸)を、設定画面のプレビューを確認しながら調整できます。開いているタブはURLハッシュ(#tab=1)に反映されるため、特定のタブを開いた状態へのリンクをそのまま共有できます。

料金・契約・トライアルなどサービス全体のご質問はよくある質問を、その他のご質問はお問い合わせをご覧ください。

まずは60日間、無料でお試しください

お試し期間中はすべての機能を制限なく利用できます。継続する場合は、シングルプラン 月額12,000円(税抜)から。料金プランを見る

無料トライアルを開始