“Sekarang siapapun bisa membuat aplikasi, bahkan tanpa bisa coding!”
Kalimat ini sudah beredar selama beberapa tahun terakhir — dulu dikaitkan dengan no-code tools, sekarang dengan vibe coding dan AI. Dan setiap kali saya denger ini, saya punya pertanyaan yang sama: benar-benar? Sampai sejauh mana?
Jadi saya lakukan sesuatu yang lebih konkret dari sekadar opini: saya minta seorang teman — seorang desainer grafis yang sama sekali tidak bisa coding — untuk mencoba build aplikasi sederhana pakai vibe coding. Saya duduk di sampingnya, observasi, tapi tidak bantu kecuali diminta.
Ini laporan jujurnya.
Subjek dan Setup
Teman saya ini — sebut saja Rini — adalah desainer yang fasih dengan Figma, Photoshop, Notion, tapi belum pernah menulis satu baris kode pun. Dia bukan orang yang takut teknologi, tapi juga bukan yang biasa berinteraksi dengan terminal atau file sistem.
Goal eksperimennya: build aplikasi web sederhana yang bisa:
- Simpan daftar buku yang sudah dan mau dibaca
- Beri rating dan review singkat
- Tampilkan list dalam tampilan yang bersih
Kami pakai Cursor dengan model Claude Sonnet. Saya sudah install dan setup semua di laptop-nya sebelumnya — ini perlu dicatat karena setup itu sendiri sudah ada learning curve-nya.
Waktu yang dialokasikan: 2 jam.
Jam Pertama: Antusiasme dan Kejutan Pertama
0-15 menit: Awal yang Lancar
Rini mulai dengan deskripsi yang sangat jelas — mungkin karena dia terbiasa brief klien. Instruksi pertamanya ke Cursor sangat bagus:
> “Membuat website sederhana untuk track buku. Saya mau bisa tambahkan judul buku, pengarang, status (sudah baca/mau baca), rating bintang 1-5, dan catatan singkat. Tampilannya harus clean dan minimalis. Pakai warna putih dan aksen biru.”
Instruksi itu sangat spesifik dan Cursor merespons dengan baik. Dalam 5 menit, ada scaffold HTML, CSS, dan JavaScript yang di-generate.
Rini terlihat excited. “Wah, sudah ada tampilannya!”
15-40 menit: Masalah Pertama Muncul
Ketika Rini mau coba jalankan, dia stuck. File HTML sudah ada, tapi dia tidak tau caranya “buka di browser”. Dia double-click file-nya dari file explorer, berhasil — tapi kemudian saat coba tambah buku, data tidak tersimpan setelah refresh.
Ini di mana keterbatasan pertama muncul: memahami gap antara “HTML statis” dan “aplikasi yang punya persistence”.
Rini minta AI untuk jelaskan kenapa data hilang. AI menjelaskan dengan baik tentang localStorage vs database. Tapi kemudian AI mulai suggest menggunakan backend dengan Node.js — dan di sini Rini mulai kehilangan benang merahnya.
Istilah seperti “terminal”, “npm install”, “port 3000”, “server” — semua itu asing dan menciptakan anxiety.
Jam Pertama Bagian Kedua: Di Mana Non-Programmer Mulai Struggle
40-70 menit: Terminal dan Konsep yang Asing
Ketika AI suggest untuk buka terminal dan jalankan command, Rini berhenti. “Terminal itu yang hitam-hitam itu ya? Bagaimana bukannya?”
Saya bantu buka terminal — tapi sesuai rules eksperimen, saya tidak bisa jelaskan lebih dari “klik ini”.
Rini tanya ke AI bagaimana buka terminal. AI jelaskan. Dia berhasil buka. Tapi kemudian perintah npm install gagal karena Node.js belum terinstall di laptop-nya.
Error message yang muncul — panjang, dalam bahasa Inggris, teknis — membuat Rini frustasi. Dia tanya ke AI. AI jelaskan cara install Node.js. Ini butuh waktu 15 menit tambahan.
Pelajaran: Setup environment adalah barrier yang significant untuk non-programmer, dan ini sesuatu yang vibe coding tools belum selesaikan sepenuhnya.
70-90 menit: Breakthrough Kecil
Setelah setup beres, Rini kembali ke jalur. Dia berhasil jalankan server lokal dan aplikasinya berjalan — dengan database sederhana menggunakan localStorage (bukan backend penuh).
Wajahnya ketika aplikasinya pertama kali jalan dengan data yang tersimpan: genuinely excited.
Dari situ, dia mulai lebih lancar. Dia minta AI untuk:
- Ubah warna tombol (“jadi lebih soft, bukan biru tua”)
- Tambah animasi sederhana saat buku ditambahkan
- Buat tampilan rating bintang yang visual
Semua ini berjalan dengan sangat baik. Di domain visual dan UX, instruksi Rini sangat kuat — dan hasilnya menunjukkan itu.
Hasil Akhir: Apa yang Berhasil, Apa yang Tidak
Yang Berhasil
Dalam 2 jam, Rini berhasil build aplikasi book tracker yang:
- Berfungsi di browser
- Punya tampilan yang cukup menarik (lebih bagus dari yang biasanya saya membuat, jujur)
- Bisa tambah, lihat, dan hapus buku
- Data tersimpan di localStorage (persisten selama tidak hapus browser data)
Itu bukan hasil yang buruk. Untuk aplikasi personal yang dia pakai sendiri, ini sudah sangat fungsional.
Yang Tidak Berhasil atau Butuh Bantuan
- Setup environment — butuh bantuan eksternal
- Memahami error teknis — banyak error yang dia tidak bisa debug sendiri dan instruksi ke AI kurang tepat karena dia tidak tau apa yang harus dijelaskan
- Konsep backend — setiap kali AI mention server, database, atau API, dia lost
- Deploy — ini tidak sempat dicoba, tapi sudah bisa diprediksi bahwa ini akan jadi barrier besar berikutnya
Jadi, Mungkinkah Vibe Coding untuk Non-Programmer?
Jawaban saya: Ya, dengan asterisk besar.
Yang mungkin:
- Build aplikasi sederhana untuk kebutuhan personal
- Prototyping ide — melihat “apakah ini kira-kira seperti yang saya bayangkan”
- Kustomisasi visual dari template yang sudah ada
- Script sederhana untuk otomasi task personal
Yang masih butuh programmer:
- Aplikasi yang butuh backend dan database yang proper
- Deploy ke production supaya bisa diakses orang lain
- Keamanan dan privacy yang serius
- Scalability dan maintenance jangka panjang
- Debugging ketika sesuatu tidak berjalan dan errornya tidak obvious
Yang Berubah vs Yang Belum Berubah
Yang berubah dengan AI: Menulis kode — non-programmer sekarang bisa “generate” kode tanpa bisa nulisnya sendiri.
Yang belum berubah: Memahami sistem — konsep seperti client-server, database, environment, deployment masih perlu dimengerti pada level tertentu untuk bisa build sesuatu yang meaningful dan bisa di-maintain.
Untuk Non-Programmer yang Mau Coba
Kalau kamu bukan programmer tapi ingin coba:
- Mulai dari yang sangat sederhana. Bukan aplikasi web dengan backend — mungkin spreadsheet otomatis, atau script Python sederhana, atau webpage statis.
- Sediakan waktu untuk setup. Ini akan makan waktu lebih dari yang kamu ekspektasi.
- Pelajari istilah dasarnya. Bukan berarti harus bisa coding, tapi mengerti apa itu “file”, “folder”, “terminal”, “browser vs server” akan sangat membantu dalam instruksi ke AI.
- Pair dengan programmer untuk sesi pertama. Bukan supaya programmer yang kerja, tapi supaya ada yang bisa jelaskan ketika kamu encountered concept yang asing.
- Ekspektasi yang realistis. Kamu mungkin bisa build sesuatu yang “jalan”. Tapi “jalan untuk kamu” dan “production-ready” adalah dua hal yang berbeda.
Untuk Programmer yang Diberi Tahu Posisinya Terancam
Eksperimen ini justru memperkuat keyakinan saya bahwa programmer masih sangat relevan — bukan karena AI lemah, tapi karena ada kedalaman pemahaman yang dibutuhkan untuk build sesuatu yang serius.
Yang berubah bukan kebutuhan akan programmer. Yang berubah adalah apa yang programmer habiskan waktunya. Lebih banyak arsitektur, lebih banyak review, lebih banyak keputusan produk — kurang boilerplate.
Kamu non-programmer yang punya ide tapi tidak tau mulai dari mana? Atau programmer yang ingin bantu client-nya build prototype cepat? Hubungi mafadev — kita cari pendekatan yang paling pas untuk situasimu.
Leave a Reply