(1)カスタマイズの目的
Kintoneでは通常、レコード一覧画面とレコード詳細画面が別々に存在します。
そのため、「一覧を見ながら詳細を確認したい」ときには、毎回画面を切り替える必要があります。
このカスタマイズでは、
Kintoneの一覧ビューを上下2分割(上:一覧、下:詳細) にし、
一覧の行をクリックすると、下部にそのレコードの詳細プレビューが即座に表示されるようにします。つまり、「一覧と詳細を同時に見られるビュー」 を実現するカスタマイズです。
デモ画面
レコードの一覧表と詳細画面を同時に見られる2分割カスタムビューのデモ画面です。
上部の行を選択すると連動して、下部の詳細画面の表示が切り替わります。
キーワード入力で検索して、2分割ビューの一覧表を絞り込み表示することも出来ます。
詳細画面の「開く」ボタンを押すと、レコード詳細画面に画面遷移します。

(2)カスタマイズのメリット
この2分割ビューを使うと、画面遷移のストレスがなくなり、業務スピードが大幅に向上します。
初心者でも直感的に操作でき、管理者・担当者どちらにも役立ちます。
⚙️ 管理者にとってのメリット:状況把握が“待たない時間”になる
管理者やリーダーは、多くのデータを横断的に確認する立場にあります。
従来は、一覧から個別レコードを開いては閉じ、また次を開く――
この繰り返しで確認だけでも手間と時間がかかっていました。
2分割ビューでは、一覧を見ながら気になる項目をクリックするだけで、
その下に詳細内容が即時表示されます。
「上で全体を俯瞰」「下で中身をチェック」という流れがワンアクションで可能になります。
たとえば、営業管理アプリで「進捗が止まっている案件」を探すときも、
一覧をスクロールしながら個別詳細を順にプレビューできるため、
ページ遷移の待機時間がゼロになります。
1件ごとの確認が1秒でも短縮されれば、1日100件なら1分半以上の時間削減。
しかも、画面切り替えがないため集中力が途切れず、
情報判断の精度も高まります。
管理者にとって、この“ストレスのない確認”は大きな生産性向上につながります。
👷♂️ 作業者にとってのメリット:ミス削減と確認スピードの両立
現場や事務で入力・更新を行う担当者にとっても、この仕組みは非常に有効です。
「一覧で入力状況を確認しながら、下で内容をプレビューできる」ため、
他のレコードを開きすぎて迷子になることがなくなります。
また、入力漏れや誤登録もその場で発見できます。
たとえば顧客一覧の中に電話番号が空欄のものがあれば、
そのレコードをクリックして下で確認し、すぐ修正へ移行できます。
画面を閉じたり戻ったりする手間がないため、修正スピードも向上。
業務の「確認 → 修正 →再確認」のサイクルがスムーズに回るのです。
結果的に、1日の作業リズムが乱れにくくなり、
“1件ごとに集中して正確に処理する”という理想的な業務スタイルが実現します。
| メリット | 内容 |
|---|---|
| 🚀 作業スピードUP | 一覧から詳細へ切り替える手間が不要に |
| 👀 見やすいUI | 上で一覧、下で詳細を同時に確認できる マウス操作で境界線もドラッグで移動可 |
| 🔍 検索機能付き | 検索ボックスからキーワード検索が可能 |
| 💬 入力ミス防止 | 詳細をすぐに確認できるので修正もスムーズ |
| ⚙️ カスタマイズ不要 | コードはテンプレート化済みでそのまま導入OK |
2分割ビューによる情報閲覧の高速化は、見た目の便利さ以上に、年間を通じた業務効率化に直結します。
1画面でレコード一覧と詳細が見られることで、確認・判断・修正のリズムが途切れず、
チーム全員の情報処理スピードが底上げされます。
これこそが、Kintoneを業務の中核で活用する上での“真の時短効果”。
単なるデザイン変更ではなく、「情報の見方と姿勢」そのものを変えるカスタマイズ なのです。
(3)キーワード検索機能
一覧画面の右上には、検索キーワード入力欄と検索ボタン が追加されています。
ここに文字を入力して検索ボタンを押すと、一覧表の全ての列を対象にして検索が行われます。
列フィールドの型に応じた検索条件の結果が自動的に再表示されます。
たとえば、
- 「会社名」や「担当者名」を入力 → 2文字以上で部分一致するレコードのみ一覧表示
- 「顧客ランク」などドロップダウン選択型の値を入力 → 選択肢と値が一致するレコードを一覧表示
- 「売上高」などの数値型の値を入力→ 値の一致するレコードを検索
ラジオボタン型やドロップダウン型のフィールドにも対応しており、フィールドの型に応じた柔軟なキーワード検索が可能な仕様となっています。
(4)実務での利用シーンと業務効率化の効果
この「2分割ビューによる一覧+詳細プレビュー」カスタマイズは、
Kintoneを“よりスピーディーで直感的に操作できるツール”へと変える仕組みです。
画面遷移の手間を省き、情報確認の時間を短縮することで、
どのような業務でも「見たい情報をすぐ見られる」状態を作り出します。
以下では、業種別・利用目的別に、具体的な活用シーンと効果を紹介します。
| 利用シーン | 活用イメージ |
|---|---|
| 💼 顧客管理アプリ | 一覧から顧客をクリック → 下に詳細情報(電話番号・メール・担当者)を即表示 |
| 🧾 商談管理アプリ | 商談リストの上でクリックするだけで、進捗や金額の詳細を確認可能 |
| 🧰 サポート対応記録 | 問い合わせ一覧の下に対応履歴をすぐプレビュー、2画面でスムーズ対応 |
| 🏢 社員名簿アプリ | 一覧で社員名をクリックすると、部署・連絡先・入社日などを下に表示 |
| 🗂️ プロジェクト進捗 | プロジェクト名を選択するだけで、詳細な進行状況を同一画面で確認 |
このように、「一覧から詳細を頻繁に確認する」場面で特に効果的です。
画面の切り替えがなくなるだけで、体感的な操作スピードが2倍になります。
💬 まとめ
この「2分割カスタムビュー」は、
Kintoneの操作を「速く・わかりやすく・ストレスなく」する最初の一歩にぴったりのカスタマイズです。
わざわざ別画面を開く必要がなくなり、クリック1つで必要な情報が現れる――
それだけで、日常の業務効率が目に見えて向上します。
- 一覧と詳細の切り替えが面倒
- 検索しても目的の情報にたどり着きにくい
そんな悩みを持つ方に、特におすすめです。
✨おすすめポイント
- 一覧・詳細・検索が一画面に集約できる
- 導入はアプリテンプレートを追加するだけ
- 専門知識は不要、初心者でも安心して試せるカスタマイズ
リリースノート
この記事のカスタマイズテンプレートの更新記録です。
- 2025.10.31Ver1.1.0
初期バージョンの公開
2分割ビュー(上:一覧表、下:詳細プレビュー)の実装 - 2025.11.01Ver1.1.2
下段の詳細ビューに、レコード詳細画面に遷移するボタンを追加
- 2025.11.01Ver1.2.0
レコード一覧のキーワード検索機能を実装
一覧表メニュー右側に検索キーワード入力欄と検索ボタンを追加 - 2025.11.01Ver1.2.2
検索対象のフィールド型に応じて比較演算子を自動判定する機能を追加
ドロップダウン等の選択肢にないキーワードは検索対象にしない様に修正 - 2025.11.01Ver1.3.0
2分割ビューの上下境界線をマウスドラッグで変更できる機能を追加
- 2026.01.13Ver1.4.0
レコード取得数を500件から最大10,000件まで拡張
API実行中に「データを読み込み中…」のメッセージ表示機能を追加
🔨 自分でカスタマイズしてみたい方へ
以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。
「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 #Javascript #カスタマイズ
