தொடக்கநிலையாளர்களுக்கான Vibe Coding: படிப்படியாக எப்படித் தொடங்குவது

தொடக்கநிலையாளர்களுக்கான vibe coding ஐந்து படிகளுக்குள் அடங்கும்: ஆப்பை உங்களுக்காக இயக்கும் ஒரு கருவியைத் தேர்ந்தெடுங்கள், ஒரு சிறிய ஆப்பை எளிய வார்த்தைகளில் விவரியுங்கள், ஒரு பயனரைப் போல முயலுங்கள், ஒரு நேரத்தில் ஒரு சரிசெய்தலைக் கேளுங்கள், சரியாக வேலை செய்தால் வெளியிடுங்கள். கோட் எப்படி எழுதுவது என்று தெரிய வேண்டியதில்லை. இந்தப் பயிற்சி ஒவ்வொரு படியையும் ஒரு உண்மையான முதல் திட்டத்துடன், தட்டச்சு செய்ய வேண்டிய சரியான prompts மற்றும் ஒவ்வொரு தொடக்கநிலையாளரும் தங்கள் முதல் வாரத்தில் செய்யும் தவறுகளுடன் விளக்குகிறது.

முதலில் பின்னணி வேண்டுமென்றால் — இந்தச் சொல் எங்கிருந்து வந்தது, ஏன் மக்கள் அதைப் பற்றி வாதிடுகிறார்கள் — vibe coding என்றால் என்ன படியுங்கள். இந்தப் பக்கம் நடைமுறைப் பகுதி.

தொடங்கும் முன் உங்களுக்கு என்ன தேவை

நீங்கள் நினைப்பதை விட குறைவு:

• ஒரு உலாவி மற்றும் ஒரு கணக்கு vibe coding கருவியுடன். தொடக்கநிலையாளர்கள் கோடை எழுதி, இயக்கி, ஹோஸ்ட் செய்யும் ஒரு AI ஆப் பில்டரைத் தேர்ந்தெடுக்க வேண்டும்; ஃபைல்களையும் சர்வர்களையும் நீங்களே நிர்வகிக்க எதிர்பார்க்கும் coding உதவியாளரை அல்ல.
• ஒரு சிறிய யோசனை. உங்கள் startup அல்ல. ஒரு நபருக்கான (நீங்கள்) ஒன்று அல்லது இரண்டு திரைகள் கொண்ட ஒரு கருவி.
• ஒன்றிரண்டு மணி நேரம் குறுக்கீடுகள் இல்லாமல். முதல் அமர்வு உங்களுக்கு அதன் தாளத்தைக் கற்றுக்கொடுக்கும்.

அவ்வளவுதான். நிறுவல்கள் இல்லை, நிரலாக்கப் படிப்பு இல்லை, terminal இல்லை.

தொடக்கநிலையாளராக எந்தக் கருவியைத் தேர்ந்தெடுப்பது

கருவியை விட பழக்கங்களே முக்கியம், ஆனால் அது மூன்று விஷயங்களைச் செய்ய வேண்டும்: கட்டும்போது நேரடி முன்னோட்டத்தைக் காட்ட வேண்டும், ஒரு மோசமான மாற்றத்தைத் திரும்பப் பெற அனுமதிக்க வேண்டும், பகிரக்கூடிய ஒரு இணைப்புக்கு வெளியிட வேண்டும். சிறந்த vibe coding கருவிகள் பற்றிய எங்கள் ஒப்பீடு முக்கிய தேர்வுகளை நேர்மையாக விளக்குகிறது. Mythex அவற்றில் ஒன்று: அரட்டையில் ஆப்பை விவரிக்கிறீர்கள், அது நேரடி முன்னோட்டத்துடன் ஒரு உண்மையான முழு-ஸ்டேக் ஆப்பை உருவாக்குகிறது, ஆப் எதையாவது நினைவில் வைக்க வேண்டியிருக்கும்போது டேட்டாபேஸைச் சேர்க்கிறது, ஒரே கிளிக்கில் வெளியிடுகிறது. Free திட்டத்துக்கு கார்டு தேவையில்லை.

படி 1: நீங்கள் முடிக்கக்கூடிய முதல் திட்டத்தைத் தேர்ந்தெடுங்கள்

தொடக்கநிலையாளர்கள் பொதுவாக மிகப் பெரிதாகக் குறிவைப்பதால் தோற்கிறார்கள். நல்ல முதல் திட்டம்:

• உங்களுக்கு தனிப்பட்ட முறையில் பயனுள்ளதாக இருக்க வேண்டும், அதனால் அதை சரியாகச் சோதிப்பீர்கள்.
• ஒன்று அல்லது இரண்டு திரைகளில் அடங்க வேண்டும்.
• உங்களின் சிறிய அளவு தனிப்பட்ட டேட்டாவைச் சேமிக்க வேண்டும்.
• கட்டணங்கள், குழுக்கள் அல்லது உணர்திறன் வாய்ந்த தனிப்பட்ட டேட்டா இருக்கக்கூடாது.

நல்ல முதல் திட்டங்கள்:

இந்தப் பயிற்சியின் மீதியில் வாசிப்புப் பட்டியலை பயன்படுத்துவோம்.

படி 2: உங்கள் முதல் prompt-ஐ எழுதுங்கள்

உங்கள் முதல் செய்தி எல்லாவற்றின் வடிவத்தையும் அமைக்கிறது. அது யாருக்கானது, என்ன செய்கிறது, எப்படித் தோன்ற வேண்டும் என்று சொல்லுங்கள். ஒரு சிறிய பத்தியில் வையுங்கள்.

பலவீனமான முதல் prompt:

எனக்கு ஒரு புத்தக ஆப் செய்யுங்கள்.

நல்ல முதல் prompt:

எனக்கு ஒரு வாசிப்புப் பட்டியல் ஆப் உருவாக்குங்கள். தலைப்பு, ஆசிரியர் மற்றும் நிலை (படிக்க வேண்டும், படிக்கிறேன், முடிந்தது) கொண்டு ஒரு புத்தகத்தைச் சேர்க்க முடியும். புத்தகங்களை நிலையின்படி தொகுக்கப்பட்ட அட்டைகளாக, புதியவை முதலில் வருமாறு காட்டுங்கள். ஒரு புத்தகத்தின் நிலையை மாற்றலாம் அல்லது நீக்கலாம். சுத்தமாகவும் எளிமையாகவும் வையுங்கள்: வெள்ளைப் பின்னணி, ஒரே ஒரு உச்சரிப்பு நிறம், என் போனில் வேலை செய்ய வேண்டும். புத்தகங்களை சேமியுங்கள், நான் refresh செய்த பின்பும் அவை இருக்க வேண்டும்.

இரண்டாவது என்ன செய்கிறது என்று கவனியுங்கள். அது புலங்களையும் செயல்களையும் தளவமைப்பையும், தொடக்கநிலையாளர்கள் எப்போதும் மறக்கும் ஒரு விதியையும் பட்டியலிடுகிறது: refresh-க்குப் பிறகும் தப்பிப் பிழைக்கும் வகையில் டேட்டாவைச் சேமியுங்கள். அந்த வரி இல்லாவிட்டால், பல கருவிகள் முடிந்தது போலத் தோன்றும் பக்கத்தை உருவாக்கும், ஆனால் மீண்டும் ஏற்றும்போது எல்லாவற்றையும் மறந்துவிடும்.

மேலும் தொடக்கப் புள்ளிகளுக்கு, எங்கள் vibe coding prompts சுருக்குறிப்பு பார்க்கவும்.

உறுதியில்லாதபோது திட்டம் கேளுங்கள்

ஏதாவது எப்படி விவரிப்பது என்று தெரியாவிட்டால், கட்டுவதற்கு முன் திட்டமிடச் AI-இடம் கேளுங்கள்:

எதையும் கட்டுவதற்கு முன், எந்தத் திரைகளை உருவாக்குவீர்கள், என்ன டேட்டாவைச் சேமிப்பீர்கள், நான் முடிவு செய்ய வேண்டியது எதுவாவது உள்ளதா என்று எளிய வார்த்தைகளில் சொல்லுங்கள்.

Mythex-இல் இதற்காகத்தான் Plan பயன்முறை: ஏஜென்ட் அணுகுமுறையை விவரிக்கும், ஃபைல்கள் மாறுவதற்கு முன் நீங்கள் அதை அங்கீகரிக்கலாம்.

படி 3: கட்டியவரைப் போல அல்ல, ஒரு பயனரைப் போல சோதியுங்கள்

முன்னோட்டம் தோன்றும்போது, அதை வெறுமனே ரசிக்காதீர்கள். பயன்படுத்துங்கள்:

1. மூன்று புத்தகங்களைச் சேருங்கள், அதில் ஒன்றுக்கு மிக நீண்ட தலைப்பு.
2. ஒரு நிலையை மாற்றுங்கள். அட்டை சரியான தொகுப்புக்கு நகர்கிறதா?
3. பக்கத்தை refresh செய்யுங்கள். புத்தகங்கள் இன்னும் உள்ளனவா?
4. தலைப்பு காலியாக உள்ள ஒரு புத்தகத்தைச் சேர்க்க முயலுங்கள். என்ன நடக்கிறது?
5. முன்னோட்டத்தை உங்கள் போனில் திறங்கள், அல்லது உலாவி சாளரத்தைக் குறுக்குங்கள்.

என்ன தவறு என்பதை எளிய வார்த்தைகளில் எழுதுங்கள். "நீண்ட தலைப்பு அட்டை தளவமைப்பை உடைக்கிறது" என்பது ஒரு சிறந்த பிழை அறிக்கை. "இது உடைந்துவிட்டது" அல்ல.

படி 4: ஒரு செய்தியில் ஒரு விஷயம் சரிசெய்யுங்கள்

முடிப்பவர்களையும் கைவிடுபவர்களையும் பிரிக்கும் பழக்கம் இதுதான். ஒரு மாற்றத்தை அனுப்புங்கள், அதைச் சரிபாருங்கள், பின்னர் அடுத்ததை அனுப்புங்கள்.

"The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" என்ற நீண்ட தலைப்பு அட்டையை மீறி வழிகிறது. நீண்ட தலைப்புகளை இரண்டு வரிகளில் மடியுங்கள், மீதியை "…" உடன் வெட்டுங்கள்.

பின்னர்:

தலைப்பு காலியாக உள்ள படிவத்தைச் சமர்ப்பித்தால் எதுவும் நடக்கவில்லை, எந்தச் செய்தியும் இல்லை. புலத்துக்குக் கீழே "Add a title" என்று காட்டுங்கள், புத்தகத்தைச் சேமிக்க வேண்டாம்.

ஏன் ஒன்றொன்றாக? ஒரே செய்தியில் ஐந்து மாற்றங்கள் கேட்டால், AI நான்கை நன்றாகச் செய்து வேறு எதையோ அமைதியாக உடைக்கலாம், எந்த மாற்றம் அதற்குக் காரணம் என்று உங்களுக்குத் தெரியாது. சிறு படிகள் undo-வையும் பயனுள்ளதாக்குகின்றன: ஒரு மாற்றம் தவறானால், அதற்கு முந்தைய பதிப்புக்குத் திரும்பி, தெளிவான கோரிக்கையை முயலுங்கள்.

ஏதாவது உடைந்தால்

உடையும். ஒவ்வொரு builder-உம் பிழைகளைச் சந்திக்கும். சரியான பிழை உரையை நகலெடுங்கள், அல்லது நீங்கள் எதைக் கிளிக் செய்தீர்கள், என்ன பார்த்தீர்கள் என்று சரியாக விவரித்து மீண்டும் ஒட்டுங்கள்:

ஒரு அட்டையில் Delete-ஐ கிளிக் செய்தால் "Something went wrong" என்று வருகிறது, புத்தகம் அப்படியே இருக்கிறது. ஏன் என்று கண்டுபிடித்து சரிசெய்யுங்கள். காரணம் என்னவென்று சொல்லுங்கள்.

காரணம் கேட்பது முக்கியம். அது ஆப்கள் எப்படி வேலை செய்கின்றன என்று கற்றுக்கொடுக்கும், மேலும் AI யூகிப்பதை நிறுத்தும். AI கட்டிய ஆப்பில் பிழை நீக்குவது எப்படி பற்றிய எங்கள் வழிகாட்டி ஆழமாகச் செல்கிறது.

படி 5: அதை உங்களுடையதாக்குங்கள்

அது வேலை செய்தவுடன், அதே சிறு படிகளில் மேம்படுத்துங்கள்:

• "முடிந்த புத்தகங்களில் தெரியும் 1–5 நட்சத்திர மதிப்பீட்டைச் சேர்க்கவும்."
• "தலைப்பு அல்லது ஆசிரியர் மூலம் வடிகட்டும் தேடல் பெட்டியை அட்டைகளுக்கு மேலே சேர்க்கவும்."
• "சூடான வெளிர் வெள்ளைப் பின்னணியும் அடர் பச்சை உச்சரிப்பு நிறமும் பயன்படுத்தவும்."
• "மேலே ஒரு எண்ணிக்கையைச் சேர்க்கவும்: இந்த ஆண்டு முடித்த புத்தகங்கள்."

ஒவ்வொன்றும் ஒரே, சோதிக்கக்கூடிய மாற்றம்.

படி 6: வெளியிட்டுப் பகிருங்கள்

நீங்கள் விரும்பியதைச் செய்தவுடன், அதை வெளியிடுங்கள். Mythex-இல் அது ஒரே கிளிக், எந்தச் சாதனத்திலும் திறக்கக்கூடிய அல்லது நண்பருக்கு அனுப்பக்கூடிய ஒரு பொது URL கிடைக்கும். பின்னர் உங்கள் சொந்த டொமைன் வேண்டுமென்றால், அது ஒரு Pro அம்சம்; தனிப்பயன் டொமைனை இணைப்பது பற்றிய எங்கள் வழிகாட்டி அதை விளக்குகிறது.

சில நண்பர்களுக்கு அப்பால் எதையும் பகிரும் முன், vibe coding பாதுகாப்பானதா? படியுங்கள். தனிப்பட்ட வாசிப்புப் பட்டியலுக்கு ஆபத்து குறைவு. அந்நியர்கள் பதிவு செய்து டேட்டாவைச் சேமிக்கும் ஆப்புக்கு, முதலில் செய்ய வேண்டிய சோதனைகள் உள்ளன.

தவிர்க்க வேண்டிய தொடக்கநிலைத் தவறுகள்

• எல்லாவற்றையும் ஒரே நேரத்தில் கேட்பது. "எனக்கு Goodreads செய்யுங்கள்" என்பது பார்ப்பதற்கு ஈர்ப்பாக இருந்து மோசமாக வேலை செய்யும். மிகச் சிறிய பயனுள்ள பதிப்பிலிருந்து தொடங்குங்கள்.
• refresh-ஐச் சோதிக்காமல் இருப்பது. மீண்டும் ஏற்றும்போது மறையும் டேட்டாதான் தொடக்கநிலையாளர்களின் மிகப் பொதுவான ஆச்சரியம்.
• ஒவ்வொரு முறையும் கோரிக்கையை முதலில் இருந்து மீண்டும் எழுதுவது. எதை மாற்ற வேண்டும், எதை வைத்திருக்க வேண்டும் என்று சொல்லுங்கள்: "தளவமைப்பை வைத்திருங்கள், நிறங்களை மட்டும் மாற்றுங்கள்."
• "சரி செய்யப்பட்டது" என்பதை நம்புவது. AI பெரும்பாலும் ஒரு பிழை சரி செய்யப்பட்டது என்று சொல்லும். ஒவ்வொரு முறையும் நீங்களே சரிபாருங்கள்.
• கடவுச்சொற்களையோ API keys-ஐயோ அரட்டையில் ஒட்டுவது. உங்கள் ஆப்புக்கு வெளி சேவைக்கான key தேவைப்பட்டால், அதை கருவியின் secrets அமைப்பில் வையுங்கள், ஒருபோதும் ஒரு செய்தியிலோ கோடிலோ அல்ல. API keys-ஐ பாதுகாப்பாக வைப்பது எப்படி பார்க்கவும்.
• முதல் பிழைக்குப் பின் விட்டுவிடுவது. பிழைகள் இயல்பானவை. அவற்றை மீண்டும் ஒட்டி காரணம் கேளுங்கள்.

போகும்போது கற்க வேண்டியவை

ஒரு படிப்பு தேவையில்லை, ஆனால் சில கருத்துகள் ஒவ்வொரு கோரிக்கையையும் கூர்மையாக்கும். உங்கள் சொந்த ஆப்பின் சூழலில் அவற்றை விளக்கச் AI-இடம் கேளுங்கள்:

• Frontend மற்றும் backend: பார்வையாளரின் உலாவியில் என்ன இயங்குகிறது, சர்வரில் என்ன இயங்குகிறது. (Frontend vs backend)
• டேட்டாபேஸ்: உங்கள் ஆப் தன் டேட்டாவை எங்கே வைத்திருக்கிறது. (டேட்டாபேஸ் என்றால் என்ன?)
• அங்கீகாரம் (Authentication): யார் என்று ஆப் எப்படி அறிகிறது.
• Secrets: ஆப் பயன்படுத்தும் தனிப்பட்ட keys, பார்வையாளர்கள் ஒருபோதும் பார்க்கக்கூடாதவை.

இதற்கு ஒரு நல்ல prompt: "Add பொத்தானைக் கிளிக் செய்வதிலிருந்து டேட்டா சேமிக்கப்படும் வரை, என் வாசிப்புப் பட்டியல் ஒரு புத்தகத்தை எப்படிச் சேமிக்கிறது என்று விளக்குங்கள். எளிய வார்த்தைகளைப் பயன்படுத்தி உண்மையான ஃபைல்களைக் குறிப்பிடுங்கள்."

உங்கள் இரண்டாவது மற்றும் மூன்றாவது திட்டங்கள்

முதல் ஆப்புக்குப் பின், ஒரு படி கடினமானதைத் தேர்ந்தெடுங்கள். வாராந்திர chart கொண்ட பழக்க டிராக்கர். உங்களுக்கு மின்னஞ்சல் அனுப்பும் முன்பதிவு படிவம். Google Sheet-இலிருந்து படிக்கும் ஒரு சிறிய dashboard. எங்கள் vibe coding எடுத்துக்காட்டுகள் உண்மையான ஆப் வகைகளை அவற்றுக்குப் பின்னுள்ள prompts மற்றும் என்ன தவறானது என்பதுடன் காட்டுகின்றன; vibe coding மூலம் ஆப் எப்படி உருவாக்குவது ஒரு பெரிய திட்டத்தை யோசனையிலிருந்து பயனர்களுடன் வெளியிடப்பட்ட ஆப் வரை எடுத்துச் செல்கிறது.

நீங்கள் தயாரானதும், AI ஆப் பில்டர்-ஐத் திறந்து மேலே உள்ள வாசிப்புப் பட்டியல் prompt-ஐ ஒட்டி, அதை உங்கள் சொந்த யோசனைக்கு மாற்றுங்கள்.

கேள்விகள்