Hindi na kailangang magsulat ng code? Gabay sa Coding Agent at Vibe Coding

Kahit walang alam sa coding, kaya na bang gumawa ng maliit na tool na gumagana? Ang Vibe Coding ay ang pag-utos lang at pagpapagawa sa AI ng code para sa iyo. Ipapakita ng artikulong ito kung ano ang Coding Agent, para kanino ito, paano magsimula, at aaminin din ang mga pwedeng maging problema o 'bitag' nito. Isang praktikal na landas para sa mga gustong gumawa ng sarili nilang proyekto pero nahaharangan ng coding.

Noong Sabado ng umaga, gustong gumawa ng maliit na bagay ng isang may-ari ng coffee shop: gusto niyang i-scan ng mga suki ang QR code para makaipon ng points, at may libreng kape pagka-abot ng sampung tasa. Nagtanong siya sa isang kaibigang engineer, at ang singil ay hindi bababa sa 80,000 NTD at aabot ng dalawang linggo ang hintayan. Ayaw niyang sumuko, kaya binuksan niya ang kanyang computer, nag-type ng ilang pangungusap sa Chinese na naglalarawan ng gusto niyang feature, at makalipas ang kalahating oras, lumabas sa screen ang isang gumaganang loyalty points page. Ni isang linya ng code, wala siyang isinulat.

Ito ang pinag-uusapang salita nitong nakaraang dalawang taon: Vibe Coding — ikaw ang bahalang maglarawan kung anong "feels at features" ang gusto mo, at ang AI ang bahalang bumuo ng code.

Ano ba talaga ang Vibe Coding?

Sumikat ang salitang ito dahil tumpak nitong inilarawan ang isang bagong paraan ng pag-code: hindi mo na kailangang intindihin ang syntax, sasabihin mo lang ang mga ideya sa iyong ulo sa natural na pananalita, at tutulungan ka ng AI na gawin itong isang program na pwedeng i-run.

Ang "Coding Agent" naman ang tool na nagpapatupad nito — isang AI agent na espesyal na idinisenyo para tulungan kang mag-code. Ang pinagkaiba nito sa mga karaniwang AI chat ay hindi ka lang nito bibigyan ng code na ikaw pa ang mag-C-copy-paste; babasahin nito mismo ang iyong project, magbabago ng maraming files, magpapatakbo ng tests, at aayusin kapag nag-error. Kung hindi mo pa naiintindihan ang konsepto ng "agent," iminumungkahi naming basahin muna ang aming Gabay sa AI Agent.

Ibu-buko ko ito sa isang pangungusap:

  • Humingi ng code sa AI (parang pag-paste ng requirement sa ChatGPT) = Binibigyan ka niya ng sangkap, ikaw ang magluluto.
  • Gumamit ng Coding Agent (tulad ng Cursor) = Direkta siyang pumasok sa kusina mo at niluto ang buong putahe para ihain sa mesa.

Pagsisimula: Anong mga tool ang pwede mong subukan?

Maraming tool sa larangang ito, kaya hinati ko sila batay sa "kung sino ka":

Kung wala kang alam sa programming at gusto mo lang gumawa ng gumaganang bagay:
Direktang gamitin ang conversational AI para linawin ang iyong mga pangangailangan. Parehong kayang gabayan ka ng ChatGPT at Claude hakbang-hakbang para gumawa ng simpleng webpage o maliit na tool mula sa simula. Ituring mo silang isang pasyenteng engineer na hindi naiinip sa mga tanong mo.

Kung gusto mong seryosohin ang project at handang mag-install ng tool:
Ang Cursor ang pinakamadalas gamiting Coding Agent ngayon. Mukha itong karaniwang code editor, pero pwede mong sabihin sa Chinese na "tulungan mo akong gumawa ng login feature," at siya na ang mag-aayos ng mga kaugnay na file. Ang Kilo Code naman ay isa pang opsyon na sulit tingnan na sumusunod sa parehong direksyon.

