学習した内容を応用しよう！オリジナル辞書をLINE botから呼び出せ！

こんにちは。初心者ですが、今回LINE Botをmake使ってオリジナル辞書から簡単に呼び出し確認できる機能を開発してみました。

# **1-1まずは完成動画から**
<blockquote class="twitter-tweet"><p lang="und" dir="ltr"><a href="https://t.co/8eHCFRmNPt">pic.twitter.com/8eHCFRmNPt</a></p>&mdash; imupion (@5cyyzToVdzLw0x4) <a href="https://twitter.com/5cyyzToVdzLw0x4/status/1530842203714916354?ref_src=twsrc%5Etfw">May 29, 2022</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

# **1-2なぜこれを作成したのか**
 　突然ですが、なんでこんなものを投稿したかと言うと、、、<strong>単に</strong>勉強したからです（笑）<dr>
ただ初心者でもできるしカンタンな方法から応用して作成するとなんだか達成感があります。<dr>
今回はその方法をこの後お伝えできたらと思います。うまく伝わるかな。<dr>

# **2-1準備する**
#LINE Deveropers #make
・make登録方法
　https://zenn.dev/protoout/articles/12-integromat-signup
・LINE Bot登録方法
　https://zenn.dev/protoout/articles/16-line-bot-setup
・Googleスプレッドシート
こちらはサイトをご案内
・[SSSapi](https://sssapi.app)
# **2-2復習する**
## Ⅰ.まずはmake上でLINEとLINEを繋ぎ合わせてみる。<dr>
<details><summary>解説</summary>
・最初に選ぶモジュールはLINE（Wacth Events)<dr>
・LINE公式アカウントからプロバイダー作成→チャネル設定でMessaging APIを登録作成
・公式アカウントと友達になる
・Botにするための設定をする
・Messaging API設定のタブにあるチャネルアクセストークンを発行
・コピーしてLINEモジュールのCreate a Connectionにペースト
・さらにユーザーIDをLINE Developersページのチャネル基本設定からコピー
・同じくLINEモジュールのCreate a Connectionにペースト</details>


![スクリーンショット 2022-05-29 194921.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/15b61a0f-2b0e-aae2-8465-edf7e6ed577b.png)
　<details><summary>解説2</summary>
・次に選ぶモジュールはLINEだけど（Send a Reply Message)
・モジュールを開き以下のように入力
・繋がるようになる</details>
![スクリーンショット 2022-05-29 194536.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/e33eeb71-4574-fd3b-7678-b4a1ddf4fe7b.png)

# **3-1応用してみる**
・Googleスプレッドシートに返答したいものを入力（今回は私のオリジナル辞典を入力）
<strong>中身は秘密！</strong>
![無題.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/89a5f534-64d7-33fa-155b-eebc6e151bef.png)
・SSS APIにアカウント登録しスプレッドシートを連携
![スクリーンショット 2022-05-29 214055.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/000ae452-d9d6-e9c8-6127-b2e8e85c4e5a.png)
・ステータスがwarnになっているが50列までを読込する仕様
・上の画像のAPI URLをクリックすると<strong>JSON</strong>と呼ばれるフォーマットの文字列が出現

# **3-2makeに追加**
・makeに戻ってモジュールを追加する
・先に連携方法を見せると下記になる
![スクリーンショット 2022-05-29 213853.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/2f0379f4-5df7-8442-e5c1-c68c35106cb0.png)
・HTTPモジュール（Make a request)の追加
・モジュールをクリックし設定
・URLにSSS APIのURLを貼りつけ
・日本語を呼び出す際はその後に``encodeURL``をセット
・``Events`` ``MassageText``をセット
![スクリーンショット 2022-05-29 215449.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/007384dc-b46a-96ac-a416-0b2cc681b395.png)
・もう一つのモジュールはJSONモジュール（Parse JSON）をセット
・モジュールをクリックし設定する
![スクリーンショット 2022-05-29 220854.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/99d884c9-92b3-8c40-bcdc-333e01fa8123.png)
・data structureのAddをタップしSpecificationの``Generate``をクリック
![スクリーンショット 2022-05-29 221355.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/f2c28919-4079-b15a-069e-ef4dce472231.png)
・サンプルデータにSSS APIのURLからJSONをコピーし貼り付け
・ラストはJSON stringにHTTPのデータをセット
![スクリーンショット 2022-05-29 221657.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/a81fa4c8-1408-6f1c-f5b2-f15c27e8e67d.png)
・次にLINE2（Send a Reply Message）をクリック
・MessagesのTypeはText
・下のTextにはスプレッドシートから自分が呼び出したいカテゴリをセット
![スクリーンショット 2022-05-29 222131.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2668403/68787335-3442-edf4-ad3e-8c16b3dd1423.png)
・これで完成かな！！（ふぅっ！！）

# **4-1締めくくり**
実はここまで来るのに構想4日だけど作成から3時間で出来ました。（途中お助け有りね！）
早い人だと1時間くらいで完成かもね。
また何か作成したら投稿したいと思いますのでご一読下さい。
ここまで読んでくれてありがとうございました！！