1. 作るもの
猫画像を取得するLINEのチャットボットを作ります。
2． 準備事項
以下の２点にご対応ください。
(1) LINE Developers の登録（無料）
LINE Developers サイトを開き、「コンソールにログイン」
→ https://developers.line.biz/ja/
LINEアカウントでログイン
 |
|---|
メールアドレスまたはQRコードでログイン
なおこれ以降の登録については１年前の情報なので、画面や手順が違う場合あります。
（私はすでに登録済みで再現できないため）
QRコードログインの場合
 |
|---|
こんな画面になる。
 |
|---|
英語になってる人は、日本語に変えよう
 |
|---|
必要情報を入力し、「アカウントを作成」
 |
|---|
この画面がでたらOKです。
 |
|---|
（2） Makeのアカウント取得（無料プラン）
Makeとはノーコードツールの一種で、RPAのような業務自動化に適してきます。
こちらのリンクをクリック
https://www.make.com/en
「Get Started Free」をクリック
必要事項を入力し、Sign up for FREE をクリック
なおこれ以降の登録については１年前の情報なので、画面や手順が違う場合あります。
（私はすでに登録済みで再現できないため）
メールが届くので Verify email をクリック
この画面に飛ぶので、Sign in
簡単なアンケートに答えてください。
上から
職種、業種、会社の規模、
こうした自動化ツールを使ったことある？
自動化ツールを何に使いたい？
またここに飛んでくる。
Sign in をクリック
こんな画面になる。
ポップアップメッセージはバツを押して閉じる。
この画面になったらOK
準備事項は以上です。
3. 開発
開発に入ります。
3-1. LINE Developers
3-1-1. 初期設定
LINE Developers サイトを開き、「コンソールにログイン」
→ https://developers.line.biz/ja/
LINEアカウントでログイン
|
|---|
新規プロバイダーを作成
※すでにアカウントを持ってる方はこの画面
チャネルの種類：Messaging API
プロバイダー: さっき作ったやつ
会社・事業所の所在地： 入力
チャネルアイコン： アイコン画像
チャネル名： チャットボットの名前です。
チャネル説明： チャットボットの説明
大業種：入力（なんでも可）
小業種：入力（なんでも可）
メールアドレス：入力
プライバシーポリシーURL ：今回は入力不要
サービス利用規約URL ： 今回は入力不要
・LINE公式アカウント利用規約 の内容に同意します
・LINE公式アカウントAPI利用規約 の内容に同意します
にチェックをいれて、
作成をクリック
チャットボットの設定ができました。
3-1-2. Messaging APIの設定
Messaging API 設定
QRコードがでてきます。
みなさんのブラウザに表示されているQRコードを読んでください。
おお、チャットボットができてますね。
LINE Developersのウィンドウはこのままにしておいてください。
3-2.Make
Makeとはノーコードツールの一種で、RPAのような業務自動化に適してきます。
例えば、受信メールに「プロジェクト」という文字があればスプレッドシートに自動的に書き出すとか、
SNSの投稿があったらLINEに通知するとか、
手動でやってることを自動化してくれます。
3-2-1. 初期設定
Makeを開きます。
https://www.make.com/en
Login
Sign in
こんな画面になるので、Create a new scenario
3-2-2. LINE受信設定
1. 検索バーで「Line」と入力
2. 「Watch Events」をクリック
こんな画面に
「Add」をクリック
「Add]をクリック
こんな画面になる
この状態で別ウィンドウのLINE Developersの画面に行く。
QRコードのあるページの一番下の
「チャネルアクセストークン」＞発行
チャネルアクセトークンをコピー
Makeに戻って、ここに張り付ける
Save
「Copy sddress to clipboard」 を クリックして「OK]
いったん Save
また、LINE Developersに戻り
WebhookURL > 編集
ここに先ほどのURLをペーストし、更新ボタン
「検証」ボタン
「成功」
Webhook の利用をオン（緑色）
その下の応答メッセージの「編集」をクリック
別タブが開き、応答メッセージをオフにする。このまま閉じてOK。
3-2-3. LINE出力設定
ふたたびMake
以下画像の部分をマウスオーバーすると
Add another module が現れる
クリックすると、
もう１つまるが現れ、
「Add another module」をクリック
LINEをクリック
Send a Reply Message
さっき作ったConnectionを選ぶ。
Reply Token の入力枠を左クリックすると
Events[] の左横の三角形をクリック
Reply Tokenをクリック
Events、 Reply Token が反映
Add Item の左横の「＋」をクリック
以下の入力欄を左クリックすると
Messageの左横の三角形をクリック
Text をクリック
1.Events[ ];Message.Text が反映される。
ＯＫボタン
設定完了
「Run once」 で実際に動かす
こんなアラートがでたら、「Wait for new data」
こんなアラートがでたら、「Listen for new」
こんな画面になる。
では、LINEボットになんでもいいので打ち込んでください
おうむ返しができました。
3-2-4. ずっと動かすには
このままではRunを押した1回だけしか動かないので、ずっと動かすには次のとおり。
まず、「Run once」 の下の 今OFF ってなているところをクリック
こんなメッセージがでる。
「delete old data」をクリック
本当に消してもいいのか？ とアラート出ますが、[Delete]を押す。
「Run once」の下のスイッチが「ON」になる。
これで、ずっとチャットボットが使えるようになりました。
なお。Makeには利用回数の制限があって、
なお、月間1,000オペレーションまでは無料 それ以上は有料になります。
（今回はクレジット登録してないので、1000オペレーション超えると止まります）
オペレーションの数は下のように各円に数字で表示されます。
今回の以下のケース（LINEにつぶやいて、APIリクエストをした結果を応える）では 3オペレーションです。
つまり、月間333回までなら無料です。
3-3. 猫画像API 連携
猫の画像のURLをランダムに返すというAPI「The CatAPI」を使います。
CatAPIについて詳しくはこちら
https://developers.thecatapi.com
3-3-1. Makeでの設定
Makeで左側のLINEの突起を右クリック
Add a module
HTTP を選択
Make a Request を選択
以下入力
URL： CatAPIのURL （https://api.thecatapi.com/v1/images/search）
Method: GET
Parse response: Yes
最後に「OK」
いったんsaveする
右側のLINEをクリック
こんな画面になる。
TEXT欄に「1.Events[]:Messsage.Text」と記入されてるのをDeleteキーなどを使って空欄にする。
以下のように設定
Saveする。
これで、スマートフォンのLINEで呟いてください。
猫画像がランダムに帰ってきます。
できました。
3-3-3. 動かないとき
Makeからメールが来てるはずです。
内容次第ですが、だいたいもう1回立ち上げるか、Run once の下の常時接続のスイッチがオフになっているので、オンにすれば直ります。
以上です。