Skip to main content

Siri Vibe Coding S01E00 (Pilot): Vibe Coding — Kisah Asal yang Ramai Tak Tahu

S01E00 (Pilot): Vibe Coding — Kisah Asal yang Ramai Tak Tahu

Sebelum kita mula Season 1 (VSCode + Cline + segala setup teknikal), jom kita duduk sekejap, minum kopi, dan dengar cerita — dari mana sebenarnya istilah "vibe coding" ni datang, dan kenapa ia jadi sebesar sekarang.

😄 Nota: Episod ni tiada command, tiada setup, tiada troubleshooting. Duduk relaks, baca je.


📑 Kandungan (Table of Content)


Pembukaan

Awak guna istilah "vibe coding" setiap hari sepanjang siri ni — tapi pernah tak terfikir, dari mana sebenarnya perkataan ni datang? Siapa yang cipta? Bila? Dan kenapa satu istilah santai macam ni boleh jadi begitu besar sampai masuk kamus rasmi?

Jom kita jadi detektif sekejap.


BAHAGIAN 1: Garis Masa Ringkas

Untuk faham "vibe coding", perlu faham apa yang berlaku sebelum ia lahir:

Tahun Peristiwa
2021 GitHub Copilot dilancarkan — AI mula "cadangkan" baris kod semasa awak taip
2022 ChatGPT meletup — dunia sedar AI boleh "bual" dan selesaikan masalah kompleks
2023-2024 Tool "agentic" mula matang — AI bukan sekadar cadang, tapi boleh edit fail, jalan command sendiri
Februari 2025 Istilah "vibe coding" lahir — satu post di media sosial X
Akhir 2025 Istilah ni jadi Word of the Year rasmi Collins Dictionary
2026 Kita — siri artikel ni

😄 Perhatikan betapa PANTAS ni semua berlaku — dari "AI cadang baris kod" ke "istilah dalam kamus rasmi" cuma dalam masa 4-5 tahun. Bandingkan dengan berapa lama istilah "internet" atau "smartphone" ambil masa untuk jadi perkataan harian.


BAHAGIAN 2: Apa Sebenarnya "Vibe"?

Perkataan "vibe" sendiri — santai, tak formal, lebih dekat dengan dunia muzik/lifestyle berbanding jurutera perisian yang biasanya serius, penuh jargon teknikal. Itulah sebenarnya daya tarikan istilah ni — ia sengaja kontraskan dengan imej "coding" yang biasanya nampak susah, eksklusif, hanya untuk "orang pandai".

"Vibe coding" cuba sampaikan mesej: awak tak perlu faham setiap baris kod — cukup rasa (vibe) apa yang awak nak, sampaikan pada AI, dan biar ia "materialize" jadi kod sebenar.


BAHAGIAN 3: Detektif Mencari Founder

Ingat jenaka saya awal-awal siri ni — "Jensen Huang founder AI"? Jom kita betulkan dengan cerita penuh.

Bukan Jensen Huang — Ini Dia: Andrej Karpathy

Pada 2 Februari 2025, seorang penyelidik AI bernama Andrej Karpathy — bekas Director of AI di Tesla, dan salah seorang ahli pengasas awal OpenAI — menulis satu post di platform X (dulu Twitter). Dalam post tu, dia describe cara kerja baharu dia: guna tool bernama Cursor, cakap terus (voice command) apa yang dia nak, terima semua cadangan AI tanpa semak "diff" (perbezaan kod), dan bila keluar error, dia copy-paste je error tu balik ke AI tanpa komen — biar AI selesaikan sendiri.

Dia sendiri gambarkan pendekatan ni sebagai "menyerah sepenuhnya pada vibe" — tak baca kod baris demi baris, malah kadang lupa kod tu wujud pun.

Post Yang Jadi Fenomena

Post asal Karpathy tu — 4.5 juta+ tontonan. Dalam masa beberapa minggu, istilah ni dah muncul dalam The New York Times, The Guardian, dan pelbagai media teknologi besar. Salah satu istilah teknologi yang paling pantas merebak dalam dekad 2020-an.

😄 Bayangkan — satu post santai (yang Karpathy sendiri kata untuk projek "buang" ringkas sahaja, bukan untuk kerja serius) tiba-tiba jadi istilah yang kita semua guna setiap hari. Kuasa media sosial memang tak boleh diremehkan.

Nota Menarik — Sesetengah "Penggemar" Cuba Cari Akar Lebih Dalam

Ada penulis/peminat yang cuba "tarik" sejarah vibe coding lebih jauh ke belakang — sampai ke tokoh macam Grace Hopper (pelopor compiler, 1950-an) dan J.C.R. Licklider (visioner "manusia-komputer bekerjasama", 1960-an). Ini menarik sebagai perspektif falsafah (idea "biar komputer faham manusia, bukan sebaliknya" memang lama wujud), tapi istilah spesifik "vibe coding" — confirm, Karpathy, Februari 2025.


BAHAGIAN 4: Kenapa Ia "Meletup"

Beberapa faktor bertindih menyumbang:

  1. Timing tepat — tool AI agentic (Cursor, dan lepas tu Cline yang kita guna) baru matang cukup untuk buat pendekatan ni praktikal, bukan sekadar fantasi
  2. Nama yang "catchy" — mudah diingat, mudah disebut, kontras dengan imej coding "serius"
  3. Demokratisasi — ramai yang sebelum ni rasa "coding bukan untuk saya" (macam awak sendiri sebelum siri ni!) tiba-tiba rasa mungkin untuk mereka
  4. Statistik sokongan sebenar — CEO Google, Sundar Pichai, pernah dedahkan lebih 25% kod dalaman Google ditulis oleh AI. Ini bukan hype kosong — syarikat besar betul-betul guna pendekatan ni

