# カスタマイズビュー　集計表示

**URL:** <https://community.cybozu.dev/t/topic/6767>\
**Category:** kintone 開発相談\
**Created:** [2020 年 10 月 16 日午前 4:38 UTC](https://community.cybozu.dev/t/topic/6767 "2020-10-16T04:38:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2428](https://avatars.discourse-cdn.com/v4/letter/l/9dc877/32.png) [@Legacy\_Account2428](https://community.cybozu.dev/u/Legacy_Account2428)\
**Post date:** [2020 年 10 月 16 日午前 4:38 UTC](https://community.cybozu.dev/t/topic/6767/1 "2020-10-16T04:38:54Z")

</div>

お世話になっております。

初歩的な質問になると思いますが、ご教授をいただければ幸いです。

現在業務管理のアプリを作成しており、その中で担当者コード、担当者名、作業時間をカスタマイズビューで表示したいと考えております。  
ここまでであれば標準機能で対応可能だと思うのですが、今後下記のように変更していきたいと考えており、その前段階で躓いてしまいました。  
クエリの記述をする前には全レコードを表示することが出来ていました。

今後の展望  
①集計期間を選択できるようにしたい  
②業務内容毎に集計できるようにしたい

現状コンソールにてエラー表示はありません。  
クエリで指定したデータを表に加えていきたいと思うのですが、画面上特に動きがありません。  
表示の件数から考えると全レコードが取得されているように感じます。

以下コードなどです。  
・HTML

\<table border = ‘1’ class = ‘type01’\>  
\<thead id = ‘cstap\_thead’\>  
\<tr\>  
\<th\>担当者コード\</th\>  
\<th\>担当者名\</th\>  
\<th\>作業時間\</th\>  
\</tr\>\</thead\>  
\<tbody id=‘my-tbody’\>  
\</tbody\>  
\</table\>

・script

```
(function(){
'use strict';

//レコード一覧画面
kintone.events.on('app.record.index.show',function(event){
 if(event.viewId !==5575294){
  return;
 }

 //step1.仮に9月を指定
 let dayStart = '2020-09-01';
 let dayEnd = '2020-09-30';

 let myRecordSpace = document.getElementById('my-tbody');
 myRecordSpace.innerText = '';//とりあえず空にしておく

 let query = 'day < "' + dayEnd + '" and '+ 'day > "' + dayStart + '"';
 let params = {'app':kintone.app.getId(),'query':query};

 kintone.api(kintone.api.url('/k/v1/records', true), 'GET', params).then(function(resp) {

  //行を加えていく
  for(let i = 0; i < resp.records[i].length; i++){

   let record = resp.records[i];
   let row = myRecordSpace.insertRow(myRecordSpace.rows.length);
   let cell1 = row.insertCell(0);
   let cell2 = row.insertCell(1);
   let cell3 = row.insertCell(2);

   cell1.innerText = record.code_charge1.value;

   cell2.innerText = record.name_charge1.value;

   cell3.innerText = record.作業時間.value;

  }

 return event;
 });

});

})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account](https://avatars.discourse-cdn.com/v4/letter/l/ba8739/32.png) [@Legacy\_Account](https://community.cybozu.dev/u/Legacy_Account)\
**Post date:** [2020 年 10 月 16 日午前 5:13 UTC](https://community.cybozu.dev/t/topic/6767/2 "2020-10-16T05:13:30Z")

</div>

for(let i = 0; i \< resp.records[i].length; i++){

この部分

for(let i = 0; i \< resp.records.length; i++){

ではないでしょうか？

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2428](https://avatars.discourse-cdn.com/v4/letter/l/9dc877/32.png) [@Legacy\_Account2428](https://community.cybozu.dev/u/Legacy_Account2428)\
**Post date:** [2020 年 10 月 16 日午前 5:39 UTC](https://community.cybozu.dev/t/topic/6767/3 "2020-10-16T05:39:40Z")

</div>

三野様

おっしゃる通りでした。けっこうな時間をかけて考えたのですが、

こんな単純な所だと思いませんでした。

ありがとうございました。ぜひ今後ともよろしくお願いいたします。