clasp導入で既存のGAS開発を効率化！手順とメリットを徹底解説

// JSON生成処理
function generateJson() {
  // スプレッドシートのデータを取得する
  const sheet =
    SpreadsheetApp.getActiveSpreadsheet().getSheetByName("test_sheet");
  const data = sheet.getDataRange().getValues();

  // JSONを格納するオブジェクトを作成する
  const json = {};

  // シートの各行を処理する
  for (let i = 0; i < data.length; i++) {
    json["app_PJ1_" + i] = { number: data[i][0], app: data[i][1] };
  }
  return json;
}

// メイン関数
function main() {
  saveDrive(generateJson());
}

// Google Driveにファイルを保存
function saveDrive(message) {
  // Google Driveの特定のフォルダにファイルを作成
  const folderId = PropertiesService.getScriptProperties().getProperty(
    "DRIVE_FILE_PATH_PJ1"
  );
  const folder = DriveApp.getFolderById(folderId);
  folder.createFile(
    "sample.json",
    JSON.stringify(message),
    MimeType.PLAIN_TEXT
  );
}

.
├── README.md
├── project1
│   ├── drive.gs
│   └── main.gs
└── project2
    ├── drive.gs
    └── main.gs

# package.json作成
npm init -y

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

# コーディング時に、GASの関数を表示してくれるようになるパッケージ
npm install @types/google-apps-script

# Googleアカウントでログインします (認証画面が表示されるので許可します)
clasp login

# それぞれのプロジェクトで、既存のidを使用してclaspプロジェクトを作成
cd project1
npm init -y
clasp create --title "Project1" --rootDir ./ --parentId "<スプレッドシートのID>"
cd ../

cd project2
npm init -y
clasp create --title "Project2" --rootDir ./ --parentId "<スプレッドシートのID>"

.
├── node_modules
├── README.md
├── package-lock.json
├── package.json
├── project1
│   ├── .clasp.json
│   ├── appsscript.json
│   ├── drive.gs
│   ├── main.gs
│   └── package.json
└── project2
    ├── .clasp.json
    ├── appsscript.json
    ├── drive.gs
    ├── main.gs
    └── package.json

"scripts": {
  "deploy": "clasp push"
}

  "scripts": {
    "deploy:project1": "cd project1 && npm run deploy",
    "deploy:project2": "cd project2 && npm run deploy",
    "open:project1": "cd project1 && clasp open",
    "open:project2": "cd project2 && clasp open"
  },

{
-  "timeZone": "America/New_York",
+  "timeZone": "Asia/Tokyo",
  "dependencies": {
  },
  "exceptionLogging": "STACKDRIVER",
  "runtimeVersion": "V8"
}

// main.ts
declare const saveDrive: (message: JsonData) => void;

export interface JsonData {
  [key: string]: {
    number: any;
    app: any;
  };
}

// JSON生成処理
export function generateJson(): JsonData {
  // スプレッドシートのデータを取得する
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("test_sheet");
  if (!sheet) {
    throw new Error("Sheet not found");
  }
  const data = sheet.getDataRange().getValues();

  // JSONを格納するオブジェクトを作成する
  const json: JsonData = {};

  // シートの各行を処理する
  for (let i = 0; i < data.length; i++) {
    json[`app_PJ1_${i}`] = { number: data[i][0], app: data[i][1] };
  }
  return json;
}

// メイン関数
export function main(): void {
  saveDrive(generateJson());
}

// drive.ts
import { JsonData } from './main';

// Google Driveにファイルを保存
function saveDrive(message: JsonData): void {
  // Google Driveの特定のフォルダにファイルを作成
  const folderId = PropertiesService.getScriptProperties().getProperty(
    "DRIVE_FILE_PATH_PJ1"
  );

  if (!folderId) {
    throw new Error("Folder ID not found in script properties");
  }

  const folder = DriveApp.getFolderById(folderId);
  folder.createFile(
    "sample.json",
    JSON.stringify(message),
    MimeType.PLAIN_TEXT
  );
}

// グローバルスコープに公開（globalの代わりにthisを使用）
// @ts-ignore
this.saveDrive = saveDrive;

.
├── node_modules
├── README.md
├── package-lock.json
├── package.json
├── project1
│   ├── .clasp.json
│   ├── appsscript.json
│   ├── functions
│   │   ├── drive.ts
│   │   └── main.ts
│   └── package.json
├── project2
│   ├── .clasp.json
│   ├── appsscript.json
│   ├── functions
│   │   ├── drive.ts
│   │   └── main.ts
│   └── package.json
└── tsconfig.json

$ npm run deploy:project1
Debugger attached.

> gas-management@1.0.0 deploy:project1
> cd project1 && npm run deploy

Debugger attached.

> gas-management-project1@1.0.0 deploy
> clasp push

Debugger attached.
(node:45633) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
(Use `node --trace-deprecation ...` to show where the warning was created)
└─ appsscript.json
└─ functions/drive.ts
└─ functions/main.ts
Pushed 3 files.
Waiting for the debugger to disconnect...
Waiting for the debugger to disconnect...
Waiting for the debugger to disconnect...

$ npm run open:project1
Debugger attached.

> gas-management@1.0.0 open:project1
> cd project1 && clasp open

Debugger attached.
Opening script: <https://script.google.com/d/◯◯◯◯>
Waiting for the debugger to disconnect...
Waiting for the debugger to disconnect...