タダケンのEnjoy Tech

楽しみながらラクに成果を上げる仕組みを考える

Google Apps ScriptのコードをGithubで管理できる「Google Apps Script Github アシスタント」が便利すぎる

f:id:tadaken3:20171110121704p:plain

こんにちは!
タダケン(@tadaken3)です。

Google Apps Scriptのコードを書いていて、ちょっと困るのがコードのバージョン管理です。

Google Apps Scriptはブラウザで開発していくことになり、ソースコードのバージョン管理ができません。とくに複数人で開発しているときなんかは、誰がどのように編集をしたのかわからず、何が最新版なのかわからなくなってしまいます。ソースコードを管理できないと心細いです。

そこでGASのコードをGithub上で管理できるChrome拡張の「Google Apps Script Github アシスタント」をご紹介します。「Google Apps Script Github アシスタント」を使うとGASのコードを手軽にGithubで管理できます。

「Google Apps Script Github アシスタント」を導入する

「Google Apps Script Github アシスタント」はChrome拡張です。 以下からChromeウェブストアにアクセスし、Chromeに追加ボタンを押すと簡単に追加できます。

chrome.google.com

Google Apps ScriptのIDEを開くと「Github アシスタント」のメニューが追加されます。 まずはGithubとの認証を行うため「Login SCM」を選択します。

f:id:tadaken3:20171110115255p:plain

GithubのID、パスワードを入力する画面がでてきますのでアカウント情報を入力します。

f:id:tadaken3:20171110114725p:plain

これで設定は完了です。簡単ですね。

リポジトリにコードをPushしてみる

Githubではリポジトリという単位でコードを管理します。

「Repository」を選択すると、リポジトリ一覧がプルダウンで選択できます。Gistや新しいリポジトリを作成することもできます。今回は新たにリポジトリを作成してみようと思うので「Create new repo」を選択します。

f:id:tadaken3:20171110114854p:plain

リポジトリの設定を入力する画面が出できます。リポジトリ名などを入力して、「Create」ボタンをクリックするとリポジトリが作成されます。

Githubのサイトにアクセスすると、リポジトリが作られてたことが確認できます。

リポジトリにコードをアップすることをPushといいます。早速ソースコードをPushしてみましょう。Pushするのも簡単でコードを書いた後に「Push」ボタンを押すだけです。

f:id:tadaken3:20171110125422p:plain

すると、追加されたコードのDiffとコミットメッセージが入力する画面がでてきます。コミットメッセージを入力して、Pushすると完了です。

f:id:tadaken3:20171110114938p:plain

Githubのサイトで確認するとgas-github-sampleというリポジトリに「コード.gs」が追加されました。

f:id:tadaken3:20171110115407p:plain

いや、本当に簡単ですね。

リポジトリからコードをPullして最新のコードを取得する

Github上の最新のコードを取得することをPullと言います。続いて、Pullしてコードを取得してみましょう。

Githubのサイト上で、先程のgsファイルを以下のように編集します。

  • ファイル名をコード.gsからmain.gsに変更
  • Logger.logの中身を”Hello Google Apps Script”から”Edit Github”に変更

f:id:tadaken3:20171110115450p:plain

では、Google Apps ScriptのIDEに戻ってPullできるか試してみます。 メニューバーにあるPullボタンを押します。

f:id:tadaken3:20171110125438p:plain

すると、Diffが表示されました。

f:id:tadaken3:20171110115535p:plain

そのままPullボタンを押すと、Google Apps Scriptのコードが最新の状態に変更されました。

f:id:tadaken3:20171110115548p:plain

まとめ

今回は「Google Apps Script Githubアシスタント」を使って

  • ソースコードをGithub上のリポジトリにPushする方法
  • Github上にある最新のコードをPullして取得する方法

をご紹介しました。

Githubアシスタントを使えば、Google Apps ScriptのコードをGithubで管理する事ができます。 Githubアシスタントブランチを切って管理することも可能なので、追加機能を実装するときも安心して開発できますね。

読者登録をお願い致します!

本ブログではGoogle Apps Script、Pythonの役立つテクニックを公開しています。よろしければ、本ブログの読者もしくはTwitterアカウントのフォロワーになっていただけると更新の励みになります。ぜひ一緒にプログラミングを学びましょう。

参考サイト

開発者のleonhartXさんによる解説記事
手軽にGoogle Apps ScriptのコードをGithubで管理する | Recruit Jobs TECHBLOG

Githubアシスタントのソースコード
GitHub - leonhartX/gas-github: sync gas code to github

詳解! GoogleAppsScript完全入門 ~GoogleApps & G Suiteの最新プログラミングガイド~

詳解! GoogleAppsScript完全入門 ~GoogleApps & G Suiteの最新プログラミングガイド~