みんなの投稿

①株式会社ジョイゾー様のフルスクリーンプラグインを使用している方
②カレンダーPlusを使用したアプリの画面をデジタルサイネージとして利用している方
③kintoneの画面をデジタルサイネージとして利用している方
特に上記いずれかに該当する方がおられましたら運用方法をお聞きしたいです。

・ご契約中のコース
スタンダード

・お悩みの背景、目的(何を実現するためにkintoneを活用したいか等)
現在カレンダーPlusを使用したアプリで予定表ホワイボードの代わりになるような運用しようと取り組んでいます。現場にある大型モニターにアプリの画面を映し出してみて実際に利用できるかのお試し段階なのですが、予定の追加があった際にカレンダー画面が更新されるように自動で定期的にリフレッシュ(F5)的なことができないかと考えています。(方法がないかシステム部に問い合わせ中)

大型モニターサイズに合わせて画面が見やすいようにスクロールバーで画面を調整しているので、手動でF5を押して更新をするとスクロールバーが初期の位置に戻ってしまうので(自動化ができたとしても再度調整が必要になるのも手間だと思い)、それもどうにかならないかと思い調べてみたところフルスクリーンプラグインを見つけたのですが、プラグイン使用して思ったように使用できるのかが不明なため、もし使用している人がおられましたら使用感を教えていただきたいです。

もし他にも運用方法のアイデアがありましたら是非ご意見いただきたいです。

ぼかしが強くわかりずらいかもしれませんが、今現在表示している画面を添付します。

・譲れない条件(プラグインは使えない等)
javascriptは使用していません。

4件のコメント (新着順)
suji バッジ画像
2025/12/05 10:29

おはようございます。

chromeなどのブラウザ拡張機能で、ページ自動更新ができるものがあるので
そちらも検討してみてはいかがでしょうか。

また、デジタルサイネージのように、特定操作しかできないようにしたい場合は
windowsのキオスクモードでブラウザを起動させる方法もあります。

興味があれば検索してみてください。

以上です。


こんにちは。コメントありがとうございます。
拡張機能について調べたところ、自動更新してくれるものが見つかり挙動も問題ありませんでした!
大変助かりました!ありがとうございます🙏

操作については表示させたいモニター自体が壁の上部にあるため、物理的に操作するハードルが高いので今回は拡張機能でお試ししたいと思います。

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

見栄え面からの実現性を考えてみました。

「デジタルサイネージ」で思いつくのは、駅やビルの広告(静止画タイプ)とか、空港やホームなどの運行インフォメーション、株価・為替のインフォメーションなどで、どれも一定の見栄えを保つために固定周期で画面が強制的に切り替わるものと思います。

対して、ホワイトボードの行動予定表、(昔懐かし)駅の伝言板などは、情報が1画面で見えていて、その範囲内で更新されるものと思います。

御社で表示したいのは、予定表ですよね?どちら寄りの見栄えをお望みでしょうか。

前者に寄せるならば、例えば(出来るかどうかは分かりませんが)1個人に絞った予定表画面をメンバー分用意するとか、表示行を1行のみ表示(他は非表示)などにして予定表画面もしくは行の表示⇔非表示を固定周期で切り替えることで、扱いが難しいスクロールは不要とすることが出来ると思います。
(個別の更新があっても、待っていれば定期切替タイミングで自動的に最新情報で表示されるので、それでもよしと出来るならばですが…なお、更新→即画面更新の仕組みを追加したとしても、スクロール不要は維持できるかと。)

後者に寄せるならば、表示するものを”今日の予定に絞る”などして、1画面に全てが収まるような(=スクロールバーが出てこない)レイアウトにするだけで、スクロール不要にできると思います。

自動更新(画面切り替えや「個別情報更新→即反映」)の仕組みは考えないといけないと思いますが、見せ方の工夫だけでスクロールバーが現れなくすることは出来そうですね。

ご参考になれば幸いです。


沢山のアイデアありがとうございます!
前のコメントでいただいていた、

①についてふと思ったのですが、再描画後にCtrl+Fで開く検索窓に”タイトル行ではない左上端の文字列”を入力→[Enter]の挙動はどうなりますでしょうか。

こちら試したのですが、「タイトル行ではない左上端の文字列」にフォーカスはしたのですが、右側のタイトル行の羅列(日付の領域)は一緒に移動しませんでした…。

見栄えの話では、後者の認識でした。今現在は1週間の予定を表示していましたが、当日の予定のみに絞り込めば確かにスクロールが不要になるかもしれません!実際に使用する現場にも確認をして、表示方法についても検討してみます。

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

画像を見ると、カレンダーPlusの描画領域内にも一つスクロールバーが現れて、そちらをスクロール調整されてるんですよね?

なみおか|モノづくり開発企業さんの仰る「描写領域だけ再描写される」のであれば、隠れている部分も再描画されて、スクロールはtopにリセットされてしまうことを懸念します。
もしそうならば、完全解決とはならないかも…🤔

Plus自体が再描画前のスクロールバー位置を記憶しておいてくれて(内部スクロールバーなので技術的にはできるハズ)、再描画後にそこまで自動スクロールしてくれるなら御の字ですが、難しそうだった場合…

