【初心者向け】LINEBOTを作るためのLINE公式アカウント作成・設定

## 1. はじめに

この記事は、下記の3点を前提条件に書いてあります。

- これからLINEBOTを作ろうとしている初心者向け
- LINEBOTを作るための最低限の設定
- 無駄なく、簡潔に

<br><br>

## 2. LINE公式アカウントの作成

この手順には**LINEアカウントを所持していることが必須**になります。

まずは、こちらにアクセスしてLINEアカウントでログイン。
https://developers.line.biz/console/
<br>
### 2.1 LINE Developrアカウントの作成

※既に作成している方は飛ばしてください。

|<img width="400" alt="LINE Developrアカウントの作成" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/ccf15049-338f-592e-a067-e38c35a794c3.png">|
|:-:|

<br>

### 2.2 プロバイダの作成

※既に作成している方は飛ばしてください。

|<img width="400" alt="プロバイダの作成" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/dafb1694-25ac-9ebc-6adb-ef824b95cb17.png">|
|:-:|

|<img width="400" alt="プロバイダの作成" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/2f170a14-b00b-c00c-6e8b-3f22d2e78b17.png">|
|:-:|

<br>

### 2.3 チャンネルの作成

今回はLINEBOTに使用するアカウントを作成するので、**「Messaging API」**のチャンネルを作成します。

|<img width="400" alt="プロバイダの作成" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/13d62f63-73cb-8d78-9843-71c0a3cf0748.png">|
|:-:|

<br>
クリックすると色々入力項目が出てくるので、必須のところだけ入力。

| 入力項目 | 説明 | この記事の説明で入力する値 |
|:-:|:-:|:-:|
| Channel name | チャンネルの名前<br>（これがアカウント名になる） | test_channel |
| Channel description | チャンネルの説明<br>(これが「ひとこと」になる) | channel_description |
| Category | カテゴリ | ウェブサービス |
| Subcategory | サブカテゴリ | ウェブサービス（その他） |
| Email address | メールアドレス | bot@nanato12.info |
<br>
あとは下の２つのチェックボックスにチェックを入れたら**Create**

|<img width="400" alt="スクリーンショット 2020-06-25 10.57.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/403987fa-1378-e61c-e0ca-5926f2f67e7e.png">|
|:-:|
<br>
### 2.4 作成完了

完成！

|<img width="400" alt="スクリーンショット 2020-06-25 10.59.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/139a4cd6-75de-6484-925c-28eadf07428d.png">|
|:-:|

<br><br>

## 3. その他

### 3.1 LINEBOTに必要なものを保存しておく。

- **Channel secret**  
チャンネルのアクセスキーのようなもの。  
もし、流出した場合は右の **issue** ボタンをクリックして再発行。

|<img width="400" alt="スクリーンショット 2020-06-25 10.59.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/767c806a-c71d-a700-f002-73212376b419.png">|
|:-:|

<br>

- **Channel access token**  
MessagingAPIを使用するためのトークン。  
こちらも流出した場合は右の **issue** ボタンをクリックして再発行。  

|<img width="400" alt="スクリーンショット 2020-06-25 10.59.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/46e52e8a-48ce-cf24-4a0b-abc37356dcce.png">|
|:-:|

<font color="Red">※初期では発行されてないので、**issue** ボタンをクリックして発行する必要あり。</font>

<br>
### 3.2 LINEBOTを作る上で必要な設定

こちらにアクセスしてアカウントを選択して設定をクリック。
https://manager.line.biz/account/

|<img width="1290" alt="スクリーンショット 2020-06-25 11.51.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/e25f92ba-cfe7-c081-9627-88ee00e87b50.png">|
|:-:|
<br>

- **応答設定を変更する。**  

応答設定からアカウントがどのように応答するのか設定する。

|<img width="500" alt="スクリーンショット 2020-06-25 11.56.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/72b875d5-6d31-7ece-a232-d20fd2c34e16.png">|
|:-:|

| 設定項目 | 説明 | この記事の説明で設定する値 |
|:-:|:-:|:-:|
| 応答モード | Bot: API使用可能<br>チャット: 手動応答 | Bot |
| あいさつメッセージ | アカウント追加時にメッセージを送信するか否か | オフ<br>（API側で処理するため） |
| 応答メッセージ | 登録した言葉に反応してメッセージを送信するか否か | オフ<br>（API側で処理するため） |
| Webhook | Webhookを使用するか否か | オン |

<br>

- **グループチャットへの参加設定を変更する。**

**「アカウント設定」** > **「グループ・複数人チャットへの参加を許可する]** をオンにすることでグループに参加します。  

|<img width="656" alt="スクリーンショット 2020-06-25 12.07.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/43b77bed-a99f-0fc6-2d59-06de9ce13c46.png">|
|:-:| 

<font color="Red">※公式アカウントは**１グループに１アカウントまでの制限**あり。
※また、**招待中に公式アカウントがいる場合は参加しない**。</font>

<br>
### 3.3 公式アカウントのアプリを使う

スマホに公式アカウントのアプリをインストールすると色々な設定が手軽に行えます。

|<img width="300" alt="LINE公式アカウントアプリ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/437282/72b8f88b-f468-c3cb-aac4-da716c232c1b.jpeg">|
|:-:|

<br><br>

## 4. おわりに

案外、この初期設定をミスっていたり、グループ参加の制約など知らなかったりで「なんで？」となる人が多いので記事にしました。

ななといつ
Twitter: [@nanato12_dev](https://twitter.com/nanato12_dev)
Email: admin@nanato12.info
Blog: https://blog.nanato12.info
GitHub: https://github.com/nanato12