【G Suite Developer Hub】でGASがもっと好きになる

この記事は[エイチームブライズ/エイチームコネクト/エイチーム引越し侍 Advent Calendar 2018](https://qiita.com/advent-calendar/2018/hikkoshi) 9日目の記事です。本日はエイチームコネクト新参エンジニア @namiita が担当いたします。ソウルフードはソーキそばです。

#はじめに
　みなさん、今日もGASで業務改善してますか？実は筆者は生粋のEXCELっ子なので、どちらかといえばVBAのほうが馴染みがあったりします。今回はGASと仲良くなるためにGASの記事を書きます。よろしければお付き合いください。

#いまGASのダッシュボードがアツい
　Google Apps Script（GAS）の機能の内、2018年1月に追加された「Apps Script dashboard」
は、記憶に新しいですよね。これまでバラバラに管理していたGASプロジェクトが一元管理できるようになり、とても便利になりました。
　その「Apps Script dashboard」ですが、先月（2018年11月2日）新たに名称を変え「G Suite Developer Hub」としてさらに便利な機能が追加されたとのこと。これは是非とも活用したい！

#外観はどう変わったのか？
　まずは「[G Suite Developer Hub](https://script.google.com/u/2/home)」にアクセスしてどのへんが変わったのか見てみます。<img width="1202" alt="スクリーンショット 2018-12-06 14.45.05.png" src="https://qiita-image-store.s3.amazonaws.com/0/306965/32b3cfe7-77d3-aa68-641e-479b802f1cea.png">
　メニューに**「マイトリガー」**と**「はじめに」**の項目が増え、ヘッダが「G Suite Developer Hub」と表示されています。ややこしいのですが、G Suiteユーザーであるかどうかは関係なく誰でも使えます。（App Makerが管理できるようになったからG Suite〜にしたのかな？）外観はそんなに変わってませんね。

あたらしく増えた「はじめに」のページを見てみましょう。
![スクリーンショット 2018-12-06 19.47.35.png](https://qiita-image-store.s3.amazonaws.com/0/306965/3372f668-1c81-2530-6bc0-4e9be2d737b9.png)

用途に合わせたプロジェクトテンプレートがずらっと並んでいます。とても親切ですね！
これらのテンプレート自体は以前から用意されていましたが、大きいアイコンと説明文が明記され、より分かりやすくなっています。初めてGASを触る人はとりあえずこのページを見ればOKです。

#「G Suite Developer Hub」新機能
　「Apps Script dashboard」から追加された主な機能は以下のとおりです。

* **1. App Makerアプリの管理ができる**
    * 従来のダッシュボードで管理出来なかったApp Makerアプリが対応
* **2. トリガーの管理ができる**
    * 全てのプロジェクトのトリガーを一元管理可能
* **3. スクリプト実行をリアルタイム確認できる**
     * いちいちブラウザをリロードしなくてもOK

それでは順番に見ていきましょう！

###1. App Makerアプリの管理ができる
　「App Maker」はGUIでサクサクWebアプリが作れるプラットフォームです。（G Suite Business以上のユーザーしか利用できないので注意）GASベースなので他のGoogleサービスとも相性バッチリです。

　以前のダッシュボードだとApp Makerで作ったアプリはプロジェクト一覧に載らず管理しづらかったのですが、新ダッシュボードではきちんと表示されるようになりました。現在ダッシュボードで管理できるプロジェクトは以下の通りです。

* コンテナバインドスクリプト
    * スプレッドやドキュメントなどにくっついてるスクリプト
* スタンドアロンスクリプト
    * 単体スクリプト
* App Makerで作ったアプリ（NEW!）

ではそれぞれ用意してみます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/306965/3f785c14-0317-f5bf-2d47-714fbb1d3ae0.png)
　きちんと全部表示されていますね！この画面からプロジェクト詳細を開いたり、削除、共有などの操作をすることができます。スクリプト種類はプロジェクト名左にあるアイコンで見分けられるようになっています。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/306965/23705a27-beb0-689e-8e2f-39ce0bf02d8b.png)

　コンテナバインドスクリプトにカーソルを合わせると、親ファイルであるスプレッドの名前も表示されます。クリックするとそのままスプレッドが開ける！
![image.png](https://qiita-image-store.s3.amazonaws.com/0/306965/432f09f8-3fd9-769c-6bd4-7f63f5d9c550.png)

　AppMakerは環境ごとにプロジェクト詳細を見ることができ、今回だとテスト環境（TEST）と開発環境（PREVIEW）のタブがあることが確認できます。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/306965/e5c21721-6c1d-cada-b806-c6ab5962d32c.png)

###2. トリガーの管理ができる
　これまでのトリガー設定は「スクリプトエディタ＞編集＞現在のプロジェクトのトリガー」から登録するしかなく、いちいちプロジェクトを開かないと確認や設定が出来ませんでしたが、新ダッシュボードでは「マイトリガー」メニューからトリガーを設定できます。画面はこんな感じ。
<img width="1252" alt="スクリーンショット 2018-12-07 12.30.22.png" src="https://qiita-image-store.s3.amazonaws.com/0/306965/052a7985-fdd7-c533-fdf0-80e1596e7cb0.png">

　トリガー設定画面はこちら。プロジェクト詳細画面からも開くことができます。
今回は5分おきにHelloWorldしてくれるように設定してみました。
![image.png](https://qiita-image-store.s3.amazonaws.com/0/306965/1ee2a182-7daf-9087-cf86-1c32afc348df.png)

###3. スクリプト実行をリアルタイム確認できる
　メニューの「実行数」で、さっき設定したスクリプトの実行状況を見てみましょう。
左上に「リアルタイムで表示」チェックがあるのでONの状態にします。
![output.gif](https://qiita-image-store.s3.amazonaws.com/0/306965/38907c27-052e-8147-5d8a-6fe1ac99287e.gif)
リロードしなくても、プロジェクトが実行される都度リストに追加されてます。
とくに時間主導型のプロジェクトを確認する際はとても便利そうです。

##「G Suite Developer Hub」まとめ
###いいところ
* 誰でも無料で使える
* どこにどんなプロジェクト作っても一元管理してくれる
* プロジェクトの中に入らなくてもトリガー操作できる

###きになるところ
* AppMakerはまだまだ敷居が高い
    * Businessユーザーに限るのが勿体無い！ライト層にこそ使ってほしいツール
    * サンプルや日本語ドキュメントなど増えるといいですね
* 「はじめに」ページのサンプルコードが（個人的に）難しい
    * 勉強します

##たくさんGASを書こう
　「G Suite Developer Hub」、プログラミング初心者にもやさしい感じでとても好印象でした。非エンジニアの方も、業務改善の開発時間がなかなか確保できないエンジニアの方も、どんどんGASりましょう。
面倒なことはダッシュボードにおまかせ！

[エイチームブライズ/エイチームコネクト/エイチーム引越し侍 Advent Calendar 2018](https://qiita.com/advent-calendar/2018/hikkoshi) 明日は @ex_SOUL さんが担当です。お楽しみに！

#参考
* [Kick off developer projects with improved G Suite Developer Hub](https://cloud.google.com/blog/products/g-suite/kick-off-developer-projects-with-improved-g-suite-developer-hub/)

#お知らせ
エイチームグループでは一緒に活躍してくれる優秀な人材を募集中です。
興味のある方はぜひとも[エイチームグループ採用ページ](http://www.a-tm.co.jp/recruit/)（[Webエンジニア詳細ページ](http://www.a-tm.co.jp/recruit/requirements/career/lifestylesupport-webengineer/)）よりお問い合わせ下さい。