【「今日晩御飯どうする?」を解決!】LINE Messaging APIとGASを使って晩御飯候補を決めてもらった
![thumbnail](https://n-mukineer.com/wp-content/uploads/2022/11/thumbnail-gas-4.jpg)
我が家は妻に料理を作ってもらうことが多いのですが、「今日晩御飯何がいい?」とよく聞かれます。
![妻](https://n-mukineer.com/wp-content/uploads/2022/11/woman01_laugh.png)
今日晩御飯何がいい?
![えぬ](https://n-mukineer.com/wp-content/uploads/2022/12/icon.png)
うーん…(1分ぐらい考えてから)唐揚げかなぁ
![妻](https://n-mukineer.com/wp-content/uploads/2022/11/woman02_angry.png)
唐揚げしか言わないよね?もう家にあるやつでなんか作るね!!!
![えぬの心の声](https://n-mukineer.com/wp-content/uploads/2022/12/icon.png)
あぁまたやってしまった…事前に準備しておければ…
といった感じで、なかなか正解を導き出すことが難しいこの質問。
適当に答えている感じを出さず、ちょっと考えてから「簡単にできる、ありふれた食材を使った料理」を答えるのが超難しいです。
そんなときのために、あらかじめ答えとなる候補をリスト化しておき、その中から選ぶことができると超便利&HAPPYじゃないですか?
というわけで、今回はこんなシステムを作りたいと思います!
LINEに「晩御飯」と入力すると、事前にリスト化した「いい感じの晩御飯リスト」からランダムに選択し、返信してくれるアプリ
名付けて「いい感じの晩御飯チョイサー」を作ってみたいと思います!
![いい感じの晩御飯チョイサー動作確認](https://n-mukineer.com/wp-content/uploads/2022/11/trim.14805121-0948-4852-806b-8100081a1430.gif)
「いい感じの晩御飯チョイサー」システムの構成
システム構成を考えてみました。今回はシンプルに
「『晩御飯』というキーワードを含むメッセージをLINEに送信したら、事前にスプレッドシートにリスト化した晩御飯候補の中から、ランダムに選んで応答する」
というシステムにします(リストに追加したり、Google検索した結果を返したりするなどの機能追加も今後やっていきます)。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-60.png)
GASプロジェクトの作成
まずは、GASプロジェクトを作成します。
Google DriveのマイドライブにSpreadSheetを新規作成します。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-68-1024x635.png)
STEP1で作成したSpreadSheetの「拡張機能」⇒「Apps Script」からGASプロジェクトを作成します。
こうすることで、SpreadSheetに紐づいた形でGASプロジェクトを作成することができます。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-69.png)
GASをWebアプリとして公開し、URLを取得します。
まずは、GCPプロジェクトへの紐づけを行います。GCPプロジェクトへの紐づけ方法については以下の記事に記載しておりますので参照してください。
![【無料】GASを使い始めるための3ステップ【簡単】](https://n-mukineer.com/wp-content/uploads/2022/12/thumbnail-gas-29-320x180.jpg)
GCPプロジェクトへの紐づけ設定が完了したら、コードに最低限の記述をしてデプロイします。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-70.png)
デプロイしたら、ウェブアプリのURLをコピーしておきます(後述のLINEのWebhook設定で使用します)
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-71.png)
LINE Messaging APIの準備
次に、「LINE Messaging API」を使えるようにしていきます。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-61.png)
「Create」をクリックします
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-62.png)
「Provider name」に名前を入力後、「Create」をクリックします
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-63.png)
「Create a Messaging API channel」を選択します
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-64.png)
必要な情報を入力していきます。下記の画像を参考にしてください。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-66.png)
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-67.png)
「Messaging API」タブを選択します。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-72.png)
Webhook URLの「Edit」を選択し、コピーしておいたGASのウェブアプリのURLを入力後、「Update」をクリック
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-73.png)
「Verify」を押し、「Success」とポップアップが表示されたらOKです
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-74.png)
「Use webhook」の設定をONにしておきます
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-75.png)
GAS側からLINE Messaging APIに応答する際に、アクセストークンが必要になります。
「Issue」ボタンを押し、アクセストークンを発行します。
発行したアクセストークンの右側に表示されている「コピーボタン」を押してコピーしておきます
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-76.png)
自動応答メッセージはデフォルトでONになっているので、OFFにしておきます。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-78.png)
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-79.png)
GASスクリプトの作成
動作テスト用のスクリプト作成
LINE Messaging APIのアクセストークンをGASのスクリプトプロパティに登録しておきます。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-77.png)
スクリプトプロパティへの登録方法については以下の記事も参考にしてください。
![GASからLINE Notifyを使ってLINE通知する方法](https://n-mukineer.com/wp-content/uploads/2022/11/thumbnail-gas-2-320x180.jpg)
何を送っても「親子丼」と返すスクリプトを書いてみます。
const LINE_API_ACCESS_TOKEN = PropertiesService.getScriptProperties().getProperty('LINE_API_ACCESS_TOKEN');
const LINE_REPLY_URL = 'https://api.line.me/v2/bot/message/reply';
function doPost(e) {
const eventData = JSON.parse(e.postData.contents).events[0];
const replyToken = eventData.replyToken;
const userMessage = eventData.message.text;
const replyMessage = "親子丼";
const payload = {
'replyToken': replyToken,
'messages': [{
'type': 'text',
'text': replyMessage
}]
};
const options = {
'payload' : JSON.stringify(payload),
'myamethod' : 'POST',
'headers' : {"Authorization" : "Bearer " + LINE_API_ACCESS_TOKEN},
'contentType' : 'application/json'
};
UrlFetchApp.fetch(LINE_REPLY_URL, options);
}
上記スクリプトをデプロイした後、LINE Messaging APIをLINEで友達として追加します。
何かメッセージを送ってみましょう!
何を送っても「親子丼」と返ってくるアプリができました!
![何を送っても「親子丼」と返すLINEアプリ](https://n-mukineer.com/wp-content/uploads/2022/11/img_6389.jpg)
晩御飯リストの作成
作成しておいたスプレッドシート「晩御飯リスト」に、候補となる晩御飯メニューを入れておきます。
また、シート名をわかりやすく「晩御飯」にしておきます。
![](https://n-mukineer.com/wp-content/uploads/2022/11/image-81.png)
「晩御飯」というキーワードを拾ったらランダムで応答するスクリプトの作成
こちらが作成したGASスクリプトです。
「晩御飯」とLINEに送ると事前に登録した「晩御飯リスト」からランダムに選んで返信するようになっています。
const LINE_API_ACCESS_TOKEN = PropertiesService.getScriptProperties().getProperty('LINE_API_ACCESS_TOKEN');
const LINE_REPLY_URL = 'https://api.line.me/v2/bot/message/reply';
function doPost(e) {
const eventData = JSON.parse(e.postData.contents).events[0];
const replyToken = eventData.replyToken;
const userMessage = eventData.message.text;
const messageType = eventData.message.type;
let replyMessage = "";
console.log(messageType);
console.log(userMessage);
if (messageType == 'text' && userMessage.match('晩御飯') != null) {
replyMessage = dinnerCandidate();
} else {
replyMessage = "ごめんなさい~そのタイプのメッセージには対応できないんです!「晩御飯」と打って送信してみてください!";
}
const payload = {
'replyToken': replyToken,
'messages': [{
'type': 'text',
'text': replyMessage
}]
};
const options = {
'payload' : JSON.stringify(payload),
'myamethod' : 'POST',
'headers' : {"Authorization" : "Bearer " + LINE_API_ACCESS_TOKEN},
'contentType' : 'application/json'
};
UrlFetchApp.fetch(LINE_REPLY_URL, options);
}
function dinnerCandidate() {
const activeSheet = SpreadsheetApp.getActiveSheet();
const values = activeSheet.getDataRange().getValues();
const candidates = [];
for(let i = 0; i < values.length; i++ ) {
candidates.push(values[i][0]);
}
let rand = Math.random();
rand = Math.floor(rand * candidates.length)
return candidates[rand];
}
動作確認
さあ、動作確認してみましょう!
![いい感じの晩御飯チョイサー動作確認](https://n-mukineer.com/wp-content/uploads/2022/11/trim.14805121-0948-4852-806b-8100081a1430.gif)
まとめ
LINE Messaging APIとGASを使用して簡単に晩御飯アドバイスアプリを作ることができました!
スプレッドシートにどんどんメニューを追加していけば、バリエーションをどんどん増やしていくことができますね。
お読みいただきありがとうございました!
今回作成した「いい感じの晩御飯チョイサー」は下記QRコードからLINEの友達登録ができます!興味がありましたら登録して使ってみてくださいね。(あくまで筆者本人向けの晩御飯リストになっています)
※予告なしに仕様変更したり、使えなくなる場合がありますので、ご了承ください。
![いい感じの晩御飯チョイサー使用イメージ](https://n-mukineer.com/wp-content/uploads/2022/11/img_6395.jpg)
![いい感じの晩御飯チョイサーの友達登録QRコード](https://n-mukineer.com/wp-content/uploads/2022/11/image-82.png)