みんなの投稿

一覧画面と帳票画面を同時に閲覧する方法等ありますでしょうか?

案件アプリを作成して
①案件ごとで作業内容や作業工程別納期を設定
②一覧で工程別で納期を確認
③詳細が知りたい場合は帳票画面を確認
④一覧で別レコードを選択したら帳票画面も選択したレコードの帳票に切り替わる
という流れにしたいのですが、
標準的の厳しい気がして。。。

プラグイン等も見当たらないのでどうしようか悩んでいます。

機能の組み合わせ等で可能なものなのか分かる方がいればアイデアやヒント等、教えて頂けますと助かります。

6件のコメント (新着順)

(2025.10.31 制約はありますが、一定程度の連動動作が出来ることを確認できたことと、左右連動アプリもログインするようなページでは、セッションが引き継げなさそうなことが分かったので、関連箇所を消しました。連動成功版の詳細は次の自己レスを参照ください🙇🏻‍♂️)

連動無し、かつ表示領域が狭まっても良いので(💡)、どうしても1タブ/1ディスプレイで横に並べて閲覧したいのだー」なら、MS-Edgeの標準機能内でですが、こういう手もあります。

①一覧画面のタブ上で、右クリック⇒「その他のツール」を選択⇒「サイドバーで開く」を選択
 →同じ一覧画面が右に分割画面で開きます。
②左右バーの境界線(縦)をイイ感じに手動調整する。
③(例えば右バー上で)詳細画面を見たいレコードの📘をクリックする。
 →そちらのバーだけ詳細画面に遷移します。

※前述したとおり、一つのタブを分割表示するので、当然のことながら表示領域は狭まります。
※分割を解除したければ、右バー右上の×をクリックしてください。
※モカさんが仰るように、バーは完全独立しているので、遷移は手動です。
※Chrome、Firefoxなどは拡張機能を入れるしかないかもしれません。

連動に関して

小生もCUSTOMINEを使っていますが、sasaさんが仰る『一覧の表示形式を「カスタマイズ」に変更』に蓋がされているので、連動の設計や検証ができません。その点ご容赦ください。

ただ、前職で「別々に生成された回路図.xmlと基板図.xmlを連動させて、一方の部品をクリックしたら、もう一方の当該箇所にフォーカスが当たる」というアプリを構築した経験があります。

その経験から言うと、(大分専門的になってしまいますが、)添付のようなJavaScript付きHTMLを自作すれば、プラグイン不要の「左右分割かつ画面間連動」のものは実現できると考えます。
(当時のJSは置いてきてしまったので、今なら生成AIさんとの合作で一から作らざるを得ないかなぁ💦)

以上、ご参考まで

(追記です)
ちなみに、別タブに詳細画面などの別リンクを開くときのブラウザのショートカットキーは「Ctrlキーを押しながら、📘(またはリンク)クリック」です。


前コメの「ブラウザ標準機能で所望の連動動作を実現できないか」を継続検討しました。

【結論】
MS-Edge、かつタブ分割画面でよいなら、カスタマイズ無しでもある程度の連動はできます!

1.前準備:以下の手順でブラウザを設定してください。
①MS-EdgeのURL入力欄に以下を入力して〔Enter〕
  edge://settings/appearance/browserBehavior/splitScreen 
②「分割画面を有効にする」のスイッチをON
③求めに応じてEdgeを再起動
④kintone 一覧画面にて、📘とキーワード(一目で「開きたいレコードはこれだ」と特定できるようなフィールド)が並ぶ一覧を用意
 (一覧をリンク付きメニューとして使うイメージ)

2.運用中の操作
①1.④の一覧を開く
②詳細画面を開きたいレコードの📘にマウスオーバーして右クリック
  ⇒「リンクを分割画面ウィンドウで開く」を選択
 (これで、所望のレコード詳細画面が分割ウインドウに表示される。)
