[LINEBot] Splatoon3の多機能Botを作った件

# 目次
[1.はじめに](#1-はじめに)
[2.Botの概要など](#2-Botの概要など)
[3.Botの仕組み](#3-Botの仕組み)
[4.使い方](#4-使い方)
[5.さいごに](#5-さいごに)
[6.参考など](#6-参考など)
# 1. はじめに
最近はPython入門の記事を書いていますが、合間合間にLINEBotを作った話を書いていきたいと思います。
Pythonから少し離れてGoogleAppsScript(JavaScript)を使用します。
第一回では宣伝もかねて機能と、軽く仕組みを説明します。次回以降、コードについても記述していきます。
# 2. Botの概要など
Splatoon3の情報をリアルタイムでLINEで確認できたら便利だなあ、と思い作成しました。
簡単にステージ情報などを取得でき、ランダムステージなどの機能もあります。
ボタンもあるので、感覚的に簡単に使用できます。
その他の機能などは下で紹介していますので、ぜひ最後まで見てください。
友達追加も画像下のurlより可能です！

使用時の画像 : 
<img width="265" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028908468872159262/IMG_2082.png"><img width="265" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028907921221877800/IMG_2079.png">
**下記よりぜひ友達追加してください！**
[友達追加](https://lin.ee/Tdr603i)
[公式サイト](https://sorakana-jp.github.io/SplashBot/)
# 3. Botの仕組み
[Spla3API](https://spla3.yuu26.com/)から情報を取得し、コマンドを受け取ったときWebhookでGASから送信しています。詳しい仕組みは、次回以降解説します。使用したものなどは記事最後に記述します。
# 4. 使い方
Botの使い方を簡単に説明します。説明しきれないところもありますので、実際に使って確かめてみてください！
また、色々コマンドを説明しますが基本はすべてダッシュボードから実行可能です。ダッシュボードでの操作がめんどくさい場合などに活用ください。


### A. Bot関連コマンド
**・"s!Start" / ダッシュボード表示**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028908468872159262/IMG_2082.png">
**・"s!Help" / 使い方を表示**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914889961517096/IMG_2089.png">
**・"s!About" / 詳細を表示**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914890196406303/IMG_2090.png">
### B. バトル関連コマンド
**・例 : "s!バトル" / ダッシュボード表示 (バトル, Regular, Bankara, Sal)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028916920046583808/IMG_2093.png"><img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914890464833556/IMG_2091.png">
**・例 : "s!ナワバリ" / ナワバリバトル関連 (ナワバリ, 次のナワバリ)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914888703225906/IMG_2083.png"><img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028916920340193342/IMG_2094.png">
    **・例 : "s!オープン" / バンカラマッチ関連 (オープン, チャレンジ, 次のオープン, 次のチャレンジ)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914889001009222/IMG_2084.png"><img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914889265262612/IMG_2085.png">
    **・例 : "s!サーモン" / サーモンラン関連 (サーモン, 次のサーモン)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914889521102888/IMG_2086.png"><img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028917461862580235/IMG_2095.png">
### C. ランダム関連コマンド
   ・"s!ランダム" / ダッシュボード表示
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028919449622941716/IMG_2098.png">
   **・例 : "s!ルール" / ランダムにルール表示 (ルール, Rule)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028914889747615745/IMG_2088.png">
このように "s!ルール" と入力すると、 "結果を表示" が送信されます。
"s!Rule" と入力すればそのまま送信されてきます。

   **・例 : "s!Stage" / ランダムにステージ表示 (ステージ, Stage)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028918932813398016/IMG_2096.png">
   **・例 : "s!Weapon" / ランダムにブキカテゴリー表示 (ブキ, Weapon)**
<img width="266" alt="intro.PNG" src="https://cdn.discordapp.com/attachments/954330648267612171/1028918932570112050/IMG_2097.png">
# 5. さいごに
今回は宣伝っぽくなってしまいましたが、改めてSplatoon3のLINEBotを作った話でした。
次回以降、コードについて解説したりもしていきますのでお楽しみに！

**友達追加もよろしくお願いします。**
[友達追加](https://lin.ee/Tdr603i)
[公式サイト](https://sorakana-jp.github.io/SplashBot/)
# 5. 参考など
・[Spla3API](https://spla3.yuu26.com/)
・[LINE Messaging API, GAS】ボタン形式の応答メッセージを実装（Flex Message）](https://qiita.com/probabilityhill/items/1f923e742a6f18d3f163)
・[GASでJSON形式データを読み込み、処理可能なオブジェクトや配列に変換する方法](https://auto-worker.com/blog/?p=3760)
・[LINE BotをGoogle Apps Scriptで作ったら結構簡単だった](http://pineplanter.moo.jp/non-it-salaryman/2021/04/23/line-bot-gas/)