続編：OCRとChatGPT活用のLINE BotがGoogle Spread Sheet 上で文書・画像保存に対応した話

# LINEだけじゃ不便！PC上に画像と文書を保存したい！
おはようございます、こんにちは、こんばんは！
いつでも笑顔、いけちゃんです！
今回は、この前作ったLINE Botで課題になっていた「送ってきた画像と返信された文書をPC上で保存できないか」を調べてみた結果、Make上で対応することができた話をお届けします。

:::note
↓前回までの記事をご覧いただければ、今この記事を読むあなたにも作れちゃう！↓
:::
https://qiita.com/ikeuchi-kota/items/b5673052a3a782f9bb94

# LINEで文書が返されるだけでなく、Google Spread Sheet にすべて保存できた！
まずは結果から、動作状況をこちらの動画で参照ください。
<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="ja" dir="ltr">やっっっっっっっっっっっった！！！<br>GoogleDriveへの画像保存とともに、LINE返信文、整理前正書、画像保存先URLをスプレッドシートに記録することができるようになった！！！<br>これできっと助けられる（主人公風）・・・！！！<a href="https://twitter.com/hashtag/protoout?src=hash&amp;ref_src=twsrc%5Etfw">#protoout</a><a href="https://twitter.com/hashtag/%E3%83%96%E3%83%83%E3%82%AF%E3%82%AA%E3%83%95%E3%81%A7%E3%83%97%E3%83%AD%E3%83%9D%E3%83%BC%E3%82%BA%E3%81%99%E3%82%8B%E3%83%80%E3%82%A4%E3%82%A8%E3%83%83%E3%83%88%E4%B8%AD%E3%81%AE%E3%83%A4%E3%83%9E%E3%83%88%E9%81%8B%E8%BC%B8?src=hash&amp;ref_src=twsrc%5Etfw">#ブックオフでプロポーズするダイエット中のヤマト運輸</a> <a href="https://t.co/Fuf4U98pSC">pic.twitter.com/Fuf4U98pSC</a></p>&mdash; いけちゃん (@since2023_kota) <a href="https://twitter.com/since2023_kota/status/1746188250002370577?ref_src=twsrc%5Etfw">January 13, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
※編集されているため、実際の時間はもう少し長くなります

上記を実現したMake上のシナリオ画面です。
![image (38).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/1f8c4005-a542-1098-dd02-98c5611f98f8.png)
# 前回の続きから文章・画像で作り方説明、ぜひ試してみてください
使用したツールはこちら（前回紹介の物は省略）

 1. `Google Drive`：Googleアカウントを取得し、[Google Drive](https://drive.google.com/drive/)にアクセスできるようにしておきます

### 事前準備
`Google Drive`に画像保存用のフォルダとテキスト保存用の`Google スプレッドシート`を保存し、リンクをコピー、保存します。
1. [Google Drive](https://drive.google.com/drive/)を開き、左側のマイドライブを選択した状態で右側の窓内で右クリックをし「新しいフォルダ」を作成します
![image (44).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/f8d8eeca-614c-b543-3fa5-95fdba78cf52.png)
※今回は`催事業者情報保存場所`と命名
1. 作成したフォルダを右クリックすると表示される一覧から`共有`をクリックし、`リンクをコピー`をクリックします
1. ![image (41).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/26cab1d7-3b01-d4b8-e688-4c0fe8872a14.png)
コピーした後はテキストファイルなどにペーストし保管してください
1. 同じドライブ中にマウスカーソルを動かし、右クリックをして`Google スプレッドシート`を選択します
![image (51).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/6e01981b-b705-d2d4-a948-734315fe1667.png)
1. 保存したい項目を1行目の各列に入力します<br>今回は`ChatGPT`で整理した文書の他、整理前の文書や画像を保存した`Google Drive`のリンク先URL、`LINE Bot`にメッセージが届いた日付を保存します
![image (42).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/20bf5b5d-0532-df98-57c1-338e821d9af2.png)
左上が最初`無題のスプレッドシート`となっていますので保存したい名前に変更します
![image (52).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/b170f041-0aad-0371-baf3-78fd09571a40.png)
※今回は`テキストデータ保管場所`と命名
1. 作成したファイルを右クリックすると表示される一覧から`共有`をクリックし、`リンクをコピー`をクリックします
![image (43).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/4977e737-14ee-6eb4-b8cf-c6de564ec2ca.png)
コピーした後はテキストファイルなどにペーストし保管してください

以上で事前準備は終了です。

### Google Drive モジュールの設定方法（画像、PDFデータ共通）
1. LINEの`Send a Reply Message`の後にAddから`Google Drive`の`Upload a File`を選択し繋げます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/dd4a899e-540b-9cde-6a03-6ef2ec396685.png)
1. 上記画面ではConnectinの中が設定されていますが、初めての場合は何もありませんのでAddをクリックし、右下の`Sign in with Google`をクリックしてください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/0bddb88d-7785-722e-f4bf-e4398deaac7a.png)
1. 準備したGoogle Driveを利用しているアカウントを選択し、次へ、許可の順にクリックします<br>アカウント選択画面
![image (45).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/94c70e60-5144-06e6-6199-be6f07b3c29a.png)
次へをクリック
![image (46).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/20775efb-4dfe-e461-4eb3-c09484c2476b.png)
許可をクリック
![image (47).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/fe3a1646-7feb-3b6d-ac50-bc1244944ebd.png)
1. `Folder ID`に事前に保管した`Google Drive`のURLを貼り付けます（`Google Spread Sheet`のURLではありません、注意）<br>その他の設定は画面の通りです
![image (48).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/73b36c68-7ac2-fdcd-7cc6-84e9379e42c9.png)

以上でGoogle Driveの設定は終了です。

### Google Sheets モジュールの設定方法
1. `Google Drive`の`Upload a File`の後にAddから`Google Sheets`の`Add a row`を選択し繋げます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/b4b6d057-3fe8-5293-2cdf-00597ef67516.png)
2. 先ほどの`Google Drive` モジュールと同様に右下の`Sign in with Google`をクリックし同様に許可していきます（画像は割愛）
2. 下記の画像の通りに選択します。なお、`SpreadSheet ID`の箇所はクリックすると自動で検索ができ選択することが可能です
![image (49).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/6c2732d6-5a15-4fb8-1a41-e20d0270ad6c.png)
1. さらに設定があるため、下にスクロールし`Values`の項目を画像通りに設定してください<br>この画像に記載されているAが`Google Spread Sheet`で`Microsoft Excel`を開いた際のA列に該当します
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3637980/76f67cca-8de9-6c5f-0f1c-2f125bf7a7a2.png)
補足：事前準備時、A～D列の1行目にそれぞれ入力をいたしましたが、このモジュールは先に入力がされているセルは無視し次の行にどんどん追記しますので項目がわからなくなる心配はありません

以上で全ての設定が完了しました。
LINE Botを立ち上げていただき、試してみてください。

# 最後に
現時点で課題を最大限解決すべく組み立てたLINE Botです。
個性あふれる文書のデータ化はほぼ完成したので、次なる課題の解決に取り組もうと思います。
続いて出てきた課題は「データを見たところ文書の羅列だけではどの書類かが一目ではわからない。文書の種類ごとに仕分けして保存はできない？」という点です。
次の記事でそちらの解決を図りたいと思います。

最後までお読みいただき、ありがとうございました！