GASをGitHub管理してみた

Last updated at 2024-06-07Posted at 2024-06-06

長い間 GAS を書いてきて、Git 管理したいとは思っていましたが、どうも Chrome 拡張機能を入れることに抵抗があり避けてきました。
が、大きめのものを作ることも増えて、いい加減しんどくなってきたので GitHub 管理に挑戦してみました。

準備編

準備としては以下のことを行います

Google Apps Script GitHub アシスタントをインストールします。
リンク先の chrome ウェブストアで Chromeに追加 ボタンを押すだけです。

インストールした Chrome 拡張の Google Apps Script GitHub アシスタントから GitHub を操作できるように GitHub で token を発行します。

GitHubにアクセスしログイン
画面右上の自分のアイコンをクリックし、表示されたメニューの下の方にある Settings をクリック
開いた Settings 画面の左のメニューの一番下の Developer Settings をクリック
開いた GitHub Apps 画面お左のメニューの Personal access tokens をクリックし、展開した中の Tokens (classic) をクリック
開いた Personal access tokens (classic)画面の右上の Generate new token ボタンをクリックし、展開した中の Generate new token (classic) をクリック
開いた New personal access token (classic)画面の以下を入力し、最後に一番下の Generate token ボタンをクリック
- Note: 任意の token 名
- Select scopes: repoにチェック
token が発行されるのでコピーする（token の再表示はできません）

Chromeで拡張機能からGoogle Apps Script GitHub アシスタントアイコンをクリックし、開かれたメニューから オプション をクリック
開いたGoogle Apps Script Github アシスタントに以下を入力して GITHUB LOGIN ボタンをクリック
- username: 任意の名前
- github access token: GitHubで取得した token を入力
Google アカウントの選択画面が出るので、アカウントをクリック
アクセスの許可を求められるので Allow ボタンをクリック

Google Apps Script APIを有効化（オン）に出来たら、GASのスクリプトエディタの上部メニュー（実行等が並んでいる行）の右側にメニューが追加されます

ここではすでに GAS のスクリプトエディタで書いたコードがある前提で開発の進め方の話をします。
と言っても1ステップだけです。

GitHub 管理したい GAS のスクリプトエディタの上部メニューの Repository をクリックして、 Create new repo をクリック
Repository 作成画面が表示されるので以下の入力をし Create をクリック
- Repository name: 任意の Repository 名を入力
- Type: Public / Private を選択
- Description: Repository の説明を入力（GitHub の Repository の README.md に書かれる）
Branch の横の ⬆️ をクリック
開いた Diff 画面から、Push するファイルを選択し Comment を入力し Push ボタンをクリック

これでスクリプトエディタで GAS のコードを書いて、履歴として GitHub が利用できるようになりました！

GASのスクリプトエディタは使いにくい！ローカルのエディタでコードを書きたい！
という方は以下の手順を行います。

Push した GitHub の Repository の Code 画面の右上の Code ボタンをクリックし、展開した中の SSH タブの値をコピー
ローカルに落としたいディレクトリを開き以下のコマンドを実行
```
% git clone [GitHubで取得した値]（git@github.com:....）
```