プロセス管理の承認フローを連動させる！アプリ間でプロセス管理を連携させてみよう

Tips

プロセス管理の承認フローを連動させる！アプリ間でプロセス管理を連携させてみよう

固定リンクがコピーされました

更新日：2025年07月15日

はじめに

固定リンクがコピーされました

kintoneのプロセス管理を利用していて、次のように思ったことはありませんか？

「〇〇アプリの申請が済んでいるか確認してからxxアプリで承認したいな〜」

（例）営業部内の出張申請で承認を得ているのを確認してから、経理部側で出張旅費の承認をしたい。

このような場合、承認者がわざわざ別アプリの申請レコードを探すか、申請者が都度別アプリのレコードのURLを伝えることになったりと、やりとりが面倒ですよね。
本記事では関連する別アプリのプロセスが完了したら、自動でそれがわかるようなカスタマイズを紹介したいと思います！

申請フローのイメージ

固定リンクがコピーされました

今回のカスタマイズでは「同じような内容の申請は一発で済ませる！複数アプリのプロセス管理を一度に進めよう」で作成したアプリ、プロセス管理の設定を使ってカスタマイズを実装していきます！

アプリAを親プロセスアプリ、アプリBは子プロセスアプリという立ち位置で利用します。
カスタマイズで実現するプロセス管理は次のようなフローになります。

申請者がアプリAにレコードを作成し、プロセスを進める。
アプリAで入力した内容を使って、自動的にアプリBにもレコードを作成し、プロセスが進む。
アプリAのレコードはアプリBのレコードが承認されるまでプロセスを進めることはできない。
アプリBの承認者がレコードの内容を承認する。
アプリAのレコード内にある「アプリBの承認完了フラグ」が自動で完了になり、プロセスが進む。
アプリAの承認者がレコードの内容を承認する。

今回、新たにカスタマイズで実現する範囲は、2の「アプリAのレコードはアプリBのレコードが承認されるまでプロセスを進めることはできない」の部分と4の処理になります。

以降の説明では、上記の記事で設定したアプリの状態から変更がある点を中心に説明していきます。

下準備

固定リンクがコピーされました

アプリの準備

固定リンクがコピーされました

アプリAとアプリBに以下のフィールドを追加します。

アプリA

フィールド名	フィールドコード	フィールドタイプ	項目
アプリBの承認完了フラグ	アプリBの承認完了フラグ	チェックボックス	完了

アプリB

フィールド名	フィールドコード	フィールドタイプ
アプリAのレコードID	アプリAのレコードID	文字列（1行）

プロセス管理の設定

固定リンクがコピーされました

アプリA、アプリBでそれぞれ以下のとおりにプロセス管理の設定を変更します。

アプリA：プロセス管理の設定

「ステータス」の設定
1. ステータス「処理中」を「処理中（アプリB未承認）」に変更する。
2. 「処理中（アプリB承認済み）」を追加する。
「プロセス」の設定
1. 未処理の実行後のステータスを「処理中（アプリB未承認）」に設定する。
2. 「未処理」の次の行にプロセスを1件追加し、アクション実行前のステータスを「処理中（アプリB未承認）」に設定する。
3. ステータス「処理中（アプリB未承認）」でアクションが実行できる条件を「アプリBの承認完了フラグ：次のいずれかを含む：完了」に設定する。
4. ステータス「処理中（アプリB未承認）」でのアクション名を「最終承認者へ申請する」に設定する。
5. ステータス「処理中（アプリB未承認）」での実行後のステータスを「処理中（アプリB承認済み）」にする。
6. ステータス「処理中（アプリB承認済み）」の作業者は「次のユーザーのうち1人」を選択し、任意のユーザーを設定する。

アプリB：プロセス管理の設定

ステータス「処理中」の作業者は「次のユーザーのうち1人」を選択し、任意のユーザーを設定します。

JavaScriptカスタマイズ

固定リンクがコピーされました

ここまでの準備ができたらJavaScriptカスタマイズを加えていきます。
まず、アプリAに下のJavaScriptを適用します。20行目はアプリBのアプリIDに修正してください。

アプリBのアプリIDが2の場合
- 修正前：const appId = 'xxx';
- 修正後：const appId = '2';

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55


/*
 * プロセスを進めると自動で別アプリのレコードを作成し、ステータスを進めるサンプルプログラム
 * Copyright (c) 2025 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

(() => {
  'use strict';

  // アプリBの承認完了フラグを画面上で編集できないようにする
  kintone.events.on(['app.record.create.show', 'app.record.edit.show', 'app.record.index.edit.show'], event => {
    event.record['アプリBの承認完了フラグ'].disabled = true;
    return event;
  });

  kintone.events.on('app.record.detail.process.proceed', async (event) => {
    const action = event.action.value;
    if (action !== '処理開始') {
      return event;
    }
    const appId = 'xxx'; // アプリBのアプリIDに書き換えてください
    const record = event.record;
    const paramRecordPost = {
      app: appId,
      record: {
        申請タイトルB: {
          value: record['申請タイトルA'].value
        },
        申請内容B: {
          value: record['申請内容A'].value
        },
        アプリAのレコードID: {
          value: record.$id.value
        }
      }
    };

    try {
      const resp = await kintone.api(kintone.api.url('/k/v1/record.json', true), 'POST', paramRecordPost);
      const recordId = resp.id;
      const paramStatusPut = {
        action: action,
        app: appId,
        id: recordId
      };
      await kintone.api(kintone.api.url('/k/v1/record/status.json', true), 'PUT', paramStatusPut);
      alert('アプリBのレコードを作成し、プロセスを進めました。');
    } catch (err) {
      console.log(err);
    }
    return event;
  });
})();

次に、以下のJavaScriptをアプリBに適用します。14行目はアプリAのアプリIDに修正してください。

アプリAのアプリIDが1の場合
- 修正前：const appId = 'xxx';
- 修正後：const appId = '1';

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45


/*
 * プロセスを進めると関連する別アプリのレコードを更新とステータスを進めるサンプルプログラム
 * Copyright (c) 2025 Cybozu
 *
 * Licensed under the MIT License
 * https://opensource.org/license/mit/
 */

(() => {
  'use strict';

  kintone.events.on('app.record.detail.process.proceed', async (event) => {
    const actionB = event.action.value;
    if (actionB !== '完了する') {
      return event;
    }
    const appId = 'xxx'; // アプリAのアプリIDに書き換えてください
    const recordId = event.record['アプリAのレコードID'].value;
    const paramsRecordPut = {
      app: appId,
      id: recordId,
      record: {
        アプリBの承認完了フラグ: {
          value: ['完了']
        }
      }
    };

    try {
      await kintone.api(kintone.api.url('/k/v1/record.json', true), 'PUT', paramsRecordPut);
      const actionA = '最終承認者へ申請する';
      const paramStatusPut = {
        action: actionA,
        app: appId,
        id: recordId
      };

      await kintone.api(kintone.api.url('/k/v1/record/status.json', true), 'PUT', paramStatusPut);
      alert('アプリAのレコードのプロセスを進めました。');
    } catch (err) {
      console.log(err);
    }
    return event;
  });
})();