【実践編4】clasp × VS Code × GitHub Copilot：モダンなGAS開発環境の構築

GAS

前回の「実践編3」では、RSS取得からGemini APIによる要約、Googleドライブ保存までのコアロジックを実装した。

しかし、ブラウザ上のGASエディタには、生成AIによる直接的なコーディング支援機能が存在しない。 そのため、複雑なプロンプトの調整や、スクレイピングロジックの拡張を効率的に進めるには、開発環境そのものをアップデートする必要がある。

本記事では、Google公式のCLIツール「clasp」を導入し、VS Code上でGitHub Copilotの強力な支援を受けながら、開発とチューニングを加速させるための手順を記録する。

Step 1: Node.jsの確認とclaspのインストール

claspはNode.js環境で動作する。ターミナル（またはコマンドプロンプト）で以下のコマンドを実行し、Node.jsがインストールされていることを確認した上で、claspをグローバルにインストールする。

# Node.jsのバージョン確認
node -v

# claspをインストール
npm install -g @google/clasp

Step 2: Googleアカウントへのログインと設定許可

claspからGoogle Cloudの各リソース（Google Apps Script）へアクセスするための認証を行う。

  1. ターミナルで以下のコマンドを実行し、ブラウザでログインと権限許可を行う。
clasp login

重要： Google Apps Scriptの設定ページにアクセスし、「Google Apps Script API」を オン に変更する。これがオフの場合、外部ツールからの操作が拒否される。

Step 3: プロジェクトのローカル環境への展開（clone）

クラウド上のGASプロジェクトを、VS Codeで編集するためにローカルPCへ複製（ダウンロード）する。

  1. 作業用のディレクトリ（フォルダ）を作成し、ターミナルでその場所に移動する。
  2. ブラウザのGASエディタのURL、または「プロジェクトの設定」から スクリプトID をコピーする。
  3. 以下のコマンドを実行する。
clasp clone "あなたのスクリプトID"

実行後、ディレクトリ内に appsscript.json と コード.js（または .gs）が生成され、ローカルでの編集が可能になる。

Step 4: GitHub Copilotによるコードのブラッシュアップ

VS Codeでプロジェクトを開くことで、GitHub Copilotによる強力な支援が受けられるようになる。

今回のニュース要約ツールにおいては、単なるコード生成ではなく、以下のプロセスをCopilotとの対話形式で行う。

  • ロジックの最適化: 記事本文を抽出する際の正規表現や、例外処理の精度向上。
  • プロンプトの高度化: AIへの指示を微調整し、より実務に即した要約形式やコードサンプルの抽出を実現。
  • 機能の拡張: 複数トピックの並列処理や、過去ファイルのアーカイブ機能の追加実装。

ブラウザエディタ上で一から記述するのではなく、AIが提案するベースコードを「絞り込み、思考を加え、実務レベルへ昇華させる」プロセスへと開発フローが移行する。

Step 5: ローカルでの修正を反映（push）

VS Codeで編集したコードを、クラウド上のGAS環境に反映させる。

clasp push

このコマンドにより、ローカルの変更が即座にブラウザ側のエディタに同期される。

技術メモ：バージョン管理とAI活用のメリット

claspを導入し、GitHub Copilot Proなどの高度なAI支援を受ける最大のメリットは、GASを「単なるスクリプト」から「管理可能なプログラム」へと引き上げられる点にある。

Gitによるバージョン管理が可能になるだけでなく、AIとの対話を通じてスクレイピングのロジックやプロンプトの精度を高速に高められる。今回のニュース要約ツールのような、継続的な微調整を要するプロジェクトにおいて、この環境構築は必須の工程と言える。

次回予告：NotebookLMによるインフォグラフィック生成

環境が整い、収集・要約ロジックのブラッシュアップが可能になった。

次回の【実践編5】では、本システムで蓄積されたMarkdownデータをインプットに、NotebookLMを活用してインフォグラフィック（図解）を生成し、ブログの図解資料として完成させる最終工程を解説する。

タイトルとURLをコピーしました