この記事はWanoグループ Advent Calendar 2020の5日目の記事になります。
つい先日から、EDOCODDEではリモートワークのツールとして、Discordが導入されました。Discordはゲームにおけるコミュニケーションでよく使われているツールですが、最近は、リモートワークのツールとしても、注目を浴びているようです。
リモートワーク discord でぐぐると色々でてきますね。
以下、前置きが長いので、コードが見たい人は、スクロールしてください。
当社でのDiscordの使い方
まず最初に、どのように使っているかをざっくり説明します。
以下のようなボイスチャンネルを用意しています。
- general ... みんなが一緒にいるチャンネル
- in-meeting ... zoom 等、Discord以外でミーティングしている時にはいるチャンネル
- lunch ... ご飯中に入るチャンネル
- leaving ... 外出したり、仕事終わったら入るチャンネル
それに加えて、ミーティング用のボイスチャンネルとして
- SAKURA
- AZUKI
- RURI
- MOEGI
- UNOHANA
といった名前のミーティング用のチャンネルがあります。
参加者の初期状態は
- general に参加
- ミュート状態
- スピーカーはオン
Discordでミーティングしたいときの使い方
- 声をかけたい時に、ミュートを解除し、誰かに声を書ける(みんなに聞こえる)
- ミーティングルームに移動
- ミーティングが終わったら general に移動(ミュートにする)
といったような感じで使っています。
誰かが誰かに用事があるんだなーとか、オフィスにいれば、聞こえてくるようことが、Discord上で再現できている感じです。
Discord以外でミーティングしているときの使い方
Discord以外でミーティングをする場合(zoomや、Google Meet等)、in-meetingのチャンネルに移動して、ミュートにします。
そうしておくことで、視覚的に、ミーティング中なんだなーというのがわかるようになります。
問題点
1. 独り言を聞かれてしまう
ミーティングが終わったあとに、general に戻る時に、高確率でミュートに戻し忘れます(僕が)。
何が起きるかと言うと...
- ミーティングがおわって、generalに戻る
- ちょうどよく、可愛い猫の写真がSlackの雑談チャンネルにながれる
- 「うわ、めっちゃかわいいなー。やばい。飼いたい」とかつぶやく
- みんなに聞こえる
ちょっと恥ずかしいですね!
2. in-meetingでミュートにし忘れる
Discordのスピーカーはみんなオンの状態なので、他の人のミーティングに、関係ない別のミーティングの音声が混じることになります。
- zoom で AさんとBさんが話している
- 別の zoom で CさんとDさんが話している
- A,B,C,D は全員 in-meeting でスピーカーON
この時に、Cさんがミュートを解除してしまっていると、AさんとBさんの会議にCさんの声が混じってしまいます。
カオスですね!
問題点を解決するボットを作る
先程の2つの問題を解決するために、下記の機能を実現します。
- ミーティングルームから general に戻った時にミュート解除状態だったらダイレクトメッセージで教える
- in-meeting や leaving 等のチャンネルにいる時は、強制的にミュートにする
1. Discord Developer Portal でアプリを作る
この辺の手順は、そこらにあるので、ググってもらえれば良いかと思います。
下記の記事は英語ですが、簡潔にまとまってると思います。
https://discordpy.readthedocs.io/en/latest/discord.html
ざっくりまとめると
- Appを作る
- Botを作る
- Oauth2 のURLを取得する
- 3のURLをブラウザに貼ってログインする
途中で権限を選択しますが、この記事でやりたいことは、Administrator じゃないと無理なようです。
Manage Serverでできるかなーと思ったのですが、権限エラーとなりました。
2. コードを書く
discord.js が必要なので、
npm install discord.js
しておいてください。
下記程度の簡単なコードで書けてしまいます。チャンネルIDは、ボットを手元に動かして、チャンネルに出たり入ったりして、調べて下さい。
// ボットのトークンをここに貼る
const token = '*トークン*';
const Discord = require("discord.js");
const bot = new Discord.Client();
// ミーティング用のチャンネルIDを ... のところに入れる
const meetingChannel = {
"....": true,
"....": true,
"....": true
};
// 強制ミュート用のチャンネルIDを ... のところに入れる
const muteChannel = {
"....": true,
"....": true,
"....": true
};
bot.on('ready', () => {
console.log(`Logged in as ${bot.user.tag}!`);
});
bot.on('voiceStateUpdate', (oldMember, newMember) => {
// チャンネルIDを調べる用
console.log(newMember.channelID);
// チャンネルが変わったら
if(oldMember && oldMember.channelID !== newMember.channelID) {
if (muteChannel[newMember.channelID]) {
// 強制ミュート
newMember.setMute(true);
} else {
// ミュート解除
newMember.setMute(false);
// ミーティング用のチャンネルではないのに、ユーザーがミュートしてない場合
if (!meetingChannel[newMember.channelID] && !newMember.selfMute) {
// Muteを促す
bot.users.fetch(newMember.id).then((user) => {
user.send("Muteし忘れてないですか？");
})
}
}
}
});
bot.login(token);
3. ボットを動かす
下記のように動かせば、ボットが動きます。
node App.js
ミュート解除したまま、general に移動すると...
と、ダイレクトメッセージが来るようになりました。
leaving に入ると、赤いミュートマーク(サーバ側で強制ミュートしている状態)になりました。
ちょっとハマった所
ハマったと言うほどでもないのですが、
- StackOverFlowとかで紹介されている、
voiceStateUpdate使った例がだいたい間違えていた -
client.users.get(ユーザーID).send("message")でダイレクトメッセージを送れると書いているのが多かったが、使えない
ちゃんとドキュメント読みましょうという感じですね。
おわり
という感じで、とても簡単にボットが作れました。
discord.js は、ドキュメントを見ると、かなりAPIが充実しているので、色々遊べるのじゃないかなーという気がしています。
とりあえず、これで恥ずかしい思いはしなくなると思うので、一安心です。
Wanoは積極的にエンジニア採用を行なっています！
まずはオンラインでVPoEとのカジュアル面談から。お好きな入り口からお気軽にお声がけください！
Wano Recruitページ https://group.wano.co.jp/recruit/
QiitaJobs https://jobs.qiita.com/employers/wano-inc/postings/1297
Wantedly https://www.wantedly.com/companies/wano/projects
Findy https://findy-code.io/companies/522
EDOCODEも積極的にエンジニア採用を行っています!
興味のある方は下記を参照ください。
Green https://www.green-japan.com/job/94118