Google Apps Scriptはブラウザからいじることが多いかと思いますが、claspを導入することでローカルでも開発することができます。今回はインストールから「こんにちは世界」するまでの手順をまとめておきます。

インストール

npmでインストールをおこないます。

npm install @google/clasp -g

プロジェクトの作成

認証が無事に完了したのでプロジェクトの作成します。新規で作成する場合は clasp create clasp-demo

すでにフォルダが存在する場合は clasp create .

作成が完了すると.clasp.json と appsscript.json が作成されます。

src/sample.js を作成し、デプロイをしましょう。シンプルにHello Worldです。

function main(){
    Logger.log('Hello World');
}

作成したら、clasp push をして送信し、clasp open でブラウザを立ち上げ中身を見てみましょう

無事にソースコードが上がっていることが確認できます。

アップロードしてから、ブラウザにて修正したくなることもあるかも知れません。編集しましょう。

編集できました。この編集結果をローカルにも反映させたいです。そこで、clasp pullを使います。実行すると…

無事に反映されました。

既存にあがっているプロジェクトはどうやってローカルに持ってくればいいでしょうか。

clasp clone プロジェクトIDの形で可能です。

プロジェクトIDは、図の黒く塗りつぶしてある部分です。

以上で基本的なclaspのコマンドを学び、ローカルで開発することができるようになりました。 Google Apps Scriptでも、PrettierやESLintなどを使いきちんとしたコードを書きたくなってきたので、ブラウザでの開発を中止しローカルに移行していきたいと思います。

参考にさせていただきました。