GAS（TypeScript）の始め方

最近、GAS を触り始めました。
TypeScript 勉強中なので、使い慣れた IDE でコード整形されながら TS で書きます。

clasp インストール

まず、ローカルの IDE でコーディングするために、
Git みたいな感じで GAS から clone 、GAS に push みたいにできるツールである
「clasp」をインストールする。

$ npm install -g @google/clasp
$ clasp -v
2.3.0

ログイン

$ clasp login

GAS プロジェクトを clone する場合

$ clasp clone スクリプトID(GAS のプロジェクトの設定からコピペ)
$ ls -a
コード.js appsscript.json .clasp.json // これらがダウンロードされる。
$ mv コード.js main.ts // .ts ファイルに変更
$ mkdir src
$ mv {main.ts,appsscript.json} src/

.clasp.json を編集

.clasp.json

{
    "scriptId": "スクリプトID(GAS のプロジェクトの設定からコピペ)",
    "rootDir": "./src"  // 追加
}

main.ts の myFunction() を変更してみる

src/main.ts

function myFunction(): void {
    console.log('Hello TypeScript!');
}

push

（GAS API の設定をオンにしとかないとできない）

$ clasp push

ローカルの IDE で書いた TypeScript を実行できた。

GAS ライブラリの補完をできるようにしとく

$ npm init --y
$ npm install --save-dev @types/google-apps-script

もっとやるなら

GAS プロジェクトを作成する場合　今回はやってない

$ clasp create --title "ProjectName"

遠隔で GAS 実行（設定 をしとかないと以下のようなエラーになる）今回はやってない

$ clasp run 
Running in dev mode.
? Select a functionName myFunction
Could not read API credentials. Are you logged in locally?

参考

Google Apps ScriptをローカルPCで開発する方法　Office の杜
GAS(TypeScript) での開発時にやること　Qiita