Kung nakalagay ang iyong code sa GitHub at gusto mong tulungan ka ng AI na bantayan ang kalidad:
Awtomatikong susuriin ng CodeRabbit ang iyong code kapag nag-submit ka, parang isang senior mentor na tumutulong sa paghanap ng mga bug at nagbibigay ng payo. Napaka-kapaki-pakinabang nito para sa teamwork.

Kung gusto mo pang maghanap ng mga ready-made na prompt para gabayan ang AI sa pag-code, maaari mong tingnan ang aming Prompt Library.

Practical Application: Paano makakagawa ng maliit na tool ang isang non-engineer?

Bumalik tayo sa may-ari ng coffee shop. Hatiin natin ang proseso niya para makita mong hindi ito mahika:

  1. Sabihin nang malinaw kung ano ang gusto mo: Hindi "gumawa ka ng loyalty points," kundi "gumawa ng webpage kung saan maglalagay ang customer ng kanilang mobile number para makaipon ng points, at magpapakita ng coupon kapag umabot na sa sampu." Habang mas detalyado ang requirement, mas tumpak ang magiging gawa ng AI.
  2. Unahin ang functionality, sunod ang hitsura: Ayos lang kung pangit ang unang bersyon, kailangan munang gumana ang pangunahing feature.
  3. I-test kahit hindi mo maintindihan: Hindi mo kailangang intindihin ang code, pero kailangan mong i-click ang bawat pindutan para makumpirmang gumagana nang maayos.
  4. Kapag nagka-error, i-paste nang buo ang error message: Ito ang pinakamahalagang sikreto para sa mga non-engineer — huwag manghula, i-drop nang buo ang pulang teksto sa AI, kadalasang alam nito kung paano ito aayusin.
  5. Maliit na hakbang lang: Magdagdag lang ng isang feature sa bawat pagkakataon. Kung gusto mong magdagdag ng "history ng redemption," tapusin muna ito bago magbaba ng sampung utos nang sabay-sabay.

Sa buong proseso, ang papel niya ay "boss" na responsable sa pagsasabi ng gusto at pagsusuri kung tama; ang papel naman ng AI ay "engineer" na responsable sa pagpapatupad nito.

Totoong Usapan: Ang mga Panganib sa Vibe Coding

Kailangan ko kayong bigyan ng babala para hindi kayo mapahamak. Masayang magpagawa ng code sa AI, ngunit may ilang bagay na dapat mong malaman:

  • Makakagawa ito ng mga 'mukhang gumagana pero may butas' na code: Lalo na sa mga feature na may kinalaman sa data ng user at mga bayarin, maaaring makaligtaan ng AI ang mga pananggalang sa seguridad. Bago i-live ang ganitong mga bagay, siguraduhing may titingin na eksperto.
  • Magiging magulo kapag lumaki ang sukat: Madaling gumawa ng maliit na tool, pero kapag naging komplikado na ang project, madaling masira ng AI ang B habang binabago ang A. Dito na papasok ang mga tool sa pagsusuri tulad ng CodeRabbit.
  • Hindi mo alam ang hindi mo alam: Dahil hindi ka pa nag-code kailanman, baka hindi mo mapansin kung anong panganib ang itinago nito. Para sa mahahalagang bagay, huwag basta maniwala sa sabi ng AI.
  • Hindi ito totoong libre: Karamihan sa mga tool na ito ay nangangailangan ng subscription, at mas mahal habang mas marami kang pinapatakbo. Alamin mo muna ito bago ka magsimula.

Sa isang salita: Ang Vibe Coding ay perpekto para sa maliliit na bagay na "ginagamit mo lang at hindi bale kung magka-error"; ngunit para sa mga pormal na sistemang "ginagamit ng marami at may kinalaman sa pera at personal na impormasyon," kailangan pa rin ng mga propesyonal na magbabantay.

Ang Payo ng TheAI學院

Ang aking personal na saloobin ay: Ang Vibe Coding ay hindi ka gagawing engineer, ngunit gagawin ka nitong "isang taong kayang gumawa ng mga bagay" — isang mahalagang diperensya sa 2026. Noon, kapag may ideya ka, kailangan mong makiusap, maghintay sa pila, at magbayad; ngayon, maaari ka munang gumawa ng gumaganang bersyon nang mag-isa, bago magpasya kung seryosong mamumuhunan.

Tiyak na gabay para sa mga mambabasa: Kung gusto mo lang subukan ang tubig, gamitin muna ang Claude o ChatGPT para gawin ang unang maliit na bagay sa pamamagitan ng pakikipag-chat — walang gastos, walang kailangang i-install. Kapag nagka-interes ka na at gusto mo nang gumawa ng mas pormal na project, mag-upgrade sa Cursor. Ang pinakamahalagang kaisipan ay ituring ang sarili bilang isang "Product Manager na marunong magpaliwanag ng mga pangangailangan at mag-verify," sa halip na magmadaling intindihin ang bawat linya ng code. Ayos lang kung hindi mo maintindihan; ang pag-alam kung paano gamitin, subukan, at magtanong ay sapat na para makagawa ka ng maraming bagay.

Kung gusto mong i-integrate ang mga nagawa mong maliliit na tool sa iyong pang-araw-araw na daloy ng trabaho para sa awtomasyon, huwag kalimutang balikan ang ikalawang bahagi ng serye: I-automate ang iyong mga paulit-ulit na gawain gamit ang AI.

Bumalik tayo sa may-ari ng coffee shop. Hindi siya gumastos ng 80,000 NTD, wala rin siyang hinintay na dalawang linggo, at noong Sabado ng umaga ay online na ang loyalty page. Nang sumunod na linggo, habang nag-a-scan ng QR code ang mga suki para sa points, walang nakaalam na ang bagay na ito ay "isinulat" ng may-ari gamit lamang ang pagsasalita. Sa panahon na hindi na kailangang isulat nang mag-isa ang code, ang hadlang ay hindi nawala; lumipat lamang ito ng pwesto — mula sa "marunong ka bang magsulat" patungo sa "gusto mo bang gawin."

Mga Madalas Itanong

Kahit zero knowledge sa programming, pwede ba talagang gumawa ng gamit sa Vibe Coding?

Pwedeng gumawa ng simple at personal na gamit tulad ng forms, loyalty point pages, o calculators. Ang sikreto ay hindi ang pag-alam sa syntax, kundi ang malinaw na pagpapaliwanag ng requirements, pagsubok (testing), at pagkopya ng error message pabalik sa AI para ayusin. Pero para sa mga pampublikong sistema, may kinalaman sa pera o personal data, mas mainam pa ring ipa-check sa mga propesyonal.

Ano ang pinagkaiba ng Coding Agent sa pagtatanong lang ng code kay ChatGPT?

Ang ChatGPT ay nagbibigay ng snippet ng code na ikaw pa ang maglalagay at mag-a-integrate; ang Coding Agent (tulad ng Cursor) ay direktang nagbabasa ng iyong project, nagbabago ng multiple files, nagpapatakbo ng tests, at nag-aayos kapag may error. Ang una ay parang binigyan ka ng sangkap, ang pangalawa ay parang niluto na at inihain sa iyo.

Ligtas ba ang code na ginawa ng AI? Pwede na ba itong i-deploy online?

Mag-ingat. Pwedeng gumawa ang AI ng code na 'mukhang gumagana pero may security vulnerability,' lalo na sa user data at bayaran. Okay lang sa mga personal na tool; pero kung pampubliko na at gagamitin ng marami, kailangan itong suriin ng may alam bago i-launch, o gumamit ng mga tool tulad ng CodeRabbit para sa automatic review.

繁體中文版 →