kintoneアプリに時計＆タイマー表示するプラグイン

kintoneのレコード一覧のヘッダーに時計／タイマーを表示するプラグインです。

アプリのレコード一覧画面に時計＆タイマーを表示したい？

kintoneアプリのレコード一覧表に時計（日付＋現在時刻）やタイマー（残り時間）をリアル更新で表示します。
タイマーの表示メッセージや文字色、文字サイズなどを自由に設定できます。
予定管理アプリなどのレコード詳細画面で、レコード別の予定時刻（日時フィールド）までの残り時間のタイマー表示も可能です。

開発のきっかけは、「kintoneアプリの一覧表に時計やタイマーを表示できますか？」という要望に、Javascriptカスタマイズで対応したことです。
運用開始後すぐに「タイマー時刻の変更でJSコードを修正する作業が大変です」とのクレームを頂いたので、プラグイン化してみました。
提供できる機能は単純なのですが、デザイン設定の自由度を高めるために設定項目を色々と増やした結果、割と時間をかけた作り込みになっています。

デモ画面１：時計表示

レコード一覧表のメニュー右横に、リアルタイム更新する日付と日時を表示します。
日付と日時の文字色の設定変更も可能です。

デモ画面２：タイマー表示（残り時間）

設定したメッセージと設定時刻までの残り時間をリアルタイムでカウントダウン表示します。
「残り時間＜警告時間」の条件で色を変更することもできます（デモは60分未満で赤色表示）

本プラグインの主な機能と特徴

導入のメリット

本プラグインの導入により得られるのメリットは、タイムマネジメントの「見える化」です。
kintoneアプリで作業中に、現在の時刻や、次の予定までの残り時間を手早くリアルタイムに把握できます。

予定管理アプリでレコード詳細画面を見たときに、予定までの残り日数と時間を把握することも出来ます。

人間は、残り時間をリアルタイムで表示されると、具体的な行動を促す効果が大きいらしいです（タイムプレッシャー効果）。

試験導入した企業の活用事例として、「定時退社時刻」までの残り時間をタイマー表示することで、社員のモチベの維持と残業抑制に効果を発揮しています。
表示タイマー（残り時間）が警告色（例：30分前に赤色）に変化したら、残務整理に集中して新規JOBは着手しない、という暗黙ルールもある様ですｗ

プラグインの設定方法

📌 表示モード

時計表示（現在の日付＋時刻）と、タイマー表示（設定日時までの残り時間）を選択できます（両方選択も可）。
✅時計表示（現在の日付＋時刻）は、レコード一覧表のメニュー右側に表示します。
✅タイマー表示は、レコード一覧表のメニュー下部とレコード詳細画面のヘッダー部に表示します。

📌 タイマー用設定（タイマー表示がONなら表示されます）

• 表示メッセージ（16文字以内）：レコード一覧表のタイマー表示用のメッセージです。
• タイマー日時：タイマー終了の日時を指定します（DateTimePickerで入力可）
• アプリの日時フィールド：レコード詳細画面のタイマー終了時刻に用いる日時フィールドを選択します。
  この設定が選択されていないと、次のレコードタイトルも選択できません。
• レコードタイトル：現在日時＜予定日時（アプリ日時フィールド）のレコード一覧が選択できるようになります。
  レコードタイトルを選択すると、レコードタイトルが表示メッセージに、予定日時がタイマー日時に自動セットされます。

📌 デザイン設定

• 時計表示モードの日付の色と時刻の色を設定できます。
• タイマー設定モードでは、日付の色がメッセージ色になります。
  • 警告時間の色と警告時間（分）は、残り時間＜警告時間の条件で時刻の色を変化させます。
  • ウルトラマンのカラータイマーの様なものです（令和生まれには伝わらないかも？）
• 文字の大きさと色は、プレビュー画面で確認できます。
• 表示位置（左端、中央、右端）の設定は、タイマーの表示位置の指定（初期値は左端）です。

💻 設定画面のデモ

時計表示モードの日付の色と時刻の色を設定できます。タイマー設定モードでは、日付の色がメッセージ色になります。

試用版プラグインのお申込み

本プラグインの試用版（60日間）をご希望の方は、以下のフォームからお申し込みください。
お申込み者のＥメール宛に「試用版ダウンロードのご案内」をＥメールでご送付します。
★★ kintoneの「ドメイン名」は正確にご記入ください。★★

お問い合わせ・料金体系

本プラグインは、下記の料金プランで販売しています。
ご購入を希望される場合は、各プランの「購入する」ボタンからお申込みください。

簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
会員サポート契約では、導入支援から運用ヘルプデスク対応をフルサービスでご提供します。

リリースノート

【名称】時計＆タイマー表示プラグイン

【概要】kintoneアプリの関連レコード一覧の数値型・計算型フィールドの値を集計するプラグインです。

このプラグインで利用しているOSSのライセンスはありません。

参考記事（Javascriptカスタマイズ事例）

以下の記事は、Javascriptカスタマイズでレコード一覧表にタイマー表示機能を実装する事例紹介です。
自分でカスタマイズしてみたい方は、ご参考にして下さい。

アプリのレコード一覧表にタイマー表示機能を実装する！

kintoneのレコード一覧に「残り時間」をリアルタイム表示するタイマー機能を追加しよう！レコード一覧表のヘッダースペースを有効活用「作業に集中していると、ついつい時間を忘れちゃう…」という経験はありませんか？気がついたら締切時間ギリギリで慌ててしまった、という経験は誰にもあると思います。特に、企画書やレポート作成などに集中していると時間を忘れて作業に没頭しがちです。また、工場の現場では、作業ごとに定められた時間を厳守することが求められます。しかし、これらの作業に集中している...

dejitora.jp

2025.09.02

#kintone #plugin #関連レコードの集計