夏休みの宿題自動化くん(画像認識&文字起こしシステム)
完成イメージ
要件定義
①LINEを使って写真を読み込む
②文字起こしを行う
③Chat GPTに回答を考えてもらう
④LINEで回答を受け取る
![](https://assets.st-note.com/img/1692411114744-dAOjepw2F7.png?width=1200)
実装手順
1. makeアカウントの用意
![](https://assets.st-note.com/img/1692409754890-4mpiIWn9yY.png?width=1200)
1. https://www.make.com/en から「make」のページに入る
2. 初めて利用される方は「Get started free」を押してサインイン
※すでにアカウントを持たれている方は「Log in」から進む
3. その後表示される画面に必要な情報を入力して進む
![](https://assets.st-note.com/img/1692409777959-OQet1yz1WW.png?width=1200)
4. ホーム画面が表示されると初期設定完了
2. OpenAI API keyの取得
1. 以下のページからopen aiのAPI管理画面にログイン
2. 「ORGANIZATION > Billing > Payment methods」より、支払い情報を登録
![](https://assets.st-note.com/img/1692409806779-cvvTdD3gpG.png?width=1200)
3. 「USER > API keys」の「+ Create new secret key」でAPI keyを発行
![](https://assets.st-note.com/img/1692409815307-3IpVi9o0kg.png?width=1200)
3. LINE公式アカウントの作成
![](https://assets.st-note.com/img/1692409821449-herNoXRZEY.png?width=1200)
1.https://developers.line.biz/ja/?status=successから「コンソールにログイン」を選択
2.「LINEアカウントでログイン」を選択
![](https://assets.st-note.com/img/1692409831820-OedsY30xhi.png?width=1200)
3.プロバイダーより「作成」ボタンを選択
![](https://assets.st-note.com/img/1692409844363-aZcHT4EWi9.png?width=1200)
4.プロバイダー名に自分のお好みの名前を入力
5.以下の画面が表示されるので、Messaging APIを選択
![](https://assets.st-note.com/img/1692409855418-bl5YOS7Hva.png?width=1200)
6.新規チャネル作成の画面で必要事項を記入し「作成」ボタンを選択
7.以下の画面が表示されていれば初期設定終了
![](https://assets.st-note.com/img/1692409864233-jHXsOC16JG.png?width=1200)
4. Cloud Vision APIを取得
1.以下のリンクからgoogle cloud platformに参加
2.「無料で開始」ボタンを選択
![](https://assets.st-note.com/img/1692510281622-7ZJCESzd6Z.png?width=1200)
3.アカウント情報、お支払い情報を入力
![](https://assets.st-note.com/img/1692510427259-jmA33ZQgWy.png?width=1200)
![](https://assets.st-note.com/img/1692510436652-ggx0UHXb2U.png?width=1200)
4.「APIとサービス」を選択
![](https://assets.st-note.com/img/1692510698441-n3gvkcqjgs.png?width=1200)
5.検索窓で「Cloud Vision API」を検索し、選択
![](https://assets.st-note.com/img/1692510713239-cR2KhRk0iw.png?width=1200)
6.「認証情報を作成」を選択し、「API キー」を選択
![](https://assets.st-note.com/img/1692510735517-PXbRf7ixZH.png?width=1200)
![](https://assets.st-note.com/img/1692510751914-ZFkPdDGXtK.png?width=1200)
7.作成されたAPI キーをどこかにコピーしておく
![](https://assets.st-note.com/img/1692510763978-pBEtX0zssC.png?width=1200)
👇Cloud Vision APIキーの発行方法を見たい方はこちら(18:07~22:02)👇
5. makeでシナリオ作成
〜makeの基本設定〜
1.makeの右上、Create a new scenarioを選択
![](https://assets.st-note.com/img/1692410001234-rGfOS2Fvw2.png?width=1200)
2.紫色の+ボタンをクリック(任意の場所で右クリックでもOK)から、LINEを検索しLINEを選択。
![](https://assets.st-note.com/img/1692410099248-lzuQPvYBOI.png?width=1200)
〜LINEモジュールの設定(メッセージ受信用)〜
1.LINEモジュールで「Watch Events」を選択し、以下の画面から「Add」ボタンを選択
![](https://assets.st-note.com/img/1692409936285-7fnOq60xl6.png?width=1200)
2.Webhook nameに自分のお好みの名前を入力し「Add」ボタンを押す。
3.LINEのチャネルアクセストークンを発行し(写真19)、Channel Access Tokenを入力して(写真20)、「save」を選択
![](https://assets.st-note.com/img/1692410427116-f0mHzMNTSz.png?width=1200)
![](https://assets.st-note.com/img/1692410440852-8ib6VdWdHj.png?width=1200)
4.Webhook URLを「Copy address to clipboard」よりコピーして、公式LINEのWebhook設定の箇所に貼り付け「更新」ボタンを押す。
![](https://assets.st-note.com/img/1692410656817-xjx1EilIhW.png?width=1200)
![](https://assets.st-note.com/img/1692410619724-rrHHvx0ri0.png?width=1200)
5.Webhookの利用をオンにする
〜画像をLINEに送付する〜
1. Download a Message Attachmentを選択
![](https://assets.st-note.com/img/1692411013148-esxfozUDQI.png?width=1200)
MessageIDの部分に、Events→Message→から、Message IDを選択する
![](https://assets.st-note.com/img/1692411495954-r3A4qoGkTP.png?width=1200)
〜Google Cloud Visionの設定〜
1.検索窓で「Google Cloud Vision」のモジュールを検索し、選択
![](https://assets.st-note.com/img/1692509450561-7tQ8bJvVcf.png?width=1200)
2.以下を選択
![](https://assets.st-note.com/img/1692509462284-3zpQtYPny5.png?width=1200)
3.API keyの入力(先ほどコピーしておいたものをペースト)
![](https://assets.st-note.com/img/1692509485875-WKjLb2mYYM.png?width=1200)
4.以下の写真のように、各項目を設定
![](https://assets.st-note.com/img/1692509578316-aifw3KONUO.png?width=1200)
〜ChatGPTモジュールの設定〜
1.検索窓で「OpenAI (DALL-E & ChatGPT)」のモジュールを検索し、選択
![](https://assets.st-note.com/img/1692410785636-9rcu7Ryd3Q.png?width=1200)
2.「Create a Completion(GPT-3 , GPT3.5 , GPT-4)」を選択
![](https://assets.st-note.com/img/1692410793113-T1kJkUo660.png?width=1200)
3.Connectionの「Add」ボタンを押し、各項目を入力
![](https://assets.st-note.com/img/1692410803112-bryMW9eqJn.png?width=1200)
4. Select Methodを「Create a Chat Completion(GPT Models)」に設定
5.Modelを「gpt-3.5-turbo」に設定
6.Messagesの設定
a. Roleを「User」に設定
b. Message ContentにLINEモジュールから出力された
「1. Event [ ] : Message Text」を選択
![](https://assets.st-note.com/img/1692412053863-rmp9NCjcMF.png?width=1200)
![](https://assets.st-note.com/img/1692412066915-Dkk57XDvb3.png?width=1200)
〜LINEモジュールの設定(メッセージ送信用)〜
1,LINEモジュールで「Send a Reply Message」を選択し、Connectionで先ほど作成したConnection名を選択
![](https://assets.st-note.com/img/1692412333497-y1t1YRqOUf.png?width=1200)
2.Reply Tokenに一つ目のLINEモジュールから出力された
「1. Events[ ]: Reply Token」を入力
![](https://assets.st-note.com/img/1692412103119-zt4Q7t6HHB.png?width=1200)
3.TextにOpenAIモジュールより出力された
「2. Choices [ ] : Message.Content」を入力
![](https://assets.st-note.com/img/1692412116611-ELnwJYoTTS.png?width=1200)
以上でシナリオは完成です。お疲れ様でした。
ただ、ここまでやってきて「仕事ではLINE使ってないんだよな」「slackやteamsでできるといいんだけどな」と思われた方がいらっしゃると思います。
その悩み、もちろんmakeで解決できます。ぜひ、やりたいことがありましたらLINEでご質問ください^^
可能な限りメンバーが回答いたします!
最後にご案内です!
現在弊社では開発や、生成AI、ChatGPT活用の研修、コンサルティングを行なっています。
法人様を対象に、コンサルティングを初回60分無料で行なっております。お問い合わせはお気軽に、こちらよりお願いします。
https://vp978uerbx8.jp.larksuite.com/share/base/form/shrjpra8KMJmjV4WHDrlKJYsqxh
この記事が気に入ったらサポートをしてみませんか?