LoginSignup
2
2

More than 1 year has passed since last update.

Google Apps Script(gas)の環境構築

Posted at

最近、Google Apps Script(gas)の学習を始めてみました!
ここでは環境構築について書いてみようと思います。

1.環境構築
2.バージョン管理
3.デプロイ
4.プロパティストア

環境構築

環境構築ってかなり面倒くさいイメージありますが、gasの環境構築はかなり簡単なんです。
というか環境はもう既に出来ているって感じです!

  1. googleスプレッドシートを開く 1
  2. ツールタブを押下
  3. スクリプトエディタを選択

これですぐに開発を始めることが出来ます。

スプレッドシートを開いて
スクリーンショット 2021-09-18 9.29.20.png

ツール > スクリプトエディタ
スクリーンショット 2021-09-18 9.32.45.png

ここに開発して下さい!
スクリーンショット 2021-09-18 9.34.55.png

実行方法は、
スクリーンショット 2021-09-18 9.44.16.png

これだけです!
スクリーンショット 2021-09-18 9.46.52.png

バージョン管理

バージョン管理をするために、githubとの連携をします。

「Google Apps Script Github アシスタント」の導入

下記にアクセスして、chromeに追加を押下します。

スクリーンショット 2021-09-25 10.50.10.png

追加したら、スクリプトエディタを開きます。
そうすると、なんか追加されてますね。
スクリーンショット 2021-09-25 10.55.52.png

githubと連携

githubの登録は済んでいる前提で書きます。
まずは、アクセストークンを発行しましょう。
settingを開きます。
スクリーンショット 2021-09-25 11.04.36.png

次に「Developer settings」を開いてください。
スクリーンショット 2021-09-25 11.06.26.png

「Personal access tokens」を押します。
スクリーンショット 2021-09-25 11.12.49.png

「Generate new token」を押します。
スクリーンショット 2021-09-25 11.43.32.png

トークン名を決めます。今回は「TestGasToken」としておきます。
スクリーンショット 2021-09-25 11.46.18.png

少し下に行って、「repo」、「gist」にチェックします。
スクリーンショット 2021-09-25 11.54.55.png

「Generate token」を押します。
スクリーンショット 2021-09-25 11.56.31.png

トークンが発行されました!コピーしましょう。
スクリーンショット 2021-09-25 11.58.30.png

スクリプトエディタに戻ります。
「Login to SCM」を押して、
スクリーンショット 2021-09-25 12.03.05.png

githubのユーザー名、アクセストークンを入力してログイン!
スクリーンショット 2021-09-25 12.05.16.png

認証完了です。
スクリーンショット 2021-09-25 12.07.58.png

と同時にこんな画面が出てくるかもしれませんので、googleアカウント選択して許可してください。
スクリーンショット 2021-09-25 12.11.28.png

最後にgas側のAPIをオンにします。押します。
スクリーンショット 2021-09-25 12.24.02.png

すると、オフになってるので
スクリーンショット 2021-09-25 12.27.34.png

オンにします。
スクリーンショット 2021-09-25 12.28.06.png

これで完了です。
リポジトリ作成は「Create new repo」から出来ます。
下矢印はpull、上矢印はpushが出来ます。歯車みたいなマークはignoreファイルの設定が出来ます。
スクリーンショット 2021-09-25 12.30.41.png

デプロイ

アプリを作って公開する時ですが、gasは簡単にデプロイが出来ます。

デプロイ > 新しいデプロイと進みます。
スクリーンショット 2021-09-25 12.46.43.png

種類の選択で、「ウェブアプリ」を選択。
スクリーンショット 2021-09-25 12.48.29.png

以下を入力して、デプロイを押下して完了です!とても簡単で良いです。
 - 説明 : 任意
 - 次のユーザーとして実行 : 自分のgoogleアカウントを指定
 - アクセスできるユーザー : 公開するので、全員を選択。
スクリーンショット 2021-09-25 12.58.16.png

プロパティストア

gasにはプロパティストアというとても便利なものがあります。
例えば、外部APIとの連携アプリを作る際にアクセストークンが必要です。
これはコードに書きたくないですよね。

そういったものを別の領域で管理していいよ!っていうものです。

データ構造としては、キーとバリューです。
プロパティの作成にはコードを実行する必要があります。
下記を実行するだけです。一回実行すれば永続化されます。

test.gas
function setProperty() {
  PropertiesService.getScriptProperties().setProperty("key","value");
}

setProperties()を使用して複数一気に追加することもできます。

test.gas
function setProperty() {

  PropertiesService.getScriptProperties().setProperties({
    'key': 'value',
    'key2': 'value2',
    'key3': 'value3',
  });

}

実際に値を使用する際は、getProperty()を使用します。

test.gas
function myFunction() {

  const value = PropertiesService.getScriptProperties().getProperty('key2');
  console.log(value); // 出力結果 : value2
}

これで安心してgitなどでもソース公開出来ます!


  1. スプレッドシートからで無くてもスクリプトエディタを開くことは出来ます。 

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2