Perjalanan Digital

Behind the Scenes

Jurnal Pengembangan Website SIGNIFO Canvas

Kilas balik pengembangan: dari landing page minimalis di akhir 2024 menuju infrastruktur custom-built yang progresif. Jurnal tentang membangun rumah digital sendiri dengan presisi teknis dan kekuatan agentic coding dari nol.

Agentic Coding -3

SIGNIFO Canvas | Architect
Sekitar 95 persen proses pembuatan ekosistem Signifocanvas dilakukan menggunakan sistem operasi Ubuntu 24.04. Berikut adalah daftar editor dan ekstensi pendukung agentic coding yang digunakan dalam proyek-proyek di lingkungan Signifocanvas.com: DESKTOP EDITOR 1. Visual Studio Code (VS Code) Ini adalah editor utama untuk semua proyek karena sifatnya yang fleksibel dan ringan. VS Code mendukung banyak ekstensi agentic coding, terintegrasi dengan baik ke GitHub, serta memiliki tampilan antarmuka yang paling sederhana dan memudahkan pengembang di ekosistem Signifocanvas.com. 2. Google Antigravity (Visual Studio Code Fork) Editor ini digunakan sebagai cadangan, khusus saat bekerja dengan model Gemini. Di lingkungan ini, Gemini memberikan hasil yang jauh lebih baik dibandingkan pada VS Code standar. Terdapat fitur pengujian manual via browser Chrome, namun saat ini fungsinya masih terbatas. Editor ini mendukung ekstensi lain, meski terkadang ditemukan gejala ketidakcocokan sistem. 3. JetBrains PhpStorm Pengembang sempat mencoba editor ini bersama asisten AI Junie selama kurang dari seminggu. Kesan awalnya sangat baik, terutama untuk bahasa PHP, namun kinerjanya dirasa terlalu lambat dan biayanya lebih mahal jika dibandingkan dengan model seperti Claude atau GPT. EKSTENSI EDITOR 1. Copilot (Ekstensi Default) Digunakan hanya untuk menangani kasus-kasus kecil karena fungsinya terbatas pada penyelesaian kode (code completion). Copilot kurang membantu dalam membangun logika atau perencanaan arsitektur. Versi gratisnya sangat cocok digunakan untuk membuat pesan commit di GitHub. 2. Cline Ini adalah ekstensi agentic coding yang sangat baik untuk tahap uji coba, terutama saat menggunakan model-model gratis. Signifocanvas.com menggunakan Cline untuk pembuatan pesan commit serta menyusun ide HTML dan CSS, namun belum digunakan untuk tujuan pengodean utama. 3. Gemini Code Assist Tersedia sebagai ekstensi VS Code, namun tampaknya masih menggunakan model versi lama. Ekstensi ini kurang handal untuk pengodean yang kompleks dan lebih cocok untuk tugas ringan seperti memperbarui dokumen changelog.md. 4. Codex Menjadi ekstensi terkuat kedua setelah Claude. Codex dilengkapi model canggih untuk perencanaan dan eksekusi. Biaya penggunaan tokennya lebih murah dari Claude namun masih di atas Gemini. Sangat cocok untuk basis kode skala ringan hingga menengah seperti repositori Signifocanvas.com. 5. Claude Code Ini adalah ekstensi terbaik dan sangat ramah bagi pengembang. Memiliki sistem MCP yang mudah diatur serta berbagai fungsi kecil yang bermanfaat. Model Claude memiliki konsistensi tinggi, hasil yang efisien, serta penilaian yang tepat dalam melakukan perbaikan kode (refactoring). Sangat baik untuk menjaga stabilitas kode, namun pengguna harus bijak mengelola kuota karena biayanya cukup mahal. COMMAND LINE INTERFACE CLI pada dasarnya adalah pembungkus (wrapper) yang sedikit berbeda dari editor. Di sini, instruksi awal (system prompt) yang digunakan lebih sedikit karena alat yang tersedia tidak sebanyak di dalam VS Code atau Antigravity. Meskipun demikian, kemampuan dasar modelnya tidak berubah, hanya cara berinteraksinya saja yang berbeda melalui terminal (command prompt). Terdapat tiga aplikasi berbasis CLI yang digunakan oleh Signifocanvas.com: * Gemini CLI * Codex CLI * Claude Code CLI Prinsip kerja dan model yang digunakan pada CLI tersebut sama dengan versi yang telah dijelaskan pada bagian sebelumnya.
Chat di WhatsApp