こんにちは、書川（カキカワ）です。

表計算ソフトといえば、Microsoft社のExcelが有名かもしれないが、実はGoogleも同じようなサービス「スプレッドシート」を無料で提供している。

今回、ビジネスチャットサービスのSlackにスプレッドシートの内容を自動で通知するシステムを作成する。

Googleにログインして、無限の可能性に挑戦する。

まず使用するブラウザはGoogle Chromeをおすすめです。

僕は、普段からGoogleのツールがなくては息ができないのでMacbookもiPhoneも標準ブラウザをGoogle Chromeに設定しています。

スプレッドシートを使用するには、Googleのアカウントを作成してログインしましょう。

Googleアカウントを作成するメリットは、無料で様々な機能を使用でき、Googleクラウドでデータを管理できるのでチーム共有も簡単なところ。

さらに、GoogleにはGoogle Apps Script(GAS)を活用することで、業務効率を上げることも出来る。

例えば、ドキュメントで作成した文章をGmailで送信したり、Gmailをスクレイピングして、スプレッドシートにデータを蓄積したり。Googleが提供しているサービスだけでなく、TwitterやSlackなどのような外部のアプリにも連携ができるからアイデア次第ではなんでも出来る。

今回は、外部アプリと連携した事例です。

スプレッドシートにスクリプトを書く。（コピペ可）

早速、スクリプトを書く時に必要な環境を準備しましょう。

Google DriveからGoogleスプレッドシートを開く。分からない方は「Google Drive」と調べてみましょう。

スプレッドシート のメニューバーに並んでいる「ツール」→「スクリプトエディタ」を選択する。

スクリプトエディタは開きましたか？

以下のコードをスクリプトエディタにコピーアンドペーストする。

See the Pen Incoming Webhook-kaki by seiya-dev-uiux (@seiya-dev-uiux) on CodePen.

コードをペーストする位置は画像を見て確認しましょう。

ペーストしたら、プロジェクトの名前は分かりやすく設定して、保存しておきましょう。

Slackでコミュニケーションの効率を上げる

Slack（スラック）の公式サイトはコチラ

次に、Slackを使用するために登録していく。

仕事でSlackを使う機会がない場合でも、メモ帳や開発に使える上に様々な機能を追加してカスタマイズ出来るから、ぜひ生活の一部に取り入れてライフハックしてみてください。

仕事用の連絡ツールとして「個人のLINEを強制的にグループに入れられる文化」に抵抗がある方は、Slackを提案するとイケてる。
職場に対してプライベートをオープンにしたくない人もいることの理解が必要だと考えている。

Incoming Webhookを設定する。

Slack内の機能の１つである「Incoming Webhook」を使う事で、外部のスプレッドシートからSlackにメッセージを送信することが出来る。

まずは、Slackの「APP管理」から「Incoming Webhook」を検索してインストールする。

Incoming Webhookで「設定の追加」を選択しましょう。

Slackにある、自動で通知したいチャンネル名を選択して、インテグレーションの追加しましょう。

Webhook URLはGoogleのスクリプトエディタで使うのでコピーしましょう。

スプレッドシートのスクリプトに必要なものを追加していく。

＊記号に情報を入力することで、プログラミングが正常に動くようになる。

先ほどコピーしたWebhook URLをペーストする。

var postUrl = "https://hooks.slack.com/services/＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊";

自動通知する名前を決める。例では「豚の独り言」となっている。

var username = '＊＊＊';　//通知時のユーザー名

Slackの絵文字をアイコンに設定が可能。あってもなくても困らないけど、可愛いから設定する。

var icon = '＊＊＊';　//通知時に表示されるアイコン

絵文字をコピーアンドペーストすると「:piggy:」というコードが表示される。
このコードを入力する事で絵文字アイコンを設定できるようになる。

設定した後のコードはコチラ

var postUrl = 'ここにWebhook URLをペーストする';

var username ＝ '豚の独り言';

var icon = ':piggy:';

プログラミングを追加し、コードを実行する。

はじめに書いていたSlackに通知するためのコードの前に、条件分岐を書いて実行する。

今回は単純な条件文の「if文」と繰り返し文の「for文」を実行することで通知を実行する。

今回のコードでは問題ないけど、間違ったfor文の使い方をしてしまうと永遠に豚が鳴き止まない、「無限ループ」という悲惨な状態になるので、for文を書くときには十分にコード理解してから実行しましょう。
下の記事でfor文について書いてます。

スクリプトに書かれているコードは以下。コピペしてまずは動かしてみよう。

See the Pen SS to Slack by seiya-dev-uiux (@seiya-dev-uiux) on CodePen.

読み込むスプレッドシートを設定する。

‘シートのURL’と書かれている場所には、スプレッドシートのURLにある文字をコピーアンドペーストする事で、スプレッドシート を読み込みことが出来る。
エクセルと違い、ブラウザで動くスプレッドシートは webサイトのようにURLがある。

https://docs.google.com/spreadsheets/d/「ココにある文字をコピー」/edit#gid=0

スプレッドシートのシート名は、標準では「シート１」となっているのけれど、シート名を変更した場合は、スクリプトの中の’シート名’を変更する事を忘れないようにしましょう。

コードの全体像はこちら。

読み込むスプレッドシートに書かれている内容はこちら。

間違いがない事を確認して、関数を実行しましょう。

Slackに自動通知の完成。これが最初の第一歩。

Googleのスクリプトを実行するためには、Googleアカウントの承認が必要。

関数を実行したら、承認を要求されるので許可しましょう。

許可するアカウントを選択する。

G Suiteアカウントを使っていない方は承認するときに、以下のようなモーダルが出るけれど、問題はありません。
左下の「詳細」を選択しましょう。

左下の「無題のプロジェクト（安全ではないページ）に移動」を選択しましょう。

ここでアカウント承認の許可を行う。

その後、Slackには豚の独り言は届きましたか？

以上が自動通知を誰でも設定出来る方法を紹介しました。

GASは複雑な開発環境を整えなくても、様々な業務効率化ツールの開発が出来る素晴らしいツールなので、これからももっと勉強して、ワクワクしない作業を僕の分身に任せて行こうと思います。

僕が出勤する時には、僕の分身10人ほどが正確に仕事を片付けてくれている環境になっているから、他のタスクに時間を充てられています。

僕は、初めてBotを作成した時にめちゃくちゃ感動しました。

もしこれが初めてBotを作るという機会だった方には、豚の鳴き声が初体験を奪ってしまって本当に申し訳ない気持ちになります。

しかし、きっと忘れられない思い出になりましたよね。
そう信じています。