# changeイベントで、別のアプリからレコードがある場合に、自分のアプリのルックアップフィールド値を代入したい

**URL:** <https://community.cybozu.dev/t/topic/8192>\
**Category:** kintone 開発相談\
**Created:** [2023 年 10 月 11 日午前 1:55 UTC](https://community.cybozu.dev/t/topic/8192 "2023-10-11T01:55:32Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 1:55 UTC](https://community.cybozu.dev/t/topic/8192/1 "2023-10-11T01:55:32Z")

</div>

### 何を実現したいのかを書きましょう

新規登録時、入力したテーマNoが参照元にレコードが存在するなら、代入し、  
存在しないなら代入しないことがしたいです。  
changeイベントだとルックアップフィールド値に値の代入が可能で、  
submitイベントだとルックアップフィールド値に値の代入が不可能のようです。  
changeイベントにはpromisが対応していないことはわかりますが、ほかに実現方法はないものでしょうか？  
どなたか教えていただきたいです。

### 発生した問題やエラーメッセージを具体的に書きましょう

テーマNo\_01はルックアップ設定したフィールド値で、javascript apiのpromiseで参照元のレコード件数があったら、自分のアプリのルックアップフィールドに値を代入したいです。  
参照元の件数が0件だったら、ルックアップフィールドをクリアし、空のままで保存させたいです。

### 実行したコードをコピー＆ペーストしましょう

```javascript
	kintone.events.on(['app.record.create. **change**.テーマNo_'], event => {

		const record = event.record;

		// テーマNoが入力されている場合
		if (record.テーマNo_.value) {

			**record.テーマNo_01.value = record.テーマNo_.value;**
**event.record['テーマNo_01'].lookup = true;**

		}

		return event;

	});

```

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 2:33 UTC](https://community.cybozu.dev/t/topic/8192/2 "2023-10-11T02:33:28Z")

</div>

@rena_168 さん

こんにちは、少しお力になれそうだったので回答させていただきました。  
そうですよね、changeイベントでは基本promiseを対応していないのですが、裏技的な方法がございまして…

以下に @rena_168 さんのコード利用させていただいてサンプル書かせていただきますね。

```javascript
kintone.events.on(['app.record.create. **change**.テーマNo_'], event => {

		const record = event.record;

		// テーマNoが入力されている場合
		if (record.テーマNo_.value) {

			**record.テーマNo_01.value = record.テーマNo_.value;**
**event.record['テーマNo_01'].lookup = true;**

             //↓このように即時関数で実行すればエラーになりません。
             (async () => {
                const body = {
                    app: kintone.app.getId(),
                    id: 1,
                }
                const resp = await kintone.api(kintone.api.url('/k/v1/record.json', true), 'GET', body);
                console.log(resp);
             })();

		}
		return event;
	});

```

このように、async即時関数で囲めば実行できるようになるので、恐らくされたい事として実現できるのではないかなと考えております。

---

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 2:51 UTC](https://community.cybozu.dev/t/topic/8192/3 "2023-10-11T02:51:11Z")

</div>

すみません、async/awaitもchangeイベントでつかえないと書いてあり、  
([フィールド値変更イベントで、他のアプリのフィールドの値を書き換えたい - Legacy\_Account399 の #4](https://community.cybozu.dev/t/topic/5361/4))  
実際JSEdit for kintoneでエラーになっております。

 ![image](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d574860a8d7c0bc6c60ac9627f49cb7edb3574d6.png)  
いかがでしょうか。

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 2:54 UTC](https://community.cybozu.dev/t/topic/8192/4 "2023-10-11T02:54:46Z")

</div>

JSEditではエラーとでるかもしれないですが、実際動かしてみてコンソールログ見てみると即時関数内ではasymc/awaitでも動いていませんか？  
こちらの環境ではchangeイベントでも動いていますが…

---

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 3:29 UTC](https://community.cybozu.dev/t/topic/8192/5 "2023-10-11T03:29:40Z")

</div>

おっしゃってる通り、自分のアプリをGETできてはいますが、bodyの中は参照元の別のアプリから取得してみると、デバッグでエラー「Uncaught (in promise) Object」が出ました。  
やっぱり難しいものなんでしょうか。。。

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 4:07 UTC](https://community.cybozu.dev/t/topic/8192/6 "2023-10-11T04:07:33Z")

</div>

情報を同じアプリから取得するのと、違うアプリから取得するのは、REST API上何も違いがないはずですので、先ほどのサンプルで動いているなら動くと思っていますが…  
動かないコードはって頂いてもいいですか？

---

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 5:22 UTC](https://community.cybozu.dev/t/topic/8192/7 "2023-10-11T05:22:11Z")

</div>

以下が実際のソースですが、自分のappは169で別の参照先のappは168です。  
特別に難しいことはしていませんが、エラーが出ております。  
宜しくお願いします。

```
kintone.events.on(['app.record.create.change.テーマNo_'], event => {

	const record = event.record;

	// テーマNoが入力されている場合
	if (record.テーマNo_.value) {
  var resp = "";
  //↓このように即時関数で実行すればエラーになりません。
   (async () => {
      const body = {
        'app': 168,
        'query': `テーマNo_= "${record.テーマNo_.value}"`
      }
      resp = await kintone.api(kintone.api.url('/k/v1/record.json', true), 'GET', body);
      console.log(resp);
   })();
         
    if (resp.record.length > 0) {  
			record.テーマNo_01.value = resp.record.テーマNo_.value;
          event.record['テーマNo_01'].lookup = true;
      
    }

	  
	  
	}
	return event;

```

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 5:29 UTC](https://community.cybozu.dev/t/topic/8192/8 "2023-10-11T05:29:13Z")

</div>

なるほどですね…とりあえず見当たるところとして、  
queryを使う場合は、URLを

```javascript
'/k/v1/record.json' => '/k/v1/records.json'

```

recordsに変える必要がありますね 💦

あと加えて、queryの内容も = などと スペース噛ませておいた方が可読性あがりますね 💦

> **[複数のレコードを取得する](https://cybozu.dev/ja/kintone/docs/rest-api/records/get-records/)**
>
> クエリで条件を指定して、複数のレコードを取得します。

---

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 5:50 UTC](https://community.cybozu.dev/t/topic/8192/9 "2023-10-11T05:50:01Z")

</div>

あぁ、そうでしたね！  
ありがとうございます。

しかし、理解できないところが、return event後にapi実行のところが実行されているようです。そのため、詳細画面上に「保存」ボタンを押す必要があるようです。  
何でこんなふうになるものでしょうか。

if (record.テーマNo\_.value) {  
//↓このように即時関数で実行すればエラーになりません。  
(async () =\> {  
const body = {  
‘app’: 168,  
‘query’: `テーマNo_= "${record.テーマNo_.value}"`  
}  
const resp = await kintone.api(kintone.api.url(‘/k/v1/records.json’, true), ‘GET’, body);  
console.log(resp);  
if (resp.records.length \> 0) {  
record.テーマNo\_01.value = resp.records[0].テーマNo\_.value;  
event.record[‘テーマNo\_01’].lookup = true;

```
      }
   })();
         

	  
	return event;

	}

```

changeイベントの中に非同期処理を入れないで普通にルックアップ設定のフィールドには値が設定できるのに、非同期処理を入れると代入されないのです。

根本的に何かが違うものでしょうか。

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 6:37 UTC](https://community.cybozu.dev/t/topic/8192/10 "2023-10-11T06:37:00Z")

</div>

簡単にイベント発火からのフローをまとめてみると、

チェンジイベント発火！  
↓  
同期処理  
↓  
async即時関数 → await処理 → 終了  
↓  
`return event;`でチェンジイベント終了

という風にチェンジイベントで起きた処理とasync即時関数で起きた処理は同期しなくなるんですね…  
そのため、チェンジイベントで`return event`しても反映されない！ということが起きます。

そのため、ほぼ答え書いてしまって申し訳ないですが、以下のようにしてあげる必要があると思います。  
こちら試してなく素で書いただけなので、試してみてエラーがでたら適時変更してみてください。

```javascript
kintone.events.on(['app.record.create.change.テーマNo_'], event => {
    const record = event.record;

    // テーマNoが入力されている場合
    if (record.テーマNo_.value) {
        var resp = "";
        //↓このように即時関数で実行すればエラーになりません。
        (async () => {
            const body = {
                'app': 168,
                'query': `テーマNo_= "${record.テーマNo_.value}"`
            }
            await kintone.api(kintone.api.url('/k/v1/record.json', true), 'GET', body).then((resp) => {
                console.log(resp);
                const rec = kintone.app.record.get();
                if (resp.records.length > 0) {
                    rec.record.テーマNo_01.value = resp.records[0].テーマNo_.value;
                    rec.record['テーマNo_01'].lookup = true;
                } else {
                    rec.record['テーマNo_01'].lookup = 'CLEAR';
                }
                kintone.app.record.set(rec);
            });
        })();
    }
    return event;
})

```

コード解説としては、GETメソッドを`.then()`のメソッドチェーンで待ってから、  
`kintone.app.record.get()`で取得  
↓  
ルックアップの処理分岐  
↓  
`kintone.app.record.set()`でレコードに反映  
って感じですね。  
詳しくは

> **[レコードの値を取得する](https://cybozu.dev/ja/kintone/docs/js-api/record/get-record/)**
>
> 現在開いているレコードのデータを取得します。

> **[レコードに値をセットする](https://cybozu.dev/ja/kintone/docs/js-api/record/set-record-value/)**
>
> 現在開いているレコードに値をセットします。

---

<div class="post-metadata">

**Author:** ![rena\_168](https://avatars.discourse-cdn.com/v4/letter/r/8dc957/32.png) [@rena\_168](https://community.cybozu.dev/u/rena_168)\
**Post date:** [2023 年 10 月 11 日午前 6:43 UTC](https://community.cybozu.dev/t/topic/8192/11 "2023-10-11T06:43:03Z")

</div>

先輩、ありがとうございます！  
get,setは初めて使用します。  
今まではpromiseでやってきて、うまくいってるのに今回はできないはずがないと思いましたが、実装し方も色々あるんですね！  
とても勉強になりました！！！

---

<div class="post-metadata">

**Author:** ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)\
**Post date:** [2023 年 10 月 11 日午前 6:51 UTC](https://community.cybozu.dev/t/topic/8192/12 "2023-10-11T06:51:11Z")

</div>

先輩なんて恐縮です 💦  
そうですね、結構いろんな実装方法ありますけど、こんな感じで一歩一歩処理がつかめるようになれば、あとは肌感でなんとかなること多いですよ 😅  
また、機会がございましたら宜しくお願いいたします！

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2023 年 10 月 14 日午前 6:51 UTC](https://community.cybozu.dev/t/topic/8192/13 "2023-10-14T06:51:39Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。