Skip to main content

Posts

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 Bahagian 1: Garis Masa Ringkas Bahagian 2: Apa Sebenarnya "Vibe"? Bahagian 3: Detektif Mencari Founder Bahagian 4: Kenapa Ia "Meletup" Bahagian 5: Kontroversi — Dua Sisi Mata Wang Bahagian 6: Sudut Malaysia Bahagian 7: Kisah Peribadi Saya Penutup 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 detekt...
Post a Comment
Read more
Recent posts

Siri Vibe Coding S02E01 (Part 2): OpenCode — Rancang Dulu, Baru Pecut

S02E01 (Part 2): OpenCode — Rancang Dulu, Baru Pecut Ini sambungan LANGSUNG dari S02E01 Part 1 (Aider). Kalau belum baca tu, sila baca dulu — kita akan bina semula projek sama dalam artikel ni, supaya awak boleh bandingkan terus pengalaman dua tool. 😄 Nota jenaka : Kalau Aider tu "kawan yang terus buat kerja tanpa banyak cakap", OpenCode ni "kawan yang nak berbincang dulu sebelum mula" — dua-dua ada tempat masing-masing, macam dua jenis rakan kongsi projek kerja group semasa universiti dulu. 📑 Kandungan (Table of Content) Kenapa OpenCode? Pros & Cons Mendalam Bahagian 1: Prasyarat Bahagian 2: Install OpenCode Bahagian 3: Konsep Asas — Falsafah "Plan-First Agentic" Bahagian 4: Tour Antara Muka TUI Bahagian 5: Sambung ke AI Provider Bahagian 6: MCP Integration — Sambung ke MSSQL Sedia Ada Bahagian 7: Guna dengan tmux Bahagian 8: PROJEK BERPERINGKAT — 4 Kalkulator (Ulangan) Bahagian 9: Perbandingan Pengalaman — Aider vs OpenCode Bah...
Post a Comment
Read more

Siri Vibe Coding S02E01 (Part 1): Aider — TUI Git-First di AI Box Anda

Siri Vibe Coding S02E01.1: Aider — TUI Git-First di AI Box Anda Ini artikel KETUJUH (bahagian 1) dalam siri Vibe Coding saya, permulaan "Season 2". Kalau belum baca Artikel 1-6, sila baca dulu. Artikel ni khas untuk pengguna yang dah ada AI Box (Artikel 4) dan Tailscale (Artikel 5) — kita explore dunia TUI (Terminal User Interface), alternatif kepada VSCode+Cline yang jalan terus dalam terminal . 😄 Nota jenaka : TUI ni dunia yang lain — tiada klik-klik cantik, semua keyboard. Rasa macam tukar dari kereta automatik ke manual — sikit "shock" kali pertama, tapi bila dah biasa, ada kepuasan tersendiri. 📑 Kandungan (Table of Content) Kenapa Aider? Pros & Cons Mendalam Bahagian 1: Prasyarat Bahagian 2: Install Aider Bahagian 3: Konsep Asas — Falsafah "Git-First" Bahagian 4: Command Asas Bahagian 5: Sambung ke AI Provider (Ollama, FreeLLMAPI, Cloud) Bahagian 6: Guna dengan tmux (Persistent Session) Bahagian 7: PROJEK BERPERINGKAT — 4 Kalkul...
Post a Comment
Read more

Siri Vibe Coding S01E06: AI Berbayar: Bila Nak Keluar Duit?

Siri Vibe Coding S01E06: AI Berbayar: Bila Nak Keluar Duit? Ini artikel KEENAM dan PENUTUP siri Vibe Coding saya. Kalau belum baca Artikel 1-5, sila baca dulu. Artikel ni lengkapkan perbandingan 4 pilihan "otak AI" yang kita janji sejak Artikel 1 — bahagian terakhir: AI Berbayar (Claude, ChatGPT, dan sepertinya). ⚠️ Nota ketelusan penting : Saya (penulis artikel ni, dibantu Claude AI) perlu jujur — Claude adalah produk Anthropic, jadi ada potensi "bias" bila bincang perbandingan ni. Saya cuba sedaya upaya kekal adil dan sertakan pandangan neutral, tapi galakkan awak buat penilaian sendiri (kebanyakan platform ada free trial/tier percuma) sebelum putuskan langganan mana yang sesuai. 😄 Nota jenaka : Artikel ni bahas duit — topik yang biasanya buat orang serius. Saya cuba kekalkan mood ringan, tapi angka tetap angka, jangan main-main dengan bajet awak. 📑 Kandungan (Table of Content) Recap: Bila Patut Guna AI Berbayar? Bahagian 1: Realiti Di Sebalik Tabir...
Post a Comment
Read more

Siri Vibe Coding S01E05: Tailscale: Rumah Saya, Di Mana-Mana Saya Pergi

Siri Vibe Coding S01E05: Tailscale: Rumah Saya, Di Mana-Mana Saya Pergi Ini artikel KELIMA dalam siri Vibe Coding saya. Kalau belum baca Artikel 1-4, sila baca dulu — terutama Artikel 4 (Bina AI Box), sebab artikel ni khas untuk sambungkan AI Box tu dari mana-mana lokasi, bukan sekadar rumah. 😄 Nota jenaka : Rangkaian ni topik yang boleh buat kepala pening — banyak istilah (CGNAT, VPN, ACL). Saya cuba terjemah semua ke bahasa manusia biasa. Kalau masih pening, itu normal — rangkaian memang subjek yang buat ramai engineer bergaduh sesama sendiri pun. 📑 Kandungan (Table of Content) Kenapa Perlu Tailscale? Bahagian 1: Daftar Akaun Tailscale Bahagian 2: Install di AI Box (Linux) Bahagian 3: Install di Laptop Windows Bahagian 4: Install di Mac Bahagian 5: Install di Android Bahagian 6: Install di iOS (iPhone/iPad) Bahagian 7: Peranti Huawei — Nota Penting Bahagian 8: MagicDNS — Nama Senang Ingat Bahagian 9: User Management — Kongsi AI Box dengan Selamat Bahagian 10: Update S...
Post a Comment
Read more

Siri Vibe Coding S01E04: Bina AI Box: Gudang Sendiri, Bil Elektrik Selamat

Siri Vibe Coding S01E04: Bina AI Box: Gudang Sendiri, Bil Elektrik Selamat Ini artikel KEEMPAT dalam siri Vibe Coding saya. Kalau belum baca Artikel 1-3, sila baca dulu. Artikel ni khas untuk yang dah "naik tingkat" — nak local AI yang JAUH lebih power dari laptop, tapi tak nak bakar duit atau bil elektrik. 😄 Nota jenaka : Artikel ni ada banyak nombor dan jadual — bukan sebab saya suka Excel, tapi sebab beli hardware tanpa kira-kira teliti tu macam masuk pasar tanpa senarai barang. Balik-balik beli benda yang tak perlu, lupa benda yang penting. 📑 Kandungan (Table of Content) Kenapa Perlu "AI Box" Berasingan? Bahagian 1: Pilih GPU — NVIDIA vs AMD vs Intel, dan Kenapa VRAM Penting Bahagian 2: 10 Misi/Keperluan Sebelum Beli Apa-Apa Bahagian 3: Contoh Sebenar — Build Entry Level (Dengan Perbandingan Harga Pasaran) Bahagian 4: Perbandingan 3 Tahap — Entry vs Medium vs High Bahagian 5: Pilihan AIO (All-In-One) — DGX Spark dan Sejenisnya Bahagian 6: Baru vs...
Post a Comment
Read more