Google スプレッドシートの図形をトリガーにGAS(Google Apps Script)を動かす

##概要

最近Googleの波が来てましてよくお世話になってます。
こんなこと出来るよみたいなこと書きたいなと思いました。
触り始めたばかりでどうも説明が雑になることもあるかも

誤字脱字はﾋﾞｼﾊﾞｼ指摘してください。~~喜びます。~~

##今回やること

- Googleスプレッドの新規作成
- 図形の挿入
- 図形をクリックでScriptを動作させるようにする
- セルに文字を書く

**前提条件はGoogleアカウントを持ってることだけ**


##Googleスプレッドの新規作成


どんな方法でもいいのでスプレッドシートを新規作成してみましょう

GoogleTOPページのお弁当箱からでも
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/e3b685ff-31fd-1548-fd3e-775dbdaea71d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/d21254a9-5251-473a-5207-ee7eb1506f4e.png)

ドライブから新規作成でも何でも良いです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/fff358f7-a51f-7238-9b57-b8c4b0a190ad.png)



さてさてスプレッドシートの作成はできましたでしょうか？
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/7c693e80-525d-30dd-7bb5-fe2e4ffc2ce0.png)

##図形の挿入

こんなこと説明しなくてもいいよと思うかもしれませんが、少々のお付き合いください。
スプレッドシートの図形挿入はExcel使い慣れてる人からすれば、はてなでいっぱいになる気がします。

###図形の挿入していきましょう

まずはメニューから
「挿入」→「図形描画」
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/58d09520-0e67-fb29-2d51-38eeede311c3.png)


すると~~ペイント~~フォームみたいなのが立ち上がります。
今回はボタンみたいにしたいので四角に文字だけ書いていきます。

まず図形の生成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/a5d093ce-a34f-8a0f-0144-83d7f74fdb13.png)


作った図形をダブルクリックで文字挿入出来ます。
今回は適当にこんなので
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/87633ebb-9b5f-1a3b-2b6f-4eb95deefcd7.png)

右上の保存して終了から閉じます。

すると四角の図形が挿入されました！
好きに動かして好きな配置に出来ます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/a649dbdf-2145-26ef-b807-d5e479b9645d.png)

これで準備おｋあとはGAS(Google Apps Script)を書いて数クリックしたら完成です。
まずGASの作成から
スプレッドシートのメニューで
「ツール」→「スクリプトエディタ」をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/dda8bc13-6f96-9e81-e8b4-3a8e7331ec63.png)

これだけでスプレッドシートに紐付けされたGAS(Google Apps Script)が作成されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/b1997ce1-fc29-a9b8-2cd9-5423522ac056.png)

適当に名前でもつけて保存しておいてください。
今回のコードはセルにもの書きたいだけなのでもう手短に

```
var sheet=SpreadsheetApp.getActiveSheet();
sheet.getRange("A1").setValue("私がA1だ"); 
```

これだけでいいので　myFunctionに追記してみましょう
自動保存はされないので必ず上書き保存してください。
説明は省きます。


スプレッドに戻って一回図形をクリックしてみましょう
こんな表示になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/b80139d7-1c5d-8c35-0e70-e77b7682d727.png)

ケバブマークからスクリプトを割り当てをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/f6a970c6-2c3c-76f9-32ec-98c64d7686a8.png)

テキストにmyFunctionでOK
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/f22cd346-a1b1-68d0-b716-269233a0cef6.png)


一度図形をクリックしてください。
初回のみ承認が必要になるので画面に沿って許可してください

続行をクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/f214f465-fdcc-1828-6a6c-a17af2b224bd.png)

ここは自分がログイン中のアカウントが出てきますね
なんで黒塗りですけど該当アカウントをクリック
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/f343c905-b1fb-0849-231b-0109bf52c625.png)


安全でないページに移動をクリック
したいんですが出てないです。先に詳細をクリックしてください。
画像の「詳細を非表示」と同じ場所にあります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/f83b5093-52e5-95cf-107c-417b9b2655fd.png)

やっと出てきました！！
「許可」をクリックで終わり！！！！！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/c378f681-4e8f-8a80-3556-4d89c45df728.png)


そしたら何も起きないです。
許可しただけなのでね♪

###もう一度図形をクリック

すると上の方にPOPみたいにスクリプトを実行しますみたいなのが順にでてきます。
めんどくさいので画像は無し
動作後の画像だけ用意しました。![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/247370/e197e35c-6546-9f89-63ba-d08ef35fa042.png)


こんなかんじになります。

##おわり

自分自身もまだまだ触り始めたばかりでここから試行錯誤して
いろんなことしたいなと思っております。
また機会あったら近いこと書いていきたいですね。