# Vibe coding: apa itu? Definisi, alat dan hadnya

> Vibe coding ialah cara membina perisian dengan menerangkannya kepada AI. Definisi, asal usul, alat, risiko sebenar dan contoh langkah demi langkah.

Halaman asal: [Vibe coding: apa itu? Definisi, alat dan hadnya](https://devoria.fr/ms/blog/vibe-coding-apa-itu-definisi-alat-had)
Pengarang: [Mehdi Azizi](https://devoria.fr/ms/mehdi-azizi)
Diterbitkan: 2026-10-01
Semakan kandungan terakhir: 2026-10-09


## Vibe coding, diterangkan dengan mudah

Vibe coding, apa itu? Ia cara membina perisian dengan menerangkannya kepada AI, bukan dengan menulis kod sendiri. **Anda cakap apa yang anda mahu dalam bahasa biasa, AI tulis kodnya, anda lihat hasilnya dan anda perhalusi permintaan anda.** Orang yang bekerja begini dipanggil vibe coder.

Untuk aplikasi mudah alih, ia boleh bermula dengan "buat senarai tugasan dengan butang untuk menambah item". Tetapi bahagian penting datang selepas itu: semak bahawa penambahan berfungsi, senarai kekal selepas aplikasi ditutup dan skrin boleh digunakan di telefon anda.

Anda boleh bermula tanpa tahu memprogram. Untuk teruskan, anda perlu sedikit demi sedikit faham apa yang aplikasi anda buat, di mana ia simpan data dan cara menyemak sesuatu perubahan.

Saya kod aplikasi iOS saya sendiri dengan Claude dan Cursor, setiap hari. Solys, jam loceng dengan permainan mini, dan TradaZen, simulator dagangan, ada di App Store. Panduan ini lahir daripada kerja itu: apa yang vibe coding benar-benar mampu buat, di mana ia rosak, dan cara sampai ke aplikasi yang diterbitkan.

## Kenapa dipanggil "vibe coding"?

Istilah ini ada tarikh lahirnya. Pada 2 Februari 2025, Andrej Karpathy, pengasas bersama OpenAI, menerangkan di X satu cara baharu memprogram: anda menyerah kepada "vibes", menerima apa yang AI cadangkan, dan hampir lupa bahawa kod itu wujud. Dia memanggilnya "vibe coding". Sejarah istilah ini diceritakan di [halaman Wikipedianya](https://fr.wikipedia.org/wiki/Vibe_coding).

Istilah ini cepat meletup. Kamus Merriam-Webster menyenaraikannya seawal Mac 2025, dan kamus Collins menjadikannya [perkataan tahun 2025](https://www.cnn.com/2025/11/06/tech/vibe-coding-collins-word-year-scli-intl).

Di Perancis, minat turut meningkat. Dalam Google Keyword Planner, carian "vibe coding" menunjukkan, pada 2 Oktober 2026, antara 10,000 dan 100,000 carian sebulan dan perubahan +900% dalam setahun.

Ingat makna asalnya: bagi Karpathy, vibe coding bermaksud **tidak lagi membaca kod**. Itu bagus untuk percubaan hujung minggu. Ia berisiko untuk aplikasi yang akan digunakan oleh orang sebenar, dan itulah beza besarnya dengan kaedah yang diterangkan di bawah.

## Vibe coding, no-code dan pembangunan dengan AI

Istilah-istilah ini bertindih, tetapi tidak merujuk kepada kaedah yang sama sepenuhnya.

| Kaedah                 | Apa yang anda buat                                                | Apa yang anda dapat                         | Hadnya                                              |
| ---------------------- | ----------------------------------------------------------------- | ------------------------------------------- | --------------------------------------------------- |
| No-code                | Anda susun blok dalam antara muka visual                          | Aplikasi yang hidup di dalam alat itu       | Anda bergantung pada platform dan harganya          |
| Vibe coding            | Anda terangkan hasil dan bergerak melalui prompt                  | Kod sebenar, yang anda jarang atau tak baca | Kesilapan terlepas selagi tiada siapa menyemak      |
| Pembangunan dibantu AI | Anda juga menerangkan, tetapi dengan peraturan, semakan dan ujian | Kod sebenar, yang anda tahu cara kembangkan | Lebih perlahan pada awalnya, perlu belajar menyemak |

Anda boleh mula dengan pendekatan kedua dan beralih sedikit demi sedikit ke yang ketiga. Nama alat tidak cukup untuk membezakannya: anda boleh minta perubahan yang kabur daripada Codex, sama seperti anda boleh tulis permintaan yang tepat dalam penjana aplikasi.

[Panduan membina aplikasi tanpa kod](https://devoria.fr/ms/blog/cipta-aplikasi-tanpa-coding-no-code-ai) memperincikan apa yang perlu dipelajari apabila prototaip anda mula menjadi produk sebenar.

## Bagaimana membuat vibe coding?

Kaedahnya hanya lima langkah, apa pun alatnya.

1. **Terangkan hasil yang boleh disemak.** Bukan "aplikasi sukan", tetapi "skrin dengan senarai sesi latihan saya dan butang untuk menambah satu".
2. **Minta satu perkara pada satu masa.** Satu skrin, satu fungsi, satu pembetulan. Sepuluh permintaan dalam satu prompt menghasilkan sepuluh perkara yang separuh siap.
3. **Lihat hasilnya di telefon sebenar.** Pratonton dalam pelayar tidak membuktikan apa-apa untuk aplikasi mudah alih.
4. **Betulkan dengan permintaan yang tepat.** Katakan apa yang anda buat, apa yang anda nampak dan apa yang anda jangka. Tangkapan skrin sangat membantu.
5. **Simpan apa yang berfungsi.** Sebelum setiap permintaan baharu, simpan satu versi untuk kembali.

Lima langkah ini cukup untuk prototaip. Untuk aplikasi yang anda mahu terbitkan, anda perlu tambah peraturan dan semakan: itulah topik [membina aplikasi dengan AI](https://devoria.fr/ms/blog/bina-aplikasi-ios-dengan-ai-perangkap-semakan).

## Alat apa untuk aplikasi mudah alih?

Ada dua laluan: bekerja dalam projek anda sendiri, atau bermula dalam alat yang menjana aplikasi daripada penerangan anda.

**Codex dan Claude Code** boleh bekerja dalam folder kod, mengubah fail dan menjalankan arahan. **Cursor** membolehkan anda bekerja dalam editor bersama agen. Cara ini sesuai untuk aplikasi yang projeknya anda mahu faham dan simpan. Keupayaannya diterangkan dalam dokumentasi [Codex CLI](https://learn.chatgpt.com/docs/cli), [Claude Code](https://code.claude.com/docs/en/overview) dan [Cursor Agent](https://cursor.com/docs/agent/overview).

Penjana aplikasi ada persekitaran dan format output sendiri. Sebelum memilih, semak sama ada ia menghasilkan aplikasi web, projek mudah alih atau projek khusus untuk platform Apple. [Perbandingan Lovable, Rork dan FlutterFlow](https://devoria.fr/ms/blog/lovable-rork-flutterflow-aplikasi-mudah-alih) menerangkan perbezaan ini.

Ini apa yang empat alat terkenal hasilkan dan apa yang pelan percuma mereka benarkan, menurut halaman harga yang dibaca pada 2 Oktober 2026. Tawaran ini kerap berubah: semak sebelum memilih.

| Alat        | Apa yang dihasilkan                          | Pelan percuma                                                                               |
| ----------- | -------------------------------------------- | ------------------------------------------------------------------------------------------- |
| Claude Code | Kod dalam projek anda sendiri, dari terminal | Tidak: ia [termasuk dalam pelan berbayar](https://claude.com/pricing), bermula 20 $ sebulan |
| Cursor      | Kod dalam projek anda sendiri, dari editor   | Ya, dengan [bilangan permintaan agen yang terhad](https://cursor.com/pricing)               |
| Lovable     | Aplikasi web                                 | Ya: [5 kredit sehari, paling banyak 30 sebulan](https://lovable.dev/pricing)                |
| Bolt        | Laman atau aplikasi web, dihoskan oleh Bolt  | Ya: [300,000 token sehari, 1 juta sebulan](https://bolt.new/pricing), dengan logonya        |

Untuk aplikasi iPhone, format projek menentukan langkah seterusnya. Agen yang bekerja dalam projek React Native dan Expo meninggalkan kod dan laluan ke App Store untuk anda. Penjana aplikasi web memberi anda pautan untuk dikongsi, bukan halaman di App Store. Untuk memilih, baca [AI mana untuk membina aplikasi](https://devoria.fr/ms/blog/ai-buat-aplikasi-iphone-codex-claude-code-cursor).

Paling penting, pilih laluan yang anda mampu ikuti: buka projek, paparkan hasil, simpan versi dan faham ralat. Alat hebat yang membuat anda tersekat pada pembetulan pertama tidak membantu anda menyiapkannya.

## Apakah bahaya vibe coding?

Bahayanya bukan AI. Bahayanya ialah menerbitkan sesuatu yang tiada siapa semak. Dua insiden awam menunjukkannya, begitu juga penolakan Apple yang saya sendiri terima.

**Data terbuka kepada semua.** Seorang penyelidik keselamatan menganalisis 1,645 projek yang dibina dengan Lovable dan menerbitkan dapatannya pada Mei 2025: [170 mendedahkan data](https://mattpalmer.io/posts/statement-on-CVE-2025-48757/), termasuk e-mel, nombor telefon dan kunci API. Puncanya: peraturan akses pangkalan data yang tiada atau terlalu longgar. Aplikasi itu berfungsi dengan baik di skrin, dan itulah perangkapnya.

**Pangkalan data dipadam.** Pada Julai 2025, agen Replit [memadam pangkalan data produksi sebuah projek](https://www.heise.de/en/news/Artificial-intelligence-Vibe-coding-service-Replit-deletes-production-database-10499597.html) semasa pembekuan kod, walaupun pemiliknya telah melarang sebarang perubahan. Replit kemudian mengumumkan pemisahan automatik pangkalan data pembangunan dan produksi.

**Penolakan Apple.** AI tidak melihat aplikasi anda dengan mata seorang reviewer. Untuk Solys, saya kena dua penolakan yang AI tidak beritahu saya: skrin wajib yang mustahil dilepasi dalam tetingkap kecil, kemudian permintaan penilaian yang diletakkan terlalu awal. Kedua-duanya diceritakan dalam [kenapa Apple menolak aplikasi](https://devoria.fr/ms/blog/aplikasi-ditolak-apple-5-kes-sebenar).

**Kunci rahsia dalam aplikasi.** Apabila AI minta kunci API, ia mudah sahaja meletakkannya dalam kod yang dihantar kepada pengguna, di mana sesiapa pun boleh membacanya. [Panduan kunci API dalam aplikasi Expo](https://devoria.fr/ms/blog/kunci-api-rahsia-aplikasi-expo) menerangkan di mana panggilan itu patut dibuat.

Penyelesaiannya sama setiap kali: **satu semakan untuk setiap risiko**. Peraturan akses diuji dengan dua akaun, sandaran sebelum setiap perubahan pangkalan data, ujian pada iPhone paling kecil dan paling besar, tiada kunci rahsia dalam aplikasi.

## Projek pertama: senarai untuk persediaan keluar

Ambil satu **contoh rekaan**: aplikasi yang membantu menyediakan beg mendaki. Versi pertama hanya membolehkan anda menambah barang, menandanya dan menyimpan senarai.

Mulakan dengan prompt yang menerangkan hasil yang boleh disemak:

```prompt
Saya sedang membina aplikasi mudah alih kecil untuk menyediakan beg mendaki.
Langkah pertama: satu skrin sahaja dengan senarai barang.
Saya mahu menambah barang dan menandanya apabila ia sudah dalam beg.
Gunakan data tempatan dahulu, tanpa akaun pengguna.
Sebelum mengubah projek, terangkan fail yang terlibat.
Selepas perubahan, beritahu cara menyemak penambahan dan tanda.
Jangan tambah pembayaran, peta atau fungsi AI buat masa ini.
```

Prompt ini contoh untuk disesuaikan, bukan aplikasi yang sudah siap. Ia mengelakkan anda menyerahkan sepuluh fungsi kepada alat itu sedangkan anda belum tahu cara menyemak yang pertama.

Setelah skrin dipaparkan, uji satu tindakan pada satu masa. Tambah barang, tandakannya, kemudian tutup dan buka semula aplikasi. Jika senarai hilang, minta dengan tepat supaya data disimpan semasa dimulakan semula. Jika teks terpotong, tunjukkan tangkapan skrin dan nyatakan saiz peranti berkenaan.

## Semakan yang perlu dikekalkan dari awal

Untuk setiap langkah kecil, jawab soalan ini:

1. Adakah tindakan yang diminta benar-benar berfungsi?
2. Adakah hasilnya kekal betul selepas aplikasi ditutup atau selepas kembali ke belakang?
3. Adakah papan kekunci, teks dan butang kekal boleh digunakan di telefon saya?
4. Bolehkah saya kembali ke versi sebelumnya jika perubahan seterusnya merosakkan sesuatu?

Apabila AI mencadangkan kebergantungan atau perkhidmatan, tanya kenapa ia perlu dan berapa kosnya.

## Bolehkah aplikasi vibe coding diterbitkan?

Boleh. Solys dan TradaZen ada di App Store, dan kodnya ditulis dengan Claude dan Cursor. Untuk TradaZen, 26 hari kalendar berlalu antara commit pertama dan penerbitan.

Tetapi cara pembinaan tidak mengecualikan apa-apa. Anda tetap perlu menguji aplikasi, menyediakan halamannya dan menerangkan cara ia berfungsi kepada Apple. Pratonton yang berfungsi dalam pelayar tidak membuktikan bahawa versi yang dihantar kepada Apple berfungsi di iPhone. Dan empat langkah kekal sepenuhnya tanggungjawab anda: tandatangan aplikasi, TestFlight, langganan dan semakan.

[Panduan penerbitan di App Store](https://devoria.fr/ms/expertise/terbitkan-aplikasi-di-app-store) menerangkan langkah-langkah ini. Untuk bermula dengan alat OpenAI, gunakan [tutorial membina aplikasi dengan Codex](https://devoria.fr/ms/blog/bina-aplikasi-dengan-codex-panduan-pemula). Dengan alat Anthropic, ikuti [membina aplikasi dengan Claude Code](https://devoria.fr/ms/blog/bina-aplikasi-claude-code-tutorial-iphone).

## Adakah vibe coding percuma?

**Untuk mencuba, ya.** Cursor, Lovable dan Bolt ada pelan percuma, terhad dari segi bilangan permintaan sehari. Ia cukup untuk beberapa skrin, bukan untuk membina keseluruhan aplikasi: kuota cepat habis apabila anda bekerja setiap hari. Claude Code pula memerlukan pelan berbayar, bermula **20 $ sebulan**.

Kemudian ada kos yang AI tidak hapuskan: **[99 $ setahun](https://devoria.fr/ms/blog/akaun-pembangun-apple-harga-percuma-atau-berbayar)** untuk menerbitkan di App Store, **25 $ sekali sahaja** untuk Google Play. Perincian apa yang percuma dan apa yang tidak ada dalam [membina aplikasi secara percuma](https://devoria.fr/ms/blog/buat-aplikasi-iphone-percuma-kos-sebenar).

## Bagaimana belajar vibe coding?

Sendirian, anda boleh pergi jauh: dokumentasi rasmi percuma, dan tutorial di blog ini bermula daripada projek sebenar. Paling penting, bergantunglah pada latihan. Satu aplikasi kecil yang siap mengajar anda lebih daripada sepuluh video.

Apa yang kurang apabila belajar sendiri ialah mengetahui, sebelum menghantar, apa yang Apple akan tolak. Itulah tujuan **[iOS Kit](https://devoria.fr/ms/kits/ios)**: kod permulaan aplikasi saya, laluan empat langkah untuk diikuti mengikut rentak anda, dan skill Claude Code yang menyemak projek anda sebelum dihantar. Halaman [kursus vibe coding](https://devoria.fr/ms/expertise/kursus-vibe-coding-aplikasi-iphone) memperincikannya untuk AI secara umum, dan [kursus Claude Code](https://devoria.fr/ms/expertise/kursus-claude-code-aplikasi-ios) untuk alat Anthropic.

## Soalan lazim

### Perlukah tahu mengekod untuk membuat vibe coding?

Tidak, bukan untuk bermula. Anda terangkan apa yang anda mahu dan AI tulis kodnya. Tetapi untuk menyiapkan aplikasi, anda perlu belajar menyemak: baca fail mana yang berubah, uji di telefon anda, faham mesej ralat.

### Apakah itu vibe coder?

Seseorang yang membina perisian dengan menerangkannya kepada AI, bukan dengan menulis kod. Istilah ini merujuk sama ada kepada pemula yang melancarkan prototaip pertamanya atau pembangun yang menyerahkan penulisan kod supaya lebih pantas.

### Bolehkah membuat vibe coding dengan ChatGPT?

Boleh. Anda boleh minta kod dan tampalkannya dalam projek anda, atau gunakan Codex, agen OpenAI, yang terus mengubah fail. Hadnya sama seperti alat lain: andalah yang menyemak hasilnya di telefon sebenar.

### Apakah alat vibe coding terbaik?

Alat yang menghasilkan format yang anda perlukan. Untuk laman atau aplikasi web, penjana seperti Lovable atau Bolt bergerak pantas. Untuk aplikasi iPhone yang anda mahu terbitkan dan kembangkan, agen yang bekerja dalam projek anda sendiri, seperti Claude Code, Codex atau Cursor, meninggalkan kod dan kawalan kepada anda.

### Bolehkah membina aplikasi mudah alih dengan vibe coding?

Boleh, asalkan anda pilih alat yang menghasilkan projek mudah alih sebenar, bukan sekadar aplikasi web. Dengan React Native dan Expo, satu projek sahaja menghasilkan aplikasi iPhone dan aplikasi Android.

### Adakah vibe coding boleh dipercayai untuk aplikasi produksi?

Tidak begitu sahaja. Insiden yang diketahui semuanya berpunca daripada hasil yang diterbitkan tanpa semakan: data terdedah, pangkalan data dipadam, penolakan Apple. Dengan peraturan akses yang diuji, sandaran dan ujian pada peranti, kaedah yang sama menghasilkan aplikasi yang kukuh.

## Daripada idea pertama kepada projek yang anda boleh siapkan

Jika anda masih ragu tentang fungsi pertama, mulakan dengan [mengesahkan idea aplikasi anda](https://devoria.fr/ms/blog/idea-aplikasi-5-ujian-sebelum-mengekod). Untuk melihat keseluruhan laluan, baca [cara membina aplikasi](https://devoria.fr/ms/blog/cara-membina-aplikasi-4-langkah). Jika anda sudah ada prototaip, laluan empat langkah [iOS Kit](https://devoria.fr/ms/kits/ios) membantu anda mengenal pasti langkah seterusnya. Tak pasti di mana anda berada? [Diagnostik percuma](https://devoria.fr/ms/diagnostic) menentukan kedudukan anda, memberitahu langkah mana perlu dimulakan dahulu dan menghantar senarai semak anti-penolakan Apple saya.


## Projek anda

[iOS Kit](https://devoria.fr/ms/kits/ios): Bina aplikasi iPhone anda dengan Claude Code: kod permulaan aplikasi saya, skill yang menyemak kerjanya, serta Apple Review Kit, App Store Screenshots Kit dan ASO Kit. 129,99 €.