【超簡単・超初心者向け】Discordボットの作り方！#1

#初めに...
この記事を読んでいるそこのあなた！Discordボットを作りたいと思ったことがありますよね？
この記事を読めば、簡単にボットを作れます。最新の環境でやっているので、できないということがありません。

#インストール推奨アプリ

https://azure.microsoft.com/ja-jp/products/visual-studio-code/

ボットのコードをきれいに書けます。

##使い方
Visual Studio Codeを開いて、「File」タブを押して、「New File」をクリックします。
その画面になったら
Ctrl + k の後に m を押します

よくわからないと思うのでわかりやすく解説します。

Ctrlキーを押す
kキーを押す
Ctrlキーとkキーを離す
mキーを押す

こうすることで使う言語を選ぶことができます。
一覧から「Javascript」を選択してください。

#サポートDiscord
https://discord.gg/sDQ7zf4cAV

###注意
__画像が欠けていたりしている場合は、Discordでサポートを受けることを推奨します。__

#開発(ボットを登録する)

以下のUrlにアクセスします。

https://discord.com/developers/applications/

右上にある、「New Application」をクリックします。

「Name」にボット名を入力して「Create」をクリックします。

![Create Application](http://fileuploader.0t0.jp/d2.PNG)

左側の「Bot」タブをクリックします。

![Application Setting1](http://fileuploader.0t0.jp/d4.PNG)

「Add Bot」をクリックします。

![Application Setting2](http://fileuploader.0t0.jp/d5.PNG)

これは、ボットを登録するかの確認です。
「Yes, do it!」をクリックします。

![Application Setting3](http://fileuploader.0t0.jp/d6.PNG)

__以下のメッセージが出た場合は、ボット名がいろいろな人に使われているから、ほかの名前に変えてください。ということです。__

![Application Setting4](http://fileuploader.0t0.jp/d7.PNG)

__このような画面になったら成功です！__

![Application Setting5](http://fileuploader.0t0.jp/d8.PNG)

「Copy」をクリックします。
クリップボードに「Token」がコピーされます。

![Application Setting6](http://fileuploader.0t0.jp/d9.PNG)

これで一通りの設定は完了です。
次にコードを作成していきましょう。

#開発(コードを書く)

次にコードを書いてみましょう。
以下のコードを入れてください。

```javascript
const Discord = require('discord.js');
const client = new Discord.Client();

client.once('ready', () => {
   console.log('Connected');
   console.log('Code by LemonZero');
});

//-------------------Bot Settings-------------------//
const AppName = ("Code by LemonZero");
const AppPrefix = ("lemon!");
const AppToken = ("Token Here");
//-------------------Bot Settings-------------------//

```

"Token Here" という場所にさっきコピーした「Token」を貼り付けます

```javascript
const AppToken = ("このテキストをTokenに変えます");
```

続きのコードを書いてみましょう。
以下のコードを入れてください。

```javascript
client.login(AppToken);
```

全体のコードはこんなカンジ

```javascript
const Discord = require('discord.js');
const client = new Discord.Client();

client.once('ready', () => {
   console.log('Connected');
   console.log('Code by LemonZero');
});

//-------------------Bot Settings-------------------//
const AppName = ("Code by LemonZero");
const AppPrefix = ("lemon!");
const AppToken = ("このテキストをTokenに変えます");
//-------------------Bot Settings-------------------//

client.login(AppToken);

```

これで大体のコードは完成しました。
次にオウム返しをするコードを書いてみましょう。

```javascript
client.on("message", (message) =>
{
  if ( message.author.bot === true) 
  {
    return;
  }
  else
  {
    if ( message.content.indexOf('こん') != -1) 
    {
      message.channel.send("こんにちは！")
    }
  }
});
```

このコードは、「こん」が含まれるメッセージを受信したとき、こんにちは！と返すコードです。

全体のコードはこんなカンジ

```javascript
client.login(AppToken);
```

全体のコードはこんなカンジ

```javascript
const Discord = require('discord.js');
const client = new Discord.Client();

client.once('ready', () => {
   console.log('Connected');
   console.log('Code by LemonZero');
});

//-------------------Bot Settings-------------------//
const AppName = ("Code by LemonZero");
const AppPrefix = ("lemon!");
const AppToken = ("このテキストをTokenに変えます");
//-------------------Bot Settings-------------------//

client.on("message", (message) =>
{
  if ( message.author.bot === true) 
  {
    return;
  }
  else
  {
    if ( message.content.indexOf('こん') != -1) 
    {
      message.channel.send("こんにちは！")
    }
  }
});

client.login(AppToken);

```

これでボットは完成です！
次に最も大切なことをお知らせします。

# ボットの常時起動について
ボットは起動させるサーバーを必要とします。
つまり、書いたコードを実行するサーバーということです。
Glitchというサービスをつかって起動させることはできますが、
Glitchには、常時起動できないデメリットがあって、
UptimeRobotというものを使い、常時起動を可能にすることもできますが、
設定が難しく、初心者は失敗しやすいです。

### そこで...
そこで、私のサービスを紹介します。
私のサーバーで、ボットを__無料で__24時間起動させることができます。

サポートサーバーはこちらです

https://discord.gg/sDQ7zf4cAV

このDiscordサーバーでは、ボットに関する質問やサーバーの利用申請ができます

__なんと、ボットを無料ですべて作ってくれます__
今までのが意味なかったように思えますが、自分でコードを書いて申請するほうは、拡張がしやすいです。
おまかせ開発では、コードを書くのが難しい方にお勧めです。

おまかせ開発で、必要なのは、アプリ名・アイコン・どんな動作をするか
これだけです。

# 最後に...

人気があれば続きを書くかも？