①ブラウザのF5キーの動きで、「画面更新後、フォーカスが当たっていた(カーソルがあった)ところまでスクロールしてくれる」というものがあります。

手動で試せることとして、Plus内の”タイトル行ではない左上端の文字列のどこかクリックしたらカーソルが現れるところ”をクリックしてフォーカスを当て、F5した時にどういう挙動を示すか見ていただけないでしょうか。

うまく行くなら、再描画前にフォーカスを当ててから再描画→なおうまく行くようだったら、「Plus再描画前にフォーカスを当てる」という仕組みにするとかでもよいと思います。

②また、Plus内スクロールバーの位置を取得できれば、
  a.イベント発火時まずはPlus内スクロールバーの位置を記憶
  b.Plusの機能(またはF5相当のコード)で再描画
  c.記憶していた位置までスクロール
 とする手もあるかと。

カレンダーPlus自体使ってないので、出過ぎた真似ですみません🙇🏻‍♂️


コメントありがとうございます。

画像を見ると、カレンダーPlusの描画領域内にも一つスクロールバーが現れて、そちらをスクロール調整されてるんですよね?

おっしゃる通り、描画領域内のスクロールバーを動かしています。

手動で試せることとして、Plus内の”タイトル行ではない左上端の文字列のどこかクリックしたらカーソルが現れるところ”をクリックしてフォーカスを当て、F5した時にどういう挙動を示すか見ていただけないでしょうか。

チャレンジしてみたのですが、カレンダーPlusの画面では上手く戻らず一番上まで戻ってしまいました…。これが可能であれば少し道が開けたのですが難しいですね😢

②についてはそこまで対応できるほど詳しいものがおらず難しそうです。

色々調べてみて、フルスクリーンプラグインもお試ししてみようと思います。
ありがとうございました!

フォーカス当て方式がうまく行かなかったようで、残念です😭

①についてふと思ったのですが、再描画後にCtrl+Fで開く検索窓に”タイトル行ではない左上端の文字列”を入力→[Enter]の挙動はどうなりますでしょうか。

calendarplus.view.refetchEvents();
はカレンダーplus内のスクロール位置も維持されますよー!
※添付ファイルのgifはモーダルウィンドウに追加画面出していますが、これは別途開発しています

ただ、予定が埋まった分、予定の幅が広がる場合があるので、
さすがにそこまでは追従できないです。

まあいずれにせよ、開発要素は難しいようなので。。。



ブラウザ側でやれることとしたら、
F11で全画面にして、ブラウザのズーム倍率小さくする
あたりしか思いつきませんでした。
(既にやられてるとは思いますが)



サイネージに使う案個人的に興味あるので、
うまく行ったら是非教えてください!!

映像までわかりやすく添付していただきありがとうございました!

デジタルサイネージ(私のイメージでは画面固定の自動リフレッシュができるもの)として運用はできていないのですが、一応別のチームでは同じカレンダーPlusを使用したアプリ(予定内容等は質問したアプリとは別)を大型モニターに映し出しホワイボードの代わりとして運用しています。
既に運用しているチームでは現場の机の上の大型モニターにkintone画面を表示しており、予定をクリックして詳しい内容を確認したり、予定を追加したり、作業途中の写真を保存したりして定期的に画面を触るのでその段階でリフレッシュができています。
チーム自体のメンバー数も少なく、予定の追加で運用してくれている人もkintone活用に協力的なため上手く運用はできているようです。
(こちらの画像もぼかしが強くあまり伝わらないかもしれませんが、運用できているチームの予定表の画面と予定のレコード内容を添付させていただきます)



今現在試そうとしている別のチームのモニター表示は、表示したいモニターが現場の壁の上部に取り付けられているので画面固定の自動リフレッシュとして考えていました。
またチームのメンバー数も多く、そちらのチームでは上手く活用してもらえるか定かではないため色々と試行錯誤して、まずはお試しで使ってない壁のモニターに表示させてみよう!となった次第でした😓

色々と試してみて上手く活用できそうでしたらご報告いたします!ありがとうございました!

カレンダーplusをデジタルサイネージで表示、面白い使い方ですね!

カレンダーplusのAPIで、
「イベントレコードを再読み込みしてカレンダーを再描画する」
calendarplus.view.refetchEvents();
という関数があります。
これならカレンダーplus領域だけ再描画されるのでスクロールに関しては解決するかも。

システム部の方にお伝えすればいい感じに実装してもらえるかもしれません。
(キンコミでは具体的なコードに関する話題はNGになりますので、これ以上の情報提供は難しいですが)

Calendar Plus JavaScript API リファレンス
https://radical-bridge.com/product/kintone-plugin/calendarPlus/CalendarPlus-JavaScript-API.pdf


コメントいただきありがとうございます。
情報不足で申し訳ありません。問い合わせしているシステム部ですが弊社のシステム部ではなく、弊社を管轄しているグループ会社のシステム部になるので、PCについては詳しいのですがkintoneについては詳しい人がおらずあまり分からないようでした・・・。
色々と自分でも調べてみて難しそうであれば一度お試しでフルスクリーンプラグインも導入してみたいと思います!
ありがとうございました!