📢 できること
Kintoneアプリのフォームは1種類しか作れないので、入力フィールドが沢山あるアプリでは、レコード詳細画面がどうしても縦長になってしまい、フォームは全体の視認性が悪くなってしまします。
そこで、タブ表示で表示項目を切替できるようにするカスタマイズ事例を紹介します。
💻 デモ画面
デモ画面は、顧客管理アプリを例に、顧客名を画面の先頭に固定した状態で[タブ1]を連絡先情報、[タブ2]を部門・担当者、[タブ3]を案件情報、[タブ4]を引継ぎメモのグループに割り当てて、各タブのクリックで表示するフィールドを切替している例です。
最後の[全表示]タブで全てのフィールドを表示します。

🎯 まとめ
本カスタマイズで、期待されるユーザーメリット
- 入力フォームの視認性向上と効率化
- フィールドが多くて縦長になりがちなkintoneの入力フォームを、タブで分割してコンパクトに整理できます。これにより、必要な情報がすぐに見つかるようになり、画面の見やすさが格段に向上します。
- フォームの入力項目が整理されることで、ユーザーは目的のフィールドに素早くアクセスでき、入力作業をより効率的に進めることが可能になります。
- 直感的な操作性の実現
- 複数の項目をタブで切り替える形式は、多くのウェブサービスで採用されており、ユーザーにとって馴染みのある操作性です。このカスタマイズにより、kintoneアプリがより直感的で使いやすいインターフェースへと進化します。
- 特定の業務に合わせた画面の最適化
- 標準機能だけでは実現が難しい、特定の業務フローや入力手順に合わせた表示形式をカスタマイズで実現できます。これにより、業務の特性に最も適した形でアプリを利用できるようになります。
🔨 自分でカスタマイズしてみたい方へ
以下の記事で「会議室予約アプリで重複予約を禁止にする」カスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。
「note:アプリ活用研究会(キン活)」は、当サイトのメンバーが執筆しています。

🌸 アプリテンプレートの販売
本記事でご紹介しているアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み/お問い合わせ」ボタンからお問い合わせください。

■ 料金プラン
◆単品販売(買取型)は、導入サポート付きの価格です。
単品動作タイプは60,000円、2アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。
| 項目 | 単品販売 | 簡易サポート | 会員サポート |
|---|---|---|---|
| 料金体系 | 60,000円 (税抜) | 120,000円 (税抜) | 360,000円 (税抜) |
| 契約期間 | なし | 毎年更新 | 6か月更新 |
| 導入サポート | ✔ | ✔ | ✔ |
| メールサポート | × | ✔ | ✔ |
| チャットサポート | × | ✔ | ✔ |
| バージョンアップ対応 | × | ✔ | ✔ |
| 運用ヘルプデスク対応 | × | × | ✔ |
| 商品のご利用範囲 | 本商品のみ | 6種類までご利用可能 ユーザー数10名まで |
無制限 ユーザー数30名まで |
| お問い合わせ/お申し込み | 購入する | お申込み |
kintone人材育成研修
この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます!
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート(3種類まで)と3か月のサポート契約を無償でご提供しています。
研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。

📣カスタマイズ・導入支援いたします!
本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください!

#kintone #Javascropt #カスタマイズ #タブ表示
