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

(() => {
  'use strict';

  kintone.events.on('app.record.index.show', (event) => {
    // ヘッダーメニュースペースにボタンを配置
    const header = kintone.app.getHeaderMenuSpaceElement();

    const button = document.createElement('button');
    button.textContent = 'データを削除';
    button.onclick = async () => {
      const result = await kintone.showConfirmDialog({
        title: '確認',
        body: 'すべてのデータを削除しますか？',
        showOkButton: true,
        showCancelButton: true,
        okButtonText: '削除',
        cancelButtonText: 'キャンセル',
        showCloseButton: true
      });

      if (result === 'OK') {
        console.log('削除を実行します');
        // 削除処理
      } else {
        console.log('削除をキャンセルしました');
      }
    };

    header.appendChild(button);
    return event;
  });
})();

 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

(() => {
  'use strict';

  kintone.events.on('app.record.detail.show', (event) => {
    // ヘッダーメニュースペースにボタンを配置
    const header = kintone.app.record.getHeaderMenuSpaceElement();

    const button = document.createElement('button');
    button.textContent = 'コメントを追加';
    button.onclick = async () => {
      // ダイアログ本文の要素を作成
      const bodyElement = document.createElement('div');
      bodyElement.style.padding = '16px';
      bodyElement.style.display = 'flex';
      bodyElement.style.flexDirection = 'column';
      bodyElement.style.gap = '8px';
      const label = document.createElement('label');
      label.textContent = 'コメントを入力してください：';
      const input = document.createElement('input');
      input.type = 'text';

      bodyElement.appendChild(label);
      bodyElement.appendChild(input);

      // ダイアログを作成
      const dialog = await kintone.createDialog({
        title: 'コメント入力',
        body: bodyElement,
        showOkButton: true,
        okButtonText: '送信',
        showCancelButton: true,
        cancelButtonText: 'キャンセル',
        showCloseButton: true
      });

      // ダイアログを表示
      const result = await dialog.show();

      if (result === 'OK') {
        console.log('入力されたコメント:', input.value);
        // コメントを処理
      }
    };

    header.appendChild(button);
    return event;
  });
})();

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

const dialog = await kintone.createDialog({
  title: 'コメント入力',
  body: bodyElement,
  showOkButton: true,
  showCancelButton: true,
  beforeClose: (action) => {
    // OKボタンが押されたときにバリデーション
    if (action === 'OK') {
      if (!input.value.trim()) {
        alert('入力してください');
        return false; // falseを返すとダイアログを閉じない
      }
    }
    return true;
  }
});

 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

(() => {
  'use strict';

  kintone.events.on('app.record.index.show', (event) => {
    const header = kintone.app.getHeaderMenuSpaceElement();

    const button = document.createElement('button');
    button.textContent = 'データを同期';
    button.onclick = async () => {
      const bodyElement = document.createElement('div');
      bodyElement.style.padding = '16px';
      bodyElement.textContent = 'データを同期しています...';

      const dialog = await kintone.createDialog({
        title: '同期中',
        body: bodyElement,
        showOkButton: false,
        showCancelButton: false,
        showCloseButton: false
      });

      // ダイアログを表示（awaitしない）
      dialog.show();

      // 非同期処理をシミュレート
      await new Promise(resolve => setTimeout(resolve, 3000));

      // 処理完了後、プログラムからダイアログを閉じる
      dialog.close();

      alert('データの同期が完了しました');
    };

    header.appendChild(button);
    return event;
  });
})();

1
2
3
4
5
6

// 危険な例：ユーザー入力をそのまま表示
const userInput = record.ユーザー入力.value;
bodyElement.innerHTML = userInput; // XSSの危険性

// 安全な例：テキストとして表示
bodyElement.textContent = userInput; // HTMLとして解釈されない