③分割画面の境界線(縦)をイイ感じに手動調整する。
 (ここで1.④が効いてくる←一覧を最小限の幅にして、詳細画面幅を大きくとれる)

以上で、「一覧画面と詳細画面が連動状態で並べて表示する(初回)」ができます。
一度分割画面が表示されていれば、あとは
 詳細画面を開きたいレコードの📘にマウスオーバーして右クリック
  ⇒「右分割画面でリンクを開く」を選択
で詳細画面をどんどん切り替えることができます。
勿論、kintoneのログイン状態や動作(カスタマイズ含め)には一切影響しません。

ショートカットキーを割り当てられない機能を使用しているのでマウス操作が必要ですが、イメージされてる連動状態に近い操作感になると思います。

以上、ご参考まで

※ちなみに境界線位置の記憶は出来ないので、その点ご了承ください。
※ちなみに本方法は、一般のサイトとかにも適用できます。
※「マウス操作を無くせないか」とか、「複数タブを渡り歩けないか」などという時は、RPA導入が妥当かと思います。
※一定の連動動作ができたので、前コメはまったく的外れです😰
 なので、完全スルーしてください🙇🏻

操作イメージは👇🏻

ポルカ
製造業
2025/11/05 10:15

ありがとうございます!
edgeにこんな機能が備わっているのは驚きでした!
帳票が無い場合はこちらの機能でカスタマインと同等の事が出来そうなのですごく便利に感じました。

一部の工程は帳票画面で閲覧が必須ということなので開発か何か考えないといけないのですが、工程によってはこちらで十分対応出来そうでした。

丁寧に説明して頂きありがとうございました!

ふゆき
製造業
2025/10/30 15:19

質問の回答になっていなくてスミマセン🙇

ガントチャート系のPluginはご存知でしょうか?
簡単に云うと、「一覧画面上に工程表」を作成するPluginなのですが...

これだと
「一覧画面と帳票画面を同時に閲覧する」
のと同じだと思うのですが...いかがでしょう?

ガントチャート系Pluginは色々ありますが
Timeline(TIS/条件付き無料)
Boost! Group Gantt(TISのブランド違い/条件付き無料)
このPluginだと「作業内容や作業工程別納期」をテーブル内に置くことができますので
作りやすい🦆かも

情報まで!


ポルカ
製造業
2025/11/05 10:26

ご回答ありがとうございます!

ガントチャート系プラグイン、存じ上げております!
工程別で納期管理するのも現在は【未】、【開始】、【済】等の簡易的な表現で行っているのですが、テーブルを使ってテーブル内の作業ごとで納期を設定してガントチャートにという考えも出ていますので、参考にさせて頂きたいと思います。

参考URLもそうでしたが、テーブルが条件に入ると制限があったり対応してなかったりするんですね。。。
このあたりはアプリ設計側をプラグインに合わせにいくなどの工夫が必要になりそうですね。

ご親切にありがとうございました!

Kintoneの標準機能だけでは、一覧画面と詳細画面を同時に表示することはできません。通常は、一覧画面からレコードをクリックすると、詳細画面に遷移する仕様です。
ただし、以下のような方法やツールを使えば、一覧と詳細を同時に表示することが可能です:

ちなみに私は、①と④を導入しています。特に④のKrewsheet一覧から詳細画面で確認したり
活用しています。④は、サブウインドがいくつか設定できるので、詳細画面の閲覧に関わらず、備考メモの確認など素早くチェックしたいフィールドも設定しています。添付ファイルご参考。



ご検討案の一部です。ご参考にしてください。**********************
✅ 方法①:gusuku Customine(グスク カスタマイン)を使う

ノーコードでKintoneをカスタマイズできるツール。
「一覧画面と詳細画面の複合表示」を設定可能。
一覧の表示形式を「カスタマイズ」に変更し、詳細表示領域を追加することで実現。
公式サポートページに詳しい手順あり。



✅ 方法②:サブ画面表示プラグイン(ITFit社)を使う

