Saya diminta seorang kawan untuk membuatkan aplikasi catatan amal ramadhan menggunakan Google Form. Tapi sebagai seorang programmer, menggunakan Google Form untuk sebuah aplikasi dengan identifikasi pengguna sangat sulit, kalaupun bisa sangat rentan kesalahan.

Akhirnya saya mencoba mensiasatinya dengan Google Apps Script. Alasannya sih sederhana. Aplikasi ditaruh di infrastruktur Google dan gratis. Walaupun tidak mudah sama sekali 🙂 Karena semua harus dilakukan di server, tidak seperti PHP misalnya, yang langsung ubah skrip langsung bisa dilihat hasilnya.

Akhirnya saya dibantu Clasp, satu model coding di lokal lalu push ke Google, walaupun kita tidak bisa melakukan testing, namun kita terbantu dengan penggunaan antigrafity. AI lah :).

Banyak pengembang terjebak menggunakan editor web bawaan Google Apps Script (GAS) yang terbatas. Dengan menggunakan Clasp (Command Line Apps Script Projects), kita bisa memindahkan seluruh proses pengembangan ke komputer lokal (VS Code), memberikan kontrol penuh dan kecepatan yang jauh lebih tinggi.

Mengapa Menggunakan Model Aplikasi Ini? (Kelebihan)

Mengalihkan pengembangan dari browser ke lokal menggunakan Clasp memberikan keuntungan signifikan:

• Version Control (Git): Kamu bisa menggunakan GitHub atau GitLab untuk melacak perubahan kode, sesuatu yang sulit dilakukan di editor web Google.

• Autocomplete (IntelliSense): Dengan bantuan @types/google-apps-script, VS Code akan memberikan saran kode otomatis. Tidak perlu lagi menghafal nama fungsi.

• Efisiensi Pengembangan: Kamu bisa membagi kode ke dalam banyak file dan folder yang rapi, lalu Clasp akan menyatukannya saat di-unggah (push).

• Dukungan TypeScript: Kamu bisa menulis kode dengan TypeScript yang lebih aman dari error, dan Clasp akan otomatis mengubahnya menjadi JavaScript yang dimengerti Google.

• Kecepatan Eksekusi: Dengan mengelola file secara lokal, kamu terhindar dari lag browser saat skrip sudah mulai besar dan kompleks.

Panduan Implementasi Cepat

1. Persiapan Lingkungan

Instal Clasp secara global dan hubungkan dengan akun Google Anda:

npm install -g @google/clasp
clasp login

Pastikan “Google Apps Script API” sudah diatur ke ON pada pengaturan Google Script.
script.google.com/home/settings.

2. Menghubungkan Spreadsheet

Ambil Script ID dari menu Project Settings di editor Google Sheets Anda, lalu hubungkan ke folder lokal:

clasp clone "ID_SCRIPT_ANDA"

3. Konfigurasi “Smart Coding”

Agar VS Code menjadi cerdas, instal definisi tipe data (meskipun Anda tidak menggunakan node_modules untuk aplikasi, ini diperlukan untuk editor):

npm init -y
npm install --save-dev @types/google-apps-script

4. Optimalisasi dengan .claspignore

Buat file .claspignore untuk memastikan hanya kode inti yang terkirim ke Google Sheets, menjaga proses push tetap ringan dan cepat:

node_modules/**
package.json
package-lock.json

Alur Kerja Harian (Workflow)

Setelah setup selesai, rutinitas pengembangan Anda akan menjadi sangat sederhana:

1. Tulis Kode: Edit file .js atau .ts di VS Code dengan fitur autocomplete.

2. Kirim Kode: Jalankan clasp push untuk memperbarui skrip di Google Sheets.

3. Uji Coba: Jalankan fungsi langsung dari terminal dengan clasp run namaFungsi atau cek di Google Sheets Anda.

Kesimpulan

Menggunakan model Clasp + VS Code + Google Sheets adalah lompatan besar dari sekadar “penulis skrip” menjadi “pengembang aplikasi”. Anda mendapatkan kenyamanan alat profesional tanpa kehilangan kemudahan integrasi ekosistem Google Workspace.