Tips

🎨 カレンダーの予定表示を“ユーザー別に色分け”!

📢 こんな課題ありませんか?

  • カレンダービューの予定がすべて同じ色で区別しにくい
  • 誰が登録した予定か、ひと目で分からない
  • チーム予定の管理で、視認性が低くミスが発生

こうした悩みを解決するのが「ユーザー別に予定を色分けするカレンダー表示」です。

🔨 カスタマイズの概要

  • kintone標準のカレンダー表示に、ユーザーごとの色分け機能を追加
  • 土日セルも色変更し、週次や休日がひと目で分かるように調整
  • 標準機能の操作感はそのままに、見た目だけを強化するシンプルなカスタマイズです

✅ 標準機能の「見た目」を補完するだけのカスタマイズなので、操作性は標準機能と同じです。


💻 デモ画面と操作性

  • 登録ユーザーごとに背景色が変わるカレンダー画面
    → 例:Aさんは青、Bさんは黄色、Cさんはオレンジ
  • 土曜・日曜セルは淡い色で区別
  • イベント登録やマウス操作は標準と同じなので、違和感なく利用可能

📚 導入手順と設定ポイント

  1. フィールドの準備
    • タイトル(文字列1行)
    • 開始日時/終了日時(日時)
    • 登録ユーザー(ユーザー選択型・初期値:ログインユーザー)
  2. JavaScriptカスタマイズ
    • USER_FIELD_CODE に登録ユーザーのフィールドコードを指定
    • USER_COLOR_MAP でユーザーコードと色をマッピング
    • app.record.index.show イベントでカレンダー描画時に色を適用

✅ 専用プラグイン不要!標準機能+簡単なコードだけで実装可能です。
 詳しい実装方法は「自分でカスタマイズしてみたい方へ」のリンク記事をご覧ください

スポンサーリンク

✅ 導入メリット

メリット内容
👀 視認性UP登録者別に色分けされ、予定が一目で把握可能
⏱ ミス・確認工数削減誰が登録した予定か確認の手間を軽減できる
🎨 見た目改善土日セルやチーム区分が明確で見やすく、UXが向上
💰 低コスト導入標準機能を活かした軽量カスタマイズなので、追加ツール不要   

🎯 まとめ

kintoneの標準カレンダーにユーザー別の「色分け」を加えるだけで、予定の視認性が大幅に向上します。
ユーザーコードと背景色マッピングの組み合わせは、いくつでも指定可能です。
※背景色が未設定のユーザーの予定は、全て標準色で表示されます.

チームごとの予定把握や設備予約など、視認性向上の効果で“うっかりミス”を解消できるカスタマイズです。

🤔 自分でカスタマイズしてみたい方へ

以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。

カレンダー表示の背景色をユーザー別に変更する|アプリ活用研究会(キン活)
やりたいこと カレンダー表示のイベント背景色を、登録ユーザー別に変更したい。 kintoneで作成した社内予定表のカレンダービューを、登録ユーザー別にイベントの背景色を変更して表示したい。 デモ画面 デモ画面のイメージは以下の通りです。 イベントの登録ユーザー別に背景色を変更して表示します。 ついでに、土日のセルの背景色も変更してみました。 カスタマイズ後のカレンダービュー カスタマイズの概要 (1)フォーム設定画面 フォーム設定で、カレンダー表示に必要な以下のフィールドを設...

🌸 アプリテンプレートの販売

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

料金プラン

◆単品販売(買取型)は、導入サポート付きの価格です。
 単品動作タイプは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 #カスタマイズ

スポンサーリンク
シェアする

事例紹介

ACHIEVEMENTS
製造業の受注データ管理をエクセルから移行
エクセルマクロの作業日報をKintoneに移行

Tips

TIPS
kintone業務活用
新関数「setFieldStyle」で実現する動的UIの効果
kintone
kintoneの「フィールド非表示」関数がラベル・罫線に対応!
kintone業務活用
ルックアップ風の動的絞り込み検索で入力時間を削減!
補助金の活用についてもご相談ください

中小企業のデジタル化に利用できる補助金や助成金があります。
補助金や助成金は申請できる企業や用途に要件があったり、事業計画書を作成する必要があったりします。
必要な手続きをサポートさせていただきますので、お気軽にご相談ください。

お気軽にご相談ください。

オンライン可
無料相談
デジタル化
診断チャート
簡易診断

デジタル化による
コスト削減効果を算出