📢 こんな課題ありませんか？
- カレンダービューの予定がすべて同じ色で区別しにくい
- 誰が登録した予定か、ひと目で分からない
- チーム予定の管理で、視認性が低くミスが発生
こうした悩みを解決するのが「ユーザー別に予定を色分けするカレンダー表示」です。
🔨 カスタマイズの概要
- kintone標準のカレンダー表示に、ユーザーごとの色分け機能を追加
- 土日セルも色変更し、週次や休日がひと目で分かるように調整
- 標準機能の操作感はそのままに、見た目だけを強化するシンプルなカスタマイズです
✅ 標準機能の「見た目」を補完するだけのカスタマイズなので、操作性は標準機能と同じです。
💻 デモ画面と操作性
- 登録ユーザーごとに背景色が変わるカレンダー画面
→ 例：Aさんは青、Bさんは黄色、Cさんはオレンジ - 土曜・日曜セルは淡い色で区別
- イベント登録やマウス操作は標準と同じなので、違和感なく利用可能
📚 導入手順と設定ポイント
- フィールドの準備
- タイトル（文字列1行）
- 開始日時／終了日時（日時）
- 登録ユーザー（ユーザー選択型・初期値：ログインユーザー）
- JavaScriptカスタマイズ
USER_FIELD_CODEに登録ユーザーのフィールドコードを指定USER_COLOR_MAPでユーザーコードと色をマッピングapp.record.index.showイベントでカレンダー描画時に色を適用
✅ 専用プラグイン不要！標準機能＋簡単なコードだけで実装可能です。
詳しい実装方法は「自分でカスタマイズしてみたい方へ」のリンク記事をご覧ください
✅ 導入メリット
| メリット | 内容 |
|---|---|
| 👀 視認性UP | 登録者別に色分けされ、予定が一目で把握可能 |
| ⏱ ミス・確認工数削減 | 誰が登録した予定か確認の手間を軽減できる |
| 🎨 見た目改善 | 土日セルやチーム区分が明確で見やすく、UXが向上 |
| 💰 低コスト導入 | 標準機能を活かした軽量カスタマイズなので、追加ツール不要 |
🎯 まとめ
kintoneの標準カレンダーにユーザー別の「色分け」を加えるだけで、予定の視認性が大幅に向上します。
ユーザーコードと背景色マッピングの組み合わせは、いくつでも指定可能です。
※背景色が未設定のユーザーの予定は、全て標準色で表示されます.
チームごとの予定把握や設備予約など、視認性向上の効果で“うっかりミス”を解消できるカスタマイズです。
🤔 自分でカスタマイズしてみたい方へ
以下のNote記事で本記事のカスタマイズ事例を紹介しています。
記事内で紹介しているカスタマイズコードは、無料で利用できるので是非挑戦してみて下さい。
「note:アプリ活用研究会（キン活）」は、当サイトのメンバーが執筆しています。
🌸 アプリテンプレートの販売
本記事でご紹介しているアプリテンプレートを、下記の料金プランで販売しています。
導入をご希望の方は、各プランの「お申込み／お問い合わせ」ボタンからお問い合わせください。
■ 料金プラン
◆単品販売（買取型）は、導入サポート付きの価格です。
単品動作タイプは60,000円、２アプリ連携タイプは100,000円、3つ以上連携タイプは150,000円です。
◆簡易サポート契約では、当サイトのアプリテンプレートとプラグインを合計6種類までご利用できます。
◆会員サポート契約では、ご利用範囲「無制限」で運用ヘルプデスク対応までフルサービスでご提供します。
| 項目 | 単品販売 | 簡易サポート | 会員サポート |
|---|---|---|---|
| 料金体系 | 60,000円 (税抜) | 120,000円 (税抜) | 360,000円 (税抜) |
| 契約期間 | なし | 毎年更新 | 6か月更新 |
| 導入サポート | ✔ | ✔ | ✔ |
| メールサポート | × | ✔ | ✔ |
| チャットサポート | × | ✔ | ✔ |
| バージョンアップ対応 | × | ✔ | ✔ |
| 運用ヘルプデスク対応 | × | × | ✔ |
| 商品のご利用範囲 | 本商品のみ | 6種類までご利用可能 ユーザー数10名まで |
無制限 ユーザー数30名まで |
| お問い合わせ／お申し込み | 購入する | お申込み |
🏫 kintone人材育成研修
この様なカスタマイズを自分で出来る様になりたい方は、当サイトの「Kintome人材育成」上級コースの受講をご検討して下さい。当サイトのTIPSで紹介しているカスタマイズ例のテンプレートを使えば、簡単に実装出来ます！
上級コースの受講者には、特典で当サイトのカスタマイズテンプレート（3種類まで）と３か月のサポート契約を無償でご提供しています。
研修目的を「カスタマイズテンプレートのアプリ導入」とする研修メニューもご提案可能です。
📣カスタマイズ・導入支援いたします！
本記事の様な「kintoneアプリのカスタマイズ」をご希望の企業様へ
kintoneを便利に活用できるカスタマイズと運用支援は、ぜひ当社にご相談ください！
#kintone #Javascript #カスタマイズ
