$ npm init -y

'use strict';// おまじないconst{JSDOM}=require('jsdom');vardom=newJSDOM('');global.document=dom.window.document;global.HTMLVideoElement=dom.window.HTMLVideoElement;constcanvas=require('canvas');global.fetch=require('node-fetch');consttmImage=require('@teachablemachine/image');constexpress=require('express');constline=require('@line/bot-sdk');constfs=require('fs');constPORT=process.env.PORT||3000;constconfig={channelSecret:'自身が作成したLINEbotのシークレットトークンを入力',channelAccessToken:'自身が作成したLINEbotのアクセストークンを入力',};// Teachable Machineletmodel;// https://teachablemachine.withgoogle.com/// ここでエクスポート、クラウドにモデルをアップロードした後に取得できるconstURL='作成したモデルのTeachable Machineのリンクを入力';// ########################################//  Teachable Machineを使って画像分類をする部分// ########################################// 初期化が時間かかるので、node立ち上げ時に行うようにするasyncfunctioninitTeachableMachine(){constmodelURL=URL+'model.json';constmetadataURL=URL+'metadata.json';// モデルデータのロードmodel=awaittmImage.load(modelURL,metadataURL);// クラスのリストを取得// const classes = model.getClassLabels();// console.log(classes);}initTeachableMachine();asyncfunctionpredict(imgPath){// canvasに画像をロードするconstimage=awaitcanvas.loadImage(imgPath);// 判定するconstpredictions=awaitmodel.predict(image);// 一番近いもの順でソートpredictions.sort((a,b)=>{returnb.probability-a.probability;});returnpredictions;}// ########################################//  LINEサーバーからのWebhookデータを処理する部分// ########################################// LINE SDKを初期化しますconstclient=newline.Client(config);// LINEサーバーからWebhookがあると「サーバー部分」から以下の "handleEvent" という関数が呼び出されますasyncfunctionhandleEvent(event){// 受信したWebhookが「画像以外」であればnullを返すことで無視しますif(event.message.type==='image'){console.log("画像が送られてきた");// 画像を保存constdownloadPath='./01.png';//左記の名前で使用中のフォルダ内に送信された画像が保存されるconstgetContent=awaitdownloadContent(event.message.id,downloadPath);constresult=awaitpredict(getContent);// AIメーカーAPIの結果から、返信するメッセージを組み立てるlettext='';letname='';name=result[0].className// 判定結果をテキストに代入text='あなたは『'+name+"』に最も似ています！";// これまでの結果を確認するためにコンソールに表示console.log(result);console.log(name);console.log(text);// 判定結果に応じた画像を送信if(name==='ジース'){returnclient.replyMessage(event.replyToken,[{type:'text',text:text},{type:'image',originalContentUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/gisu.jpg',previewImageUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/gisu.jpg'}]);}elseif(name==='リクーム'){returnclient.replyMessage(event.replyToken,[{type:'text',text:text},{type:'image',originalContentUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/rikumu.jpg',previewImageUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/rikumu.jpg'}]);}elseif(name==='グルド'){returnclient.replyMessage(event.replyToken,[{type:'text',text:text},{type:'image',originalContentUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/gurudo.jpg',previewImageUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/gurudo.jpg'}]);}elseif(name==='バータ'){returnclient.replyMessage(event.replyToken,[{type:'text',text:text},{type:'image',originalContentUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/bata.jpg',previewImageUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/bata.jpg'}]);}elseif(name==='ギニュー隊長'){returnclient.replyMessage(event.replyToken,[{type:'text',text:text},{type:'image',originalContentUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/ginyu.jpg',previewImageUrl:'https://sleepy-mirzakhani-f338f8.netlify.app/ginyu.jpg'}]);}}// 「テキストメッセージ」であれば、受信したテキストをそのまま返事しますif(event.message.type==='text'){returnclient.replyMessage(event.replyToken,{type:'text',text:event.message.text// ← ここに入れた言葉が実際に返信されます});}}// ########################################//          LINEで送られた画像を保存する部分// ########################################functiondownloadContent(messageId,downloadPath){constdata=[];returnclient.getMessageContent(messageId).then((stream)=>newPromise((resolve,reject)=>{constwritable=fs.createWriteStream(downloadPath);stream.on('data',(chunk)=>data.push(Buffer.from(chunk)));stream.pipe(writable);stream.on('end',()=>resolve(Buffer.concat(data)));stream.on('error',reject);}));}// ########################################//          Expressによるサーバー部分// ########################################// expressを初期化しますconstapp=express();// HTTP GETによって '/' のパスにアクセスがあったときに 'Hello LINE BOT! (HTTP GET)' と返事します// これはMessaging APIとは関係のない確認用のものですapp.get('/',(req,res)=>res.send('<h1>Hello LINE BOT! (HTTP GET)</h1>'));// HTTP POSTによって '/webhook' のパスにアクセスがあったら、POSTされた内容に応じて様々な処理をしますapp.post('/webhook',line.middleware(config),(req,res)=>{// Webhookの中身を確認用にターミナルに表示しますconsole.log(req.body.events);// 空っぽの場合、検証ボタンをクリックしたときに飛んできた"接続確認"用// 削除しても問題ありませんif(req.body.events.length==0){res.send('Hello LINE BOT! (HTTP POST)');// LINEサーバーに返答しますconsole.log('検証イベントを受信しました！');// ターミナルに表示しますreturn;// これより下は実行されません}// あらかじめ宣言しておいた "handleEvent" 関数にWebhookの中身を渡して処理してもらい、// 関数から戻ってきたデータをそのままLINEサーバーに「レスポンス」として返しますPromise.all(req.body.events.map(handleEvent)).then((result)=>res.json(result));});// 最初に決めたポート番号でサーバーをPC内だけに公開します// （環境によってはローカルネットワーク内にも公開されます）app.listen(PORT);console.log(`ポート${PORT}番でExpressサーバーを実行中です…`);

$ npm i @line/bot-sdk express

$ npm i @teachablemachine/image @tensorflow/tfjs canvas jsdom

$ heroku login

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node ginyuforce.js"
  },

$ git init

$ heroku create 名付けたいデプロイ先の名前　//付けたい名前がなければ入力なしでもOK

Creating app... done, ⬢ デプロイ先の名前
https://デプロイ先の名前.com/ | https://git.heroku.com/デプロイ先の名前.git

$ git add .

$ git commit -m 'init'

$ git push heroku master

remote:        https://デプロイ先の名前.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/デプロイ先の名前.git
 * [new branch]      master -> master

$ git remote -v

heroku https://git.heroku.com/heroku上のデプロイ先の名前 (fetch)
heroku https://git.heroku.com/heroku上のデプロイ先の名前 (push)

fatal: not a git repository (or any of the parent directories): .git

$ git init　//空のディレクトリを作成

$ heroku git:remote -a heroku上のデプロイしたいディレクトリ名　
　　//herokuのデプロイ先と先ほど作成した空のtディレクトリを紐付け

$ git add .

$ git commit -m 'upd'

$ git push heroku master