kintone アプリで、JavaScript カスタマイズや複数プラグインが実行される順序を確認してみました。

概要

kintone アプリで、JavaScript カスタマイズや複数プラグインを利用すると、その実行順序が問題になる場合があります。
実際にどのような順番で実行されるか、確認してみました。
実行順序は、下記の通り。

先にJavaScript カスタマイズ、次にプラグインが実行される。
プラグイン間では、直近でインストールしたプラグインから実行

確認用アプリ：　顧客リスト・プラグイン実行順

アプリストアから、顧客リストを作成しました。

確認用JavaScript カスタマイズ

JavaScript カスタマイズは、下記の確認用処理をいれています。

'app.record.index.show','app.record.detail.show','app.record.create.show','app.record.edit.show' イベント処理
console.log('test.js event:', event);　で、実行ログ
担当者名項目を"TEST1" で書換え

test.js

(function() {
  'use strict';
  console.log('test.js start:');
  kintone.events.on(['app.record.detail.show','app.record.create.show','app.record.edit.show'], function(event) {
    event.record.担当者名.value = 'TEST1';
    console.log('test.js event:', event);
    return event;
  });
})();

確認用プラグイン

エラー発生1(raise-error-plugin1), エラー発生2(raise-error-plugin2) の二つを用意し、
console.log('plugin1 event:', event);　で、実行ログを表示します。
※エラー発生1プラグインという名前ですが、今回は、エラー処理は行いません。

raise-error-plugin1-抜粋.js

    console.log('plugin1 start:');
    // 詳細画面、編集、追加画面
  kintone.events.on(['app.record.detail.show','app.record.create.show','app.record.edit.show'], function(event) {
        console.log('plugin1 event:', event);
        return event;
    });

raise-error-plugin2-抜粋.js

    console.log('plugin2 start:');
    // 詳細画面、編集、追加画面
  kintone.events.on(['app.record.detail.show','app.record.create.show','app.record.edit.show'], function(event) {
        console.log('plugin2 event:', event);
        return event;
    });