一覧画面の上に詳細画面をポップアップ表示。
レコード編集も可能で、一覧から離れずに操作できる。
月額10,000円(税別)、ユーザー数・アプリ数に制限なし。
詳細は ITFit公式ページ を参照。



✅ 方法③:JavaScriptで独自カスタマイズ

KintoneのカスタマイズAPIを使って、一覧と詳細を同時に表示するビューを作成可能。
例えば、一覧の横に詳細表示用のスペースを作り、クリックで内容を表示するなど。
技術的な知識が必要ですが、柔軟なUI設計が可能。



✅ 方法④:KrewSheet(クルーシート)を活用する

Kintoneの一覧画面をExcelライクに拡張できるプラグイン。
一覧上でレコードの内容を直接編集可能。
詳細画面に遷移せずに、複数レコードの内容を確認・編集できるため、実質的に「一覧+詳細」のような操作感を実現。
KrewSheet公式ページ に機能紹介あり。


ポルカ
製造業
2025/11/05 10:31

なんと、4つも!
ご回答頂き、ありがとうございます!

他の機能も使える点からgusuku Customineのフリープランを早速試してみました!
様々な条件分岐や機能があって良かったのですが、帳票は出来ないのと、一覧の列幅なども調整出来ないことから開発の方向で一旦進めてみることになりました💦

KrewSheetはデータ集計といった営業系で活用出来そうなシーンが多くありそうなのでこちらは別で試させて頂きたいと思います!

私の質問から4つも案を出して頂き、ありがとうございました!

横からすみません🙇🏻‍♂️

もう少し詳しく教えて下さい。

gusuku Customineのフリープラン…帳票は出来ないのと、一覧の列幅なども調整出来ない

とありますが、
①「帳票」とは、「ExcelやPDFで任意のフォーマットで出力する」ことですか?
もしそうでしたら、制限(フリープラン・検証プランの制限について)はありますが、フリープランでも出力機能は体験できるハズです。

②「一覧の列幅変更」はCSSカスタマイズに当たると思います。
公式ドキュメント(CSSを利用した画面デザイン)で見る限り、CUSTOMINEでもCSSカスタマイズは出来そうですが、一覧のフィールド幅等までできるかどうかは書いてませんね。
こちらは、R3さんのサポートに問い合わせた方がよろしいかと。
(フリープランでもCUSTOMINEの開発画面右下にチャットサポートのアイコンが出ているようでしたら、ココで訊くのもイイかもしれません。)

ちなみに小生、CUSTOMINE(有料プラン)は使っていますが、CSSカスタマイズ不可の環境なので、例えば横長の一覧やテーブルなどを1画面に収めたい時は、
・一覧
 ①表示フィールドを絞り込んだ一覧を用意
 ②横スクロールを一覧切り替えに代替
 を標準機能で対応
・テーブル
 CUSTOMINEでボタンを配置して、横スクロールを任意フィールドの表示⇔非表示を切り替えに代替で対応
しています。

以上、ご参考まで

ポルカ
製造業
2025/11/19 13:21

返信ありがとうございます!
①「帳票」とは、「ExcelやPDFで任意のフォーマットで出力する」ことですか?
>>帳票はPDFで任意のフォーマットで出力するになります。 ただ、一覧画面上で選択したレコードを任意フォーマットで出力したものを別ウィンドウで表示して1つ目のモニターで一覧画面、二つ目のモニターで帳票したものを表示をしようとしています。

②「一覧の列幅変更」はCSSカスタマイズに当たると思います。
>>こちらはR3さんにも問い合わせしたのですが、出来ないと回答を頂きました💦

皆様からの案と現場からの要望を精査した結果、実現に向けては開発になるのかなということで開発の方向になりました。

様々なアイデア頂きありがとうございます!
他で活用出来そうなアイデアもありましたのでkintoneの知識をより深めて活用していこうと思います!

帳票はPDFで任意のフォーマットで出力するになります。

でしたら、前述したようにフリープランでもPDF出力体験はできるハズです。
「帳票は出来ない」状態をもう少し深堀り・具体化してサポートに問い合わせるのがよろしいかと。

ただ、…

とあるのは、どこか懸念点があるのでしょうか。
生成したPDFをブラウザ画面に表示するまではCUSTOMINEの範疇ですが、「マルチモニタでの閲覧」はOSやブラウザの使い方に依存するので、R3では回答しかねるところが多分にあると思います。

例えば…
①CUSTOMINEでPDF出力先を「ブラウザーのタブ」に設定し、
②表示されたPDFのタブ(ブラウザが「新しいタブで開く」旨の設定になっている場合)もしくはウインドウ(ブラウザが「新しいウインドウで開く」旨の設定になっている場合)を二つ目のモニターにドラッグ&ドロップ(+最大化)
すればイイだけだと思います。
(①がCUSTOMINE ②がOSやブラウザの使い方に依存するところ)

ちなみに、CUSTOMINEはブラウザの開き方を自動化するアクションはないので、「JavaScriptを実行する」というアクションで相応のコードを書くことになると思います。

ご参考になりますかどうか…

こんにちは。
多分、メールクライアントの様に、メール一覧表でメールを選んだら本文のプレビューが見れる様なビューを構築する方法を希望しているのではないかと思います。

以下のカスタマインの事例は参考になるでしょうか?

https://support.gusuku.io/ja-JP/support/solutions/articles/36000549514-%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%A8%E8%A9%B3%E7%B4%B0%E7%94%BB%E9%9D%A2%E3%82%92%E7%B5%84%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E3%81%9F%E7%94%BB%E9%9D%A2%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B


ポルカ
製造業
2025/11/05 10:33

ご回答頂き、ありがとうございます!

gusuku Customineを早速試してみました!
帳票は出来ないのと、一覧の列幅なども調整出来ないことから開発の方向で一旦進めてみることになりました💦

事例すごく参考になりました。
また、カスタマインの機能を知ることが出来ましたので勉強にもなりました!

ありがとうございました!

モカ
建設業
2025/10/30 14:34

こんにちは

一覧画面と帳票画面を同時に閲覧する方法等ありますでしょうか?

同時に見るということでしたら、kintoneを開いているタブを右クリックして
「タブを複製」をするとkintoneの画面を複数開くことができますので
画面を並べて確認することは出来ます。
アプリを作成したり内容を変更する際は、アプリの詳細画面を見ながら
別タブで設定画面を開いて内容の変更が出来るので、とても便利です。

④一覧で別レコードを選択したら帳票画面も選択したレコードの帳票に切り替わる

こちらはタブを複製しても別画面なので連動はしていないので
同じ動きをすることは難しいと思います。
プラグインのことは詳しくないのでお答えできず申し訳ありません。


ポルカ
製造業
2025/11/05 10:57

ご回答ありがとうございます!

複数タブで閲覧するのは開発時にも活用出来そうとのこととても参考になります!
行ったり戻ったりとするのは以外と手間になるのでぜひ試してみようと思います!

連動に関しては標準ではやはり難しいですよね・・・
こちらに関しては開発の方向で考えてみます!

ご親切にありがとうございました!

カスタマインでできるこちらはいかがでしょうか?

一覧画面と詳細画面の複合画面を作成する
https://docs-customine.gusuku.io/ja/actions/other_ui/create_mix_view/


ポルカ
製造業
2025/11/05 10:59

ご回答頂き、ありがとうございます!

やはり、gusuku Customineは人気なんですね!
早速試してみましたが、帳票は出来ないのと、
一覧の列幅なども調整出来ないことから開発の方向で一旦進めてみることになりました💦

カスタマインは一覧以外にも様々な事が出来そうなのでそちらは続けて確認してみようと思います!

ご親切にありがとうございました!