Slack blockを動的生成

Question

前提・実現したいこと

GAS + slack　＋block kit builderを用いてbotの作成

発生している問題・エラーメッセージ

block kit builderで作成したselectboxを動的に生成したいがやり方がわからない。

var blockKit = [
        {
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": ":mag: Search results for *Cata*"
			}
		},
    
		{
			"type": "divider"
		},
    
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "*<fakeLink.toYourApp.com|Use Case Catalogue>*\nUse Case Catalogue for the following departments/roles..."
			},
			"accessory": {
				"type": "static_select",
				"placeholder": {
					"type": "plain_text",
					"emoji": true,
					"text": "Manage"
				},
				"options": [
					{
						"text": {
							"type": "plain_text",
							"emoji": true,
							"text": "値0",
						},
						"value": "value-0"
					},
					{
						"text": {
							"type": "plain_text",
							"emoji": true,
							"text": "値1",
						},
						"value": "value-1"
					},
					{
						"text": {
							"type": "plain_text",
							"emoji": true,
							"text": "値2"
						},
						"value": "value-2"
					}

=================================================================================================動的に作成
						"text": {
							"type": "plain_text",
							"emoji": true,
							"text": "値N"
						},
						"value": "value-N"
					}

                 
				]
			}
		},

試したこと

該当箇所を変数にて生成しようとしたが、うまく行かなかった。

date ="{"
    +"\"text\""+": {"
      +"\"type\": \"plain_text\","
        +"\"emoji\": "+ true + ","
          +"\"text\": "+ 値N 
    +"},"
      +"\"value\": \"value-0\" "+"}"

Answer 1

SlackのAPI？に渡すJSON文字列のもとになるオブジェクト(今回のケースではblockKit)の中身を動的に生成したいということでしょうか。
もしそうであれば、文字列操作するのではなくオブジェクトを変更すればいいです。

たとえばoptionsを動的に生成するならこんな感じです。

var blockKit = [
    {
        type: "section",
        text: {
            type: "mrkdwn",
            text: ":mag: Search results for *Cata*"
        }
    },
    {
        type: "divider"
    },
    {
        type: "section",
        text: {
            type: "mrkdwn",
            text:
                "*<fakeLink.toYourApp.com|Use Case Catalogue>*\nUse Case Catalogue for the following departments/roles..."
        },
        accessory: {
            type: "static_select",
            placeholder: {
                type: "plain_text",
                emoji: true,
                text: "Manage"
            },
            options: [] //空の配列として定義
        }
    }
];

var section = blockKit.filter(function(obj) {
    return obj.type === "section";
})[0];
for (var i = 0; i < 5; i++) {
    var option = {
        text: {
            type: "plain_text",
            emoji: true,
            text: "値" + i
        },
        value: "value-" + i
    };
    section.accessory.push(option);
}

Comments

[pamao22]

思ったとおりに動きました。
ありがとうございます！
抽象的な質問にも関わらず、わかりやすい解説ありがとうございました。

[pamao22]

optionsの数に制限はありますか？
100以上の項目を作ろうとするとエラーになっていまう、、。

[draq]

Slackのドキュメントを見ましょう。
https://api.slack.com/reference/block-kit/block-elements#select_menu_with_static_options
の Fields の options の説明に「Maximum number of options is 100. 」とあります。

[pamao22]

返信のほどありがとうござます。
"option_groups"を使うことで、100以上選択することができました。
もう1つお聞きしたいです。
"type": "static_select"で選んだものを"type": "button"押下時にgas側に送信したいのですが、それぞれでリクエストを投げているようで値がうまく取得できません。
なにか解決策はありますでしょうか？

実現したいことの具体例
人名,勤務形態を"type": "static_select"で選択。
"type": "button"押下でGAS側に送信

[draq]

Slack APIはほとんど知らないのでちょっとわからないです。（コメントしたのはググってドキュメント読んだだけです。）
解決済みにした質問のコメントで追加質問しても新たな回答は得られないと思います。またその際はタグにJavaScriptも追加した方がいいです。（GASだけだと見てる人が少ないと思うので）

[pamao22]

承知いたしました。
ご回答ありがとうございます。