BAHAGIAN 5: Kontroversi — Dua Sisi Mata Wang

Macam semua perubahan besar, vibe coding bukan tanpa pertikaian.

Kem Penyokong

  • "Ini demokratisasi coding — sesiapa sahaja, tak kira latar belakang, boleh cipta"
  • "Kelajuan pembangunan berlipat ganda — apa yang dulu ambil bulan, sekarang hari"
  • Rujuk pengalaman awak sendiri dalam siri ni — dari "tak reti apa-apa" ke boleh bina sistem sendiri

Kem Pengkritik

  • "Terima kod tanpa faham/semak — risiko besar untuk production/kerja sebenar, bukan sekadar prototaip"
  • Istilah ni asalnya untuk projek "buang" (throwaway) sahaja — Karpathy sendiri tak pernah cadang guna untuk sistem kritikal
  • Bila digunakan untuk sistem serius tanpa langkah keselamatan (rujuk semua "guardrail" yang kita bina sepanjang siri ni — .clinerules, approval manual, dll), risiko bug, kelemahan keselamatan, dan kod yang tiada siapa faham sepenuhnya

Kesimpulan Neutral

Dua-dua kem ada poin sah. Ini sebabnya sepanjang siri ni kita tak sekadar "terima semua" — kita bina disiplin (git, .clinerules, approval manual, backup) di atas kuasa vibe coding. Kelajuan dan kawalan boleh wujud bersama, asalkan disiplin dijaga.


BAHAGIAN 6: Sudut Malaysia

Gelombang vibe coding global ni sampai ke Malaysia dengan cabaran sendiri:

  • Bahasa — kebanyakan tutorial/dokumentasi dalam Bahasa Inggeris, sikit sahaja sumber Bahasa Melayu berkualiti (sebahagian sebab siri ni ditulis!)
  • Akses — tak semua orang ada laptop power/internet laju, tapi (macam siri ni tunjukkan) tak semestinya jadi halangan — local AI, FreeLLMAPI, dan pelbagai pilihan bajet rendah wujud
  • Kesedaran — ramai masih anggap coding "bukan untuk saya" — sikap yang siri ni cuba pecahkan, satu artikel pada satu masa

BAHAGIAN 7: Kisah Peribadi Saya

Saya mula perjalanan ni bukan sebagai budak muda yang baru nak belajar — saya dah 20 tahun dalam industri, bina dan maintain sistem payment sendiri dari kosong. Bila mula dengar "vibe coding", jujur, ada skeptikal. Saya dah lalui pelbagai "trend" teknologi datang dan pergi.

Tapi malam pertama saya betul-betul cuba — duduk dari 12 tengah malam sampai 5:30 pagi, minta AI bina interface, dan rahang saya jatuh. Bukan sebab hasil tu sempurna (ia tak), tapi sebab kelajuan dan kemungkinan yang saya nampak. Rasa macam naik basikal, kayuh laju, kemudian lepas tangan dari handle — dan basikal tu tetap bergerak lancar.

Itu momen yang buat saya sedar — ini bukan sekadar trend lalu. Ini cara baharu bekerja yang, kalau digabung dengan disiplin dan pengalaman 20 tahun saya sendiri, boleh jadi sesuatu yang powerful.

😄 Dan sekarang, di sinilah kita — beberapa artikel kemudian, dengan MCP, AI Box, Tailscale, TUI, dan macam-macam lagi. Siapa sangka satu malam "jaw-drop" boleh bawa sejauh ni.


Penutup

Sekarang awak dah tahu — bukan Jensen Huang, tapi Andrej Karpathy, 2 Februari 2025, satu post di X yang jadi Word of the Year. Awak juga dah faham dua sisi kontroversi, dan kenapa disiplin (yang kita bina sepanjang Season 1) penting untuk elak jadi kem pengkritik yang betul.

Perjalanan sebenar bermula sekarang — S01E01, kita mula dengan VSCode dan Cline. Jumpa di sana!


Episod ini adalah Pilot untuk siri "Vibe Coding". Fakta sejarah dalam artikel ini berdasarkan liputan media dan sumber akademik terkini mengenai asal-usul istilah "vibe coding".

Comments

Popular posts from this blog

AI Tools 12 For Marketing

 AI Tools 12 For Marketing

AI Tools 10

 AI Tools 10

Visual Studio 2022 & IIS 10 dalam Localhost dev. dengan error ERR_HTTP2_PROTOCOL_ERROR

 Salam geng. Pening seharian aku, selepas hari semalam aku update semua NuGet Packages dalam VS, tiba2 buka project dan run F5 dalam debug mode keluar error ERR_HTTP2_PROTOCOL_ERROR. Ah sudah naya pak karim. Apa dah jadi selepas update VS NuGet? Puas mencari solution untuk fix masalah tu. Aku tenung2, aku rasa VS aku tak ada masalah sebab aku boleh Build/Rebuild Solution aku without error. Aku mula syak IIS10 aku kaput. Tapi aku test dengan cara yang paling simple. Aku create satu subdirectory dan letak satu fail default.asp. File simple asp classic je. Try cuba run page tu. Masih lagi keluar ERR_HTTP2_PROTOCOL_ERROR. So aku rasa betullah IIS aku kaput. So aku mula nak baiki IIS. Terpikir aku dulu2 aku pernah repair dengan cara run ".../aspnetreg.exe -i". Tapi untuk kes ni, aplikasi tu tak mau jalan sebab aku pakai framework .NET 4.8. Kes aspnetreg tu hanya untu FW 2.0 atau 3.5 aje. Aku rehat sekejap, bertenang minum air masak. Semasa solat aku berdoa kat Allah supaya ber...