# カレンダービュー上でのタイトル文字色変更 **URL:** \ **Category:** kintone 開発相談\ **Created:** [2022 年 9 月 26 日午前 1:12 UTC](https://community.cybozu.dev/t/topic/103 "2022-09-26T01:12:25Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\ **Post date:** [2022 年 9 月 26 日午前 1:12 UTC](https://community.cybozu.dev/t/topic/103/1 "2022-09-26T01:12:25Z")
カレンダービューで進捗状況によりタイトルの色を変更するようにしたいため、 「カレンダービュー上でのタイトル文字色変更」 を[https://developer.cybozu.io/hc/ja/community/posts/201107004-%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E4%B8%8A%E3%81%A7%E3%81%AE%E6%9B%B8%E5%BC%8F-%E6%96%87%E5%AD%97%E8%89%B2-%E5%A4%89%E6%9B%B4を参考にして作成しました。](https://developer.cybozu.io/hc/ja/community/posts/201107004-%E3%82%AB%E3%83%AC%E3%83%B3%E3%83%80%E3%83%BC%E4%B8%8A%E3%81%A7%E3%81%AE%E6%9B%B8%E5%BC%8F-%E6%96%87%E5%AD%97%E8%89%B2-%E5%A4%89%E6%9B%B4%E3%82%92%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%A6%E4%BD%9C%E6%88%90%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82) エラーメッセージの内容 は、Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘getElementsByClassName’) です。 動作自体は、正常に動いているようです。対処方法をご教示お願いいたします。 ---
**Author:** ![Legacy\_Account2757](https://avatars.discourse-cdn.com/v4/letter/l/65b543/32.png) [@Legacy\_Account2757](https://community.cybozu.dev/u/Legacy_Account2757)\ **Post date:** [2022 年 9 月 26 日午後 3:23 UTC](https://community.cybozu.dev/t/topic/103/2 "2022-09-26T15:23:57Z")
White様 この手の問い合わせでは、できれば実際のコードがあると適切な回答がつきやすいと思います。 意図違いかもしれませんが、エラー内容としては、getElementsByClassNameで指定しているクラスが未定義なので読み込めない、ようです。 リンク先のコードは2014年なのでもしかしたら対象のクラス名が異なるのかもしれません。 その辺りを再度確認されると良いかと思います。 ---
**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\ **Post date:** [2022 年 9 月 27 日午前 2:25 UTC](https://community.cybozu.dev/t/topic/103/3 "2022-09-27T02:25:08Z")
ありがとうございました。今回追加した「カレンダービュー上でのタイトル文字色変更」のjsでエラーが発生しているのではなく、一覧表での合計計算計算のjsが影響(干渉?)していました。このプログラムがある状態で、(基本機能だけの)カレンダービューを実行してもエラーが発生します。下記のプログラムを動作させるのに合計計算計算のjsと同じ’app.record.index.show’を使っていますが、このことが原因と思います。「カレンダービュー上でのタイトル文字色変更」のjsを別の方法で動作させる方法が必要だと思います。考えて(調べて)見ますが、ど素人のため修正できるか?です。プログラム同志を干渉させないのは、初歩の初歩だと思いますが、、、   | // カレンダービュー | | kintone.events.on(‘app.record.index.show’, function(event) { | | // カレンダービューの表示時にフィールド値の条件に応じて、文字色、フィールドの背景色を変更する | |   | | var eles = document.getElementsByClassName(“cellitem-value-gaia”); | | for (var i = 0, il = eles.length; i \< il; i++) { | | var ele = eles[i]; | | // eleに「未了」が含まれていたら、文字色を赤く | | if (ele.textContent.indexOf(“未了”) \>= 0) { | | ele.style.color = ‘red’; | | ele.style.fontWeight = ‘bold’; | | } else { | | ele.style.color = ‘black’; | | ele.style.fontWeight = ‘normal’; | | } | | } | | }); | | })(); | ---
**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\ **Post date:** [2022 年 9 月 27 日午前 2:34 UTC](https://community.cybozu.dev/t/topic/103/4 "2022-09-27T02:34:22Z")
TO 様 送信したあとで気が付きました、サイボウズさんが作ったカレンダービューと私の作った一覧表での合計計算計算のjsがカレンダービュープログラムの実行で干渉するのですから、上記方法ではダメですね。一覧表での合計計算計算のjsで何らかの対応が必要ですね。 ---
**Author:** ![Legacy\_Account2757](https://avatars.discourse-cdn.com/v4/letter/l/65b543/32.png) [@Legacy\_Account2757](https://community.cybozu.dev/u/Legacy_Account2757)\ **Post date:** [2022 年 9 月 27 日午前 2:39 UTC](https://community.cybozu.dev/t/topic/103/5 "2022-09-27T02:39:12Z")
White様 カレンダービューとは別の一覧で別のjsが動いている，という解釈でよいですか？ 解釈に誤りが無ければ，一覧のviewIdなどで処理を分けることができます． 例えば，表示している一覧のviewIdは，event.viewIdで取得できます． カレンダービューの一覧IDはアプリを起動してから， 確認したい一覧を選択して表示すればURLのview=～で確認できます． あとは，if分岐で対象のviewIdじゃなかったら処理しないで抜けるようなコードをそれぞれのjsの直後に ``` kintone.events.on('app.record.index.show', function(event) { if(event.viewId !== 〇〇〇〇〇〇){return event}; //〇〇〇〇〇〇は一覧のid ～ ``` …という記述をすることで回避できるかもしれません． 参考になれば幸いです．   ---
**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\ **Post date:** [2022 年 9 月 27 日午後 11:58 UTC](https://community.cybozu.dev/t/topic/103/6 "2022-09-27T23:58:28Z")
TO 様 早速のご教示ありがとうございます。 現状、私の作ったアプリの一覧には一覧1、一覧2、カレンダーの3つがあります。カスタマイズしたjavascriptは、一覧1、一覧2で動き、カレンダービューでは動かないようにしないとカレンダービューには、'recordlist-header-label-gaia’のクラス名が無いため、Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘getElementsByClassName’)のエラーが出てしまうようです。 ご教示していただいた方法でトライしてみます。 一覧1、一覧2用に作ったjavascriptが、'app.record.index.show’で動くようにしているためカレンダービュー(基本機能だけで作っても)を開くと、一覧1、一覧2用に作ったjavascriptが動作しエラーが表示してしまうことをようやく理解しました。 エラーが出ても実害は無いのですが、気になったため質問させていただきました。 また、viewId取得について教えていただきありがとうございました。 ---
**Author:** ![Legacy\_Account2962](https://avatars.discourse-cdn.com/v4/letter/l/d26b3c/32.png) [@Legacy\_Account2962](https://community.cybozu.dev/u/Legacy_Account2962)\ **Post date:** [2022 年 9 月 28 日午前 2:32 UTC](https://community.cybozu.dev/t/topic/103/7 "2022-09-28T02:32:08Z")
TO 様 ご教示いただいた方法でエラー解消することが出来ました。 | 第7回 カスタマイズビューを利用してみよう[https://developer.cybozu.io/hc/ja/articles/202905604](https://developer.cybozu.io/hc/ja/articles/202905604) | | 選択された一覧によって処理を切り替えるのサンプルコードで対処できる事が書かれているのに | | 失念していました。 | | (() =\> { | | ‘use strict’; | | kintone.events.on(‘app.record.index.show’, (event) =\> { | | if (event.viewId !== 139967) { | | return; | | } | | window.alert(‘カスタマイズビューはじめました’); | | }); | | })(); お手数をお掛けしました。 | ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2024 年 6 月 6 日午前 4:19 UTC](https://community.cybozu.dev/t/topic/103/8 "2024-06-06T04:19:46Z")
クローズされました: 2024 年 6 月 6 日午前 4:19 UTC このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。