Discord.jsにおいて、リアクションを順番通りにつける方法がわかりません・・・

前提・実現したいこと

動画等のファイルがチャンネルに投稿されると自動的にリアクションをつけるようなBOTを作りたいのですが、
以下の構文だと毎回リアクションの順番がバラバラになってしまいます。
この順番をできれば☑️????????????????⏸の順でつけたいです。
ご回答いただけると幸いです・・・

追記、質問者はかなりの初心者です。

こちら現在も未だ解決しておりません…
回答をお待ちしております。

該当のソースコード

JavaScript
1 client.on('message', message => {
2   const file = message.attachments.first()
3 
4   if (!file) return 
5 
6   return message.react('☑️') 
7   
8 })
9
10   client.on('message', message => {
11     const file = message.attachments.first()
12 
13     if (!file) return 
14 
15     return message.react('????')
16
17 })
18
19
20   client.on('message', message => {
21     const file = message.attachments.first()
22 
23     if (!file) return 
24 
25     return message.react('????')
26
27 })
28
29
30   client.on('message', message => {
31     const file = message.attachments.first()
32 
33     if (!file) return 
34 
35     return message.react('????')
36
37 })
38
39
40   client.on('message', message => {
41     const file = message.attachments.first()
42 
43     if (!file) return 
44 
45     return message.react('????')
46
47 })
48
49
50   client.on('message', message => {
51     const file = message.attachments.first()
52 
53     if (!file) return 
54 
55     return message.react('⏸')
56
57 })
58
59
60

行動規範の内容に同意します

回答3件

ベストアンサー

まず最初に本質とは関係ないのですが、client.on('message', ...)を複数に分けて書くのはあまりよくないので、１つにまとめたほうがいいです。特に今回の場合だと処理の多くが共通しているのでまとめたほうが分かりやすいはずです

js
1client.on('message', message => {
2  const file = message.attachments.first()
3
4  if (!file) return 
5
6  message.react('☑️') 
7  message.react('????')
8  message.react('????')
9  message.react('????')
10  message.react('????')
11  message.react('⏸')
12})
13

そうするとこのようなコードになるのですが、重要なのがmessage.react('☑️')ではあくまでリアクションすることを要求しているにすぎないことです。そして要求というのは様々な要因で必ずしも順番通りに完了しないことがあります

そらならうしたらよいかというと、順番通りに処理されてほしいときは要求が完了してから、新たな要求を出すという処理を書くことです。詳しいことには触れませんが、Promiseという仕組みでこれができます

js
1client.on('message', message => {
2  const file = message.attachments.first()
3
4  if (!file) return 
5
6  message.react('☑️')
7    .then(() => message.react('????'))
8    .then(() => message.react('????'))
9    .then(() => message.react('????'))
10    .then(() => message.react('????'))
11    .then(() => message.react('⏸'))
12})
13

そしてasync/awaitを使うと、もう少しシンプルになります

js
1client.on('message', async message => {
2  const file = message.attachments.first()
3
4  if (!file) return 
5
6  await message.react('☑️')
7  await message.react('????')
8  await message.react('????')
9  await message.react('????')
10  await message.react('????')
11  await message.react('⏸')
12})

ただしそれぞれの要求を待っているので、全体的に完了するまでの時間が若干長くなることがあります

投稿2020/05/22 15:59

編集2020/05/29 06:11

yuta0801

総合スコア270

Yukissshii

2020/05/26 15:58

awaitが自分のツールだと使えなかったので、 promiseの方でやってみたところできました！これからちゃんと中身がわかるよう、勉強にはげみます・・・！

yuta0801

2020/05/29 06:11

すいませんよく見たらasyncが抜けてました message => の前にasyncを書けば動くはずです（修正しておきました）

行動規範の内容に同意します

絵文字を配列にしてあげて、forEachで回してあげると順番につくと思います。

js
1client.on('message', message => {
2
3    const file = message.attachments.first()
4
5    const emojis = ['☑️','????','????','????','????','⏸'];
6    if (!file) return 
7
8    emojis.slice(0, 6).forEach(emoji => message.react(emoji))
9})

投稿2020/05/21 01:10

yutarou12

総合スコア155

Yukissshii

2020/05/21 15:40

ご返信ありがとうございます！でうが、どうもこれでも毎回変わってしましますね・・・ Emoji自体に謎の要素があるみたいです・・・

yutarou12

2020/05/22 00:41

自分の環境では順番にリアクションはついたんですけどね........

Yukissshii

2020/05/22 11:09

なるほど・・・もし差し支えなければ、ツール等使っていらっしゃるものを教えていただけると幸いです。。。！

yutarou12

2020/05/22 11:38

discord.js v12.2.0 npm v6.13.7 エディタ Visual Studio Code OS windows10 他に知りたい情報があれば教えてください！

Yukissshii

2020/05/26 15:52

ありがとうございます！！参考にしつつ頑張ってみます・・・！別の方の回答で解決しますいたので、ひとまずは今のツールでやってみます！

行動規範の内容に同意します

JavaScript
1 client.on('message', message => {
2   const file = message.attachments.first()
3
4   if (!file) return 
5
6   return message.react('☑️') 
7
8 })
9
10   client.on('message', message => {
11     const file = message.attachments.first()
12
13     if (!file) return 
14
15     return message.react('????')
16
17 })
18
19
20   client.on('message', message => {
21     const file = message.attachments.first()
22
23     if (!file) return 
24
25     return message.react('????')
26
27 })
28
29
30   client.on('message', message => {
31     const file = message.attachments.first()
32
33     if (!file) return 
34
35     return message.react('????')
36
37 })
38
39
40   client.on('message', message => {
41     const file = message.attachments.first()
42
43     if (!file) return 
44
45     return message.react('????')
46
47 })
48
49
50   client.on('message', message => {
51     const file = message.attachments.first()
52
53     if (!file) return 
54
55     return message.react('⏸')
56
57 })

毎回発火しているからでは？
なのでこれを修正するには、

JavaScript
1 client.on('message', message => {
2   const file = message.attachments.first()
3
4   if (!file) return 
5
6   message.react('☑️') 
7   message.react('????')
8   message.react('????')
9   message.react('????')
10   message.react('????')
11   message.react('⏸')
12 })