GASでGoogleフォームの投稿をSlackに通知する方法（前編）

はじめに

新しい技術にチャレンジし続けるeishisのアドベントカレンダーDay20です！

昨日は自社サービスのリブランディングに向けた第二弾「自社サービスのUX調査と競合アプリの比較マッピング」という記事でした。

サービスのリブランディングに向けてユーザー利用状況グラフとポジショニングマップ作ってみた

今日は、Googleが提供する「Google Apps Script」についてご紹介します！

Google Apps Script（GAS）とは？

Google Apps Script（GAS）は、Googleが提供するサーバーサイド・スクリプト環境です。

JavaScriptでスクリプトを書くことによって、Googleが提供しているサービスを操ることができるという、とても便利なサービスです。

GASでできること

GASはGoogleが提供していることもあって、Googleのサービスとの連携がとても簡単にできます。

例えば、

• Gmail
• Google カレンダー
• Google スプレッドシート
• Google フォーム
• Google アナリティクス

など、ほかにもいろいろなサービスと連携することができます。

また、外部のサービスで提供されているAPIを利用して操作することも可能です。
サーバーの用意をせずに、GASでAPIを作成することもできてしまいます。

それでは、今回はこのGASを活用して、「Google フォームに投稿された内容をslackに通知する」ということを実現したいと思います。

前編の今回は、Googleフォームを作成し、GASでスクリプトを実行する方法やデバッグの仕方をご紹介します。

Google フォームを作成する

まずはGoogle ドライブにアクセスして、Google フォームを作成しましょう。

今回は以下のように、「名前」「メールアドレス」「内容」という3つのフィールドがあるフォームを作成しました。

スクリプトを書いて実行してみる

フォームの内容を取得したりslack通知を送るスクリプトを書く前に、簡単なスクリプトを書いて実行してみましょう。

GASのエディタでスクリプトを書く

先ほど作成したGoogle フォームの右上のボタンをクリックして、「スクリプトエディタ」を選択します。

そうすると、以下のような画面になりました。
ここにJavaScriptでスクリプトを書いていきます。

まずは、簡単なスクリプトを書いて実行してみましょう！
下記のコードをコピーして、先程のGASのエディタにペーストしてください。

function myFunction() {
var message = 'Hello world!';
Logger.log(message);
}

「Hello world!」という文字列をログに出力するスクリプトです。
GAS では、 Logger.log()という関数でログを出力することができます。
スクリプトを作成するときにたくさん使うことになるので、覚えておきましょう。

スクリプトを実行してログを確認する

それでは早速スクリプトを実行してみます。
エディタ上部の再生ボタンのような部分をクリックすると、スクリプトが実行されます。

「関数 myFunction を実行中」という文字が画面の上部に表示されたと思います。
その表示が消えたら、ログを確認してみましょう。
正常に動作していれば、「Hello world!」と出力されているはずです。

エディタ上部の「表示」から「ログ」を選択します。

正しくログが表示されていました！

まとめ

今回はGASでできることや、実際にGASで簡単なスクリプトを実行する方法をご紹介しました。

後編では、作成したGoogleフォームに投稿された内容をslackに通知する部分の実装をしていきます！