# API処理の順番

**URL:** <https://community.cybozu.dev/t/topic/5601>\
**Category:** kintone 開発相談\
**Created:** [2021 年 12 月 27 日午前 9:23 UTC](https://community.cybozu.dev/t/topic/5601 "2021-12-27T09:23:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2812](https://avatars.discourse-cdn.com/v4/letter/l/71e660/32.png) [@Legacy\_Account2812](https://community.cybozu.dev/u/Legacy_Account2812)\
**Post date:** [2021 年 12 月 27 日午前 9:23 UTC](https://community.cybozu.dev/t/topic/5601/1 "2021-12-27T09:23:16Z")

</div>

&nbsp;

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

&nbsp;

初心者の質問で申し訳ありません。

&nbsp;

下記コードは、テーブルのフィールド項目「name」が入力されると

アプリ内項目の商品コード＆配達店舗に該当する

他アプリの在庫マスタの在庫数が、アプリ内項目「stockNum」に反映される仕組みです。

処理の順番が、

「kintone.api(kintone.api.url(‘/k/v1/records’, true), ‘GET’, params, function (resp) {」の中を通らず、

一番下の「 console.log(row.value[‘stockNum’].value);」まで流れてから、

「kintone.api(kintone.api.url(‘/k/v1/records’, true), ‘GET’, params, function (resp) {」の中の処理を行います。

&nbsp;

書いたコードを上から下まで順番通りに処理できるといいのですが…

原因をご教授いただければ幸いです。

&nbsp;

```
kintone.events.on('app.record.create.change.name', function (event) {

    var row = event.changes.row;

    var field = event.changes.field;

    var record = event.record;

    var code = row.value['code'].value;

    var deliStore = record.deliStore.value;

    // リクエストボディにセット

    var params = {

        'app': 308,

        // 商品コード＆配達店舗の在庫数を取得する

        'query': 'code = "' + code + '" and deliStore = "' + deliStore + '"'

    }

    // REST APIでルックアップ先のレコードを1件取得

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

        if (resp.records.length === 1) {

            var setRecord = kintone.app.record.get();

            // 取得したレコードの値をルックアップ元にセット

            row.value['stockNum'].value = resp['records'][0]['zaiko']['value'];

            // マスタに該当レコードがなかった場合のエラー表示

        } else {

            var errorDisplayField = kintone.app.record.getSpaceElement('error_display_field');

            errorDisplayField.parentNode.style.width = '250px';

            // 文字列要素

            var errorDisplayDiv = document.createElement('div');

            errorDisplayDiv.style.backgroundColor = '#ffd78c';

            errorDisplayDiv.innerHTML = '該当データがありませんでした。';

            errorDisplayField.appendChild(errorDisplayDiv);

        }

    });

    console.log(row.value['stockNum'].value);

    return event;

});

```

&nbsp;

&nbsp;

&nbsp;

以上、よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account63](https://avatars.discourse-cdn.com/v4/letter/l/6de8d8/32.png) [@Legacy\_Account63](https://community.cybozu.dev/u/Legacy_Account63)\
**Post date:** [2021 年 12 月 28 日午前 12:21 UTC](https://community.cybozu.dev/t/topic/5601/2 "2021-12-28T00:21:51Z")

</div>

kintone.apiは非同期処理となるので提示頂いたコードだと、たしかに先にconsole.logが行われてしまいますね。

1. kintone.apiなどを実行するときその動作が終わるのを待つなどはPromiseを利用するのが定石  
&nbsp; &nbsp;今回はこれに該当しないですが今後必要になったら詳細はこちらをみてみてください。 [kintoneにおけるPromiseの書き方の基本](https://community.cybozu.dev/hc/ja/articles/360023047852-kintone%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8BPromise%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9%E3%81%AE%E5%9F%BA%E6%9C%AC)
2. ただし今回ChangeイベントなのでPromiseは利用できない（ChangeイベントのみPromiseは非対応）  
&nbsp; &nbsp;成功時のCallback内で[kintone.app.record.set()](https://community.cybozu.dev/hc/ja/articles/201942014-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97#step4)を利用することで反映できるとおもいます

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2812](https://avatars.discourse-cdn.com/v4/letter/l/71e660/32.png) [@Legacy\_Account2812](https://community.cybozu.dev/u/Legacy_Account2812)\
**Post date:** [2021 年 12 月 29 日午前 7:52 UTC](https://community.cybozu.dev/t/topic/5601/3 "2021-12-29T07:52:17Z")

</div>

&nbsp;

@[村濱一樹](https://community.cybozu.dev/hc/ja/profiles/1118414956-%E6%9D%91%E6%BF%B1%E4%B8%80%E6%A8%B9) さま

ご教授いただきありがとうございました。

処理の順番はいまだに謎ですが、

値反映については[kintone.app.record.set()](https://community.cybozu.dev/hc/ja/articles/201942014-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E8%A9%B3%E7%B4%B0%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97#step4)を利用し、解決いたしました。

ありがとうございました。

&nbsp;