More than 1 year has passed since last update.

初心者向け：Google formの入力をChatGPTに渡す方法

Posted at 2023-06-02

はじめに

本記事は以前紹介したアプリの実装方法についての説明です。

どんな人向け？
・フォームの使い方が知りたい
・フォームを使って少し複雑なことがしたい
・フォームとGASを連携させたい

今回は「GoogleフォームからGASへデータを渡す」赤枠の部分についての手順を説明します。

実装手順

①フォームの入力部分を作る
②フォームに入力したデータをGASに送信する（フォームとGASの連携）
③GASで受け取ったデータを加工する
④GAS内でChatGPT APIを呼び出す ※API Keyが必要です。
⑤ChatGPTの結果をGASで受け取り、LINEに通知する

①フォームの入力部分を作る

ブラウザ（Chrome）の新しいタブを開き、右上のメニューからフォームを選択

新規作成します。（色々とテンプレートがありますが、時間のある方は色々試してみると面白いかもです。）

無題のフォームが表示されるので、ここから変更していきます。

下記のような感じで選択して作っていきます。クリックして選ぶだけなので簡単です。

①頑張ったことの入力欄：記述式
②ChatGPTの回答を調整（やさしく～厳しくする）：ラジオボタン
入力を必須にすると空の状態で送信できなくなります。

②フォームに入力したデータをGASに送信する（フォームとGASの連携）

入力フォームが完成したので、次はGASと連携します。右上の点からスクリプトエディタを選択します。

Google Apps Script(GAS)が表示されます。

フォームの入力を受け取るプログラムに書き換えていきましょう。
コード.gsに下のプログラムをコピー＆ペーストして保存してください。
function myFunction(){}は消しても大丈夫です。

コード.gs


// フォームが送信されると実行されます
function onSubmit(form) {

  // フォームから送信された内容
  const itemResponses = form.response.getItemResponses();
  for(let i = 0;i < itemResponses.length;i++){
    const formData = itemResponses[i];
    const title = formData.getItem().getTitle();
    const response = formData.getResponse();
    console.log(title + response);
  }

  const timestamp = form.response.getTimestamp();// 時刻

  // GASのログに表示
  console.log(form.response.getTimestamp());  
  console.log(form.response.getRespondentEmail());  //メールアドレス
}