Vibe Coding மூலம் ஆப் எப்படி உருவாக்குவது: யோசனையிலிருந்து வெளியிடப்பட்ட ஆப் வரை

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

இதுவரை இப்படி எதையும் உருவாக்காதவர் என்றால், எங்கள் தொடக்கநிலையாளர்களுக்கான vibe coding பயிற்சி சிறியதாகத் தொடங்குகிறது. Vibe coding-உடன் மட்டும் தொடர்பில்லாத பரந்த கண்ணோட்டத்துக்கு, AI உடன் ஆப் உருவாக்குவது எப்படி பாருங்கள்.

திட்டம்

Sara என்ற யோகா ஸ்டுடியோ உரிமையாளரை கற்பனை செய்யுங்கள், அவர் வாரத்துக்கு எட்டு வகுப்புகள் நடத்துகிறார். முன்பதிவுகள் WhatsApp வழியாக வருகின்றன; அவர் ஒவ்வொரு வகுப்புக்கும் ஒரு காகிதப் பட்டியலை வைத்திருக்கிறார், அடிக்கடி அதிக முன்பதிவு செய்துவிடுகிறார். அவர் விரும்புவது:

• மாணவர்கள் வார அட்டவணையைப் பார்த்து ஒரு இடத்தை முன்பதிவு செய்வது.
• ஒவ்வொரு வகுப்புக்கும் ஒரு கொள்ளளவு இருப்பது.
• ஒவ்வொரு வகுப்புக்கும் ஒரு பட்டியல், அதை அவர் வாசலில் சரிபார்க்கலாம்.
• மாணவர்கள் இரண்டு மணி நேரத்துக்கு முன் வரை ரத்து செய்யலாம்.

இதுதான் முழு முதல் பதிப்பு. கட்டணங்கள், உறுப்பினர் திட்டங்கள், ஆப் ஸ்டோர் இல்லை. அவை பின்னர் வரும், அல்லது வராமலே போகும்.

படி 1: ஒரு பக்க விவரக்குறிப்பை எழுதுங்கள்

எந்தக் கருவியையும் திறப்பதற்கு முன், முதல் பதிப்பை எளிய வார்த்தைகளில் எழுதுங்கள். இங்கே பத்து நிமிடங்கள் பல மணிநேரத் திரும்பத் திரும்ப பேசுவதைச் சேமிக்கும். பயனுள்ள வடிவம்:

• யார் பயன்படுத்துகிறார்கள்: மாணவர்கள் (முன்பதிவு, ரத்து), Sara (வகுப்புகளை நிர்வகித்தல், பட்டியல்களைப் பார்த்தல்).
• திரைகள்: அட்டவணை, வகுப்பு விவரம், என் முன்பதிவுகள், நிர்வாக வகுப்புகள், நிர்வாக வகுப்புப் பட்டியல்.
• தரவு: வகுப்புகள் (பெயர், ஆசிரியர், தொடக்க நேரம், நீளம், கொள்ளளவு), முன்பதிவுகள் (மாணவர், வகுப்பு, நிலை), மாணவர்கள் (பெயர், மின்னஞ்சல், தொலைபேசி).
• விதிகள்: நிரம்பிய வகுப்பை முன்பதிவு செய்யக்கூடாது; ஒரு மாணவருக்கு ஒரு வகுப்புக்கு ஒரு முன்பதிவு; இரண்டு மணி நேரத்துக்கு முன் வரை ரத்து; Sara மட்டுமே நிர்வாகப் பக்கங்களைப் பார்க்கலாம்.
• v1-இல் இல்லாதவை: கட்டணங்கள், வகுப்புத் தொகுப்புகள், காத்திருப்புப் பட்டியல்கள், நினைவூட்டல்கள்.

"v1-இல் இல்லாதவை" பட்டியல்தான் மிக முக்கியம். கட்டுமானத்தை முடிக்கக்கூடியதாக வைத்திருப்பது அதுதான். முழுமையான விவரக்குறிப்பு வேண்டுமென்றால், AI உடன் product requirements doc எழுதுவது பற்றிய எங்கள் வழிகாட்டி மேலும் செல்கிறது.

படி 2: முழு சுழற்சியையும் கையாளும் கருவியைத் தேர்ந்தெடுங்கள்

தரவுத்தளம், உள்நுழைவுகள் மற்றும் பொது URL கொண்ட ஆப்புக்கு, கோப்புகளைத் தரும் chat உதவியாளருக்கு பதிலாக, குறியீட்டை இயக்கி, டேட்டாபேஸை இணைத்து, வெளியிடும் AI ஆப் பில்டரைப் பயன்படுத்துங்கள். vibe coding கருவிகளின் ஒப்பீடு விருப்பங்களைப் பட்டியலிடுகிறது. இங்கே Mythex-ஐப் பயன்படுத்துவோம், ஏனெனில் அது ஒவ்வொரு படியையும் ஒரே இடத்தில் உள்ளடக்குகிறது: அரட்டை, நேரடி முன்னோட்டம், உண்மையான டேட்டாபேஸ் மற்றும் கோப்பு சேமிப்பு, ஒரு கிளிக் வெளியீடு.

படி 3: முதல் prompt

விவரக்குறிப்பை ஒரு பத்தியாக மாற்றுங்கள். ஒவ்வொரு விவரத்துடனும் முழு ஆவணத்தையும் ஒரேயடியாக ஒட்டாதீர்கள்; மையத்தைக் கொடுத்து, மற்றதை படிகளாகச் சேருங்கள்.

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

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

படி 4: மைய சுழற்சியை வேலை செய்ய வையுங்கள்

மைய சுழற்சி என்பதுதான் ஆப் இருப்பதற்கான ஒரே காரணம்: ஒரு மாணவர் ஒரு வகுப்பை முன்பதிவு செய்கிறார், Sara அதைப் பார்க்கிறார். அதை மட்டும் சோதியுங்கள்:

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

இந்தக் கட்டத்தில் பொதுவாக இரண்டு பிரச்சினைகள் தோன்றும். அட்டவணை சர்வரின் நேர மண்டலத்தில் நேரத்தைக் காட்டும், ஸ்டுடியோவின் நேர மண்டலத்தில் அல்ல. மேலும் "Full" சரிபார்ப்பு பக்கத்தில் மட்டுமே நடக்கிறது, அதனால் வேகமான இரட்டைக் கிளிக் இரண்டு முன்பதிவுகளை உருவாக்கிவிடும்.

எல்லா வகுப்பு நேரங்களையும் ஸ்டுடியோவின் நேர மண்டலத்தில், [Asia/Dubai], பார்வையாளரின் சாதன அமைப்பு எதுவாக இருந்தாலும் காட்டுங்கள்.

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

எதையும் சேர்ப்பதற்கு முன் மைய சுழற்சியைச் சரிசெய்யுங்கள். மற்ற அனைத்தும் அதைச் சார்ந்தவை.

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

இப்போது விவரக்குறிப்பின் விதிகளை ஒவ்வொன்றாகச் செல்லுங்கள்:

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

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

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

படி 6: உண்மையான பயனர்கள் கவனிப்பதை மெருகூட்டுங்கள்

உண்மையான பயனர்கள் சிறிய விஷயங்களைக் கவனிப்பார்கள். Sara-வின் ஆப்புக்கான சுருக்கமான பட்டியல்:

• வெற்று நிலைகள்: வெற்றுப் பக்கத்துக்குப் பதிலாக "இந்த வாரம் இன்னும் வகுப்புகள் இல்லை".
• உறுதிப்படுத்தல்: முன்பதிவுக்குப் பின் "Vinyasa, செவ்வாய் 18:00-க்கு நீங்கள் முன்பதிவு செய்யப்பட்டுள்ளீர்கள்".
• தொலைபேசி அமைப்பு: பெரிய பொத்தான்கள், 375px திரையில் படிக்கக்கூடிய அட்டவணை.
• மீதமுள்ள இடங்கள்: ஒவ்வொரு வகுப்பிலும் "3 இடங்கள் மீதம்", மாணவர்கள் சீக்கிரம் முன்பதிவு செய்ய.

ஒவ்வொரு வகுப்பு அட்டையிலும் மீதமுள்ள இடங்களைக் காட்டுங்கள், எ.கா. "12-இல் 3 மீதம்". முன்பதிவுக்குப் பின், வகுப்புப் பெயர், நாள் மற்றும் நேரத்துடன் ஒரு உறுதிப்படுத்தலையும், என் முன்பதிவுகளுக்குச் செல்லும் பொத்தானையும் காட்டுங்கள்.

படி 7: ஒரு அந்நியரைப் போலச் சோதியுங்கள்

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

விளிம்பு நிலை வழக்குகளை இயக்கும்படி AI-யிடமும் கேட்கலாம்:

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

படி 8: ஒரு பாதுகாப்புச் சரிபார்ப்பு

இந்த ஆப் பெயர்கள், மின்னஞ்சல்கள் மற்றும் தொலைபேசி எண்களைச் சேமிக்கிறது, எனவே ஒரு சுருக்கமான பாதுகாப்புச் சரிபார்ப்பு மதிப்புள்ளது. முக்கியக் கேள்விகள்:

• ஒரு மாணவர் மற்றொருவரின் முன்பதிவுகளையோ தொடர்பு விவரங்களையோ பார்க்க முடியுமா?
• உலாவியில் இயங்கும் குறியீட்டில் ஏதேனும் கீகளோ கடவுச்சொற்களோ உள்ளனவா?
• பதிவு படிவம் போட்களிலிருந்து பாதுகாக்கப்பட்டுள்ளதா?
• தரவுக்கு ஒரு காப்புப்பிரதி உள்ளதா?

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

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

மைய சுழற்சி, விதிகள் மற்றும் சரிபார்ப்புகள் தேர்ச்சி பெற்றதும் வெளியிடுங்கள். Mythex-இல் இது ஒரு கிளிக், ஆப்புக்கு அதன் டேட்டாபேஸும் ஹோஸ்டிங்கும் ஏற்கனவே அமைக்கப்பட்ட பொது URL கிடைக்கும். Pro-வில் book.sarasyoga.com போன்ற உங்கள் சொந்த டொமைனை இணைக்கலாம்; தனிப்பயன் டொமைனை எப்படி இணைப்பது பாருங்கள்.

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

படி 10: முதல் பயனர்களும் அடுத்த பதிப்பும்

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

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

அதை ஒரு phone ஆப்பாக மாற்றுதல்

பல ஸ்டுடியோக்கள் தங்கள் மாணவர்களின் கைபேசிகளில் ஒரு ஐகான் வேண்டும் என்று விரும்புகின்றன. Mythex Pro-வில், வெளியிடப்பட்ட ஆப்பை ஒரு Android ஆப் (Google Play-க்கு பதிவேற்றக்கூடிய ஒரு கோப்பு) ஆகவும், உங்கள் சொந்த App Store Connect கீயுடன் TestFlight-க்கு அனுப்பப்படும் iPhone ஆப்பாகவும், Mac இல்லாமல் மாற்றலாம். கைபேசி ஆப் வெளியிடப்பட்ட வலை ஆப்பைத் திறக்கிறது, எனவே நீங்கள் ஒரு புதுப்பிப்பை வெளியிடும் ஒவ்வொரு முறையும் கைபேசி ஆப்பிலும் அது இருக்கும்.

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

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

உங்களுடையதை முயற்சிக்கத் தயாரா? உங்கள் ஒரு பக்க விவரக்குறிப்பை எழுதுங்கள், பின்னர் முதல் பத்தியை AI ஆப் பில்டரில் ஒட்டுங்கள். இன்னும் பல ஆப் வகைகளையும் அவற்றுக்குப் பின்னால் உள்ள prompt-களையும் பார்க்க விரும்பினால், எங்கள் vibe coding எடுத்துக்காட்டுகளைப் படியுங்கள்.

கேள்விகள்