ChatGPT ഉപയോഗിച്ചുള്ള വൈബ് കോഡിംഗ്: Canvas, Codex, ChatGPT-ൽ നിന്ന് ആപ്പ് നിർമ്മാണം

ChatGPT ഉപയോഗിച്ച് മൂന്ന് വഴികളിൽ വൈബ് കോഡിംഗ് ചെയ്യാം. ചാറ്റിൽ ചോദിച്ച് ഒരു ചെറിയ ആപ്പ് ഉണ്ടാക്കി canvas-ൽ പ്രിവ്യൂ ചെയ്യുക; യഥാർഥ കോഡ്‌ബേസിലെ ജോലികൾ OpenAI-യുടെ കോഡിംഗ് ഏജന്റായ Codex-ന് നൽകുക; അല്ലെങ്കിൽ ഡേറ്റാബേസോടെ പൂർണ്ണ ആപ്പ് ഹോസ്റ്റ് ചെയ്ത് പ്രസിദ്ധീകരിക്കാൻ Mythex പോലുള്ള AI ആപ്പ് ബിൽഡർ ബന്ധിപ്പിക്കുക. ആദ്യത്തേത് ഒറ്റ പേജുള്ള ടൂളിന് ഏറ്റവും വേഗമുള്ളത്, രണ്ടാമത്തേത് ഡെവലപ്പർമാർക്ക് യോജിച്ചത്, മൂന്നാമത്തേത് ChatGPT വിട്ട് പോകാതെ ലോഗിനുകളും ഡാറ്റയുമുള്ള തത്സമയ ആപ്പ് നൽകുന്നു.

ഓരോന്നും എങ്ങനെ പ്രവർത്തിക്കുന്നു, ഓരോന്നിനും ഒരു പ്രോംപ്റ്റ്, ഓരോന്നും എവിടെ നിൽക്കുന്നു എന്നിവ താഴെയുണ്ട്. ഈ വാക്കിന്റെ പശ്ചാത്തലം അറിയണമെങ്കിൽ വൈബ് കോഡിംഗ് എന്താണ് എന്ന ലേഖനം വായിക്കുക.

ഓപ്ഷൻ 1: ChatGPT ചാറ്റും canvas-ഉം

വേഗത്തിലുള്ള ഒരു ടൂളിന്, ചോദിച്ചാൽ മതി. ChatGPT കോഡ് എഴുതുന്നു, canvas-ൽ ലളിതമായ HTML, React പേജുകൾ കാണിക്കാനും അതിൽ ക്ലിക്ക് ചെയ്ത് മാറ്റങ്ങൾ ആവശ്യപ്പെടാനും കഴിയും.

സാധാരണ ടിപ്പ് കാൽക്കുലേറ്റർ ഉണ്ടാക്കൂ: ബില്ലിന്റെ തുക, ടിപ്പ് ശതമാനം (10, 15, 20 എന്നിവയ്ക്ക് ബട്ടണുകളും ഒരു കസ്റ്റം ഫീൽഡും), ആളുകളുടെ എണ്ണം എന്നിവ ഇൻപുട്ടായി വേണം. ടിപ്പും ഒരാൾക്കുള്ള തുകയും കാണിക്കണം, ടൈപ്പ് ചെയ്യുമ്പോൾ അത് മാറണം. ഫോണിൽ വൃത്തിയായി കാണണം.

ഇതിന് നല്ലത്: കാൽക്കുലേറ്ററുകൾ, ലളിതമായ ഗെയിമുകൾ, ലാൻഡിംഗ് പേജിന്റെ കരട്, പഠനം. “ഈ ഫയൽ പുതിയ ആളോട് എന്നപോലെ വിശദീകരിക്കൂ” എന്ന് ചോദിച്ചാൽ വേഗം പഠിക്കാം.

എവിടെ നിൽക്കുന്നു: ഇവിടെ ബാക്കെൻഡ് ഇല്ല. നിങ്ങൾ നൽകുന്നത് മറ്റ് ഉപയോക്താക്കൾക്കായി സേവ് ആകുന്നില്ല, ലോഗിൻ ഇല്ല, പങ്കിടാൻ കോഡ് മറ്റെവിടെയെങ്കിലും പകർത്തി സ്വയം ഹോസ്റ്റ് ചെയ്യണം. “എന്റെ ടീമിന് കാണാൻ ഇത് സേവ് ചെയ്യൂ” എന്ന് പറയുന്ന നിമിഷം ചാറ്റ് മതിയാകാതെ വരുന്നു.

പകർത്തി ഒട്ടിക്കുന്ന വൈബ് കോഡിംഗ്

പലരും ChatGPTയോട് കോഡ് ചോദിച്ച് കമ്പ്യൂട്ടറിലെ ഫയലുകളിലോ ഹോസ്റ്റിംഗ് സേവനത്തിലോ ഒട്ടിച്ചാണ് തുടങ്ങുന്നത്. ചെറിയ സ്റ്റാറ്റിക് സൈറ്റുകൾക്ക് ഇത് പ്രവർത്തിക്കും, പക്ഷേ വേഗം തകരും. ഓരോ മാറ്റത്തിനും ശരിയായ ഫയൽ കണ്ടെത്തി, ശരിയായ ഭാഗം ഒട്ടിച്ച്, മാറ്റിയത് മറ്റെന്തെങ്കിലും ആശ്രയിച്ചിരുന്നില്ല എന്ന് പ്രതീക്ഷിക്കണം. ഇത് കുറച്ച് തവണയിലധികം ചെയ്യുന്നുണ്ടെങ്കിൽ അടുത്ത രണ്ട് ഓപ്ഷനുകളിലേക്ക് മാറുക.

ഓപ്ഷൻ 2: യഥാർഥ കോഡ്‌ബേസിന് Codex

Codex സോഫ്റ്റ്‌വെയർ ജോലികൾക്കുള്ള OpenAI-യുടെ ഏജന്റാണ്. സാധാരണ ഭാഷയിൽ ഒരു ജോലി നൽകുക, അത് ഒരു റിപ്പോസിറ്ററിയിൽ പ്രവർത്തിക്കും: കോഡ് വായിക്കും, ഫയലുകളിലുടനീളം മാറ്റങ്ങൾ വരുത്തും, കമാൻഡുകളും ടെസ്റ്റുകളും റൺ ചെയ്യും, റിവ്യൂ ചെയ്യാനുള്ള ഫലം തരും. ChatGPT-യിലും കമാൻഡ്-ലൈൻ ടൂളായും എഡിറ്റർ എക്സ്റ്റൻഷനായും OpenAI ഇത് നൽകുന്നു; ഏത് പ്ലാനിൽ ഇത് ഉൾപ്പെടുന്നു, നിലവിലെ പരിധികൾ എന്തൊക്കെയാണ് എന്നറിയാൻ OpenAI-യുടെ സൈറ്റ് പരിശോധിക്കുക.

ഒരു ടാസ്ക് പോലുള്ള പ്രോംപ്റ്റാണ് ഇതിന് ഏറ്റവും യോജിക്കുന്നത്:

ഈ റിപ്പോയിൽ, Orders പേജിൽ ഒരു CSV എക്സ്പോർട്ട് ബട്ടൺ ചേർക്കുക. ഇപ്പോൾ ഫിൽട്ടർ ചെയ്ത ഓർഡറുകൾ, date, customer, total, status എന്ന കോളങ്ങളോടെ എക്സ്പോർട്ട് ചെയ്യണം. എക്സ്പോർട്ട് ഫംഗ്ഷനുള്ള ഒരു ടെസ്റ്റ് ചേർത്ത് ടെസ്റ്റ് സ്യൂട്ട് റൺ ചെയ്യുക.

ഇതിന് നല്ലത്: ഇതിനകം ഒരു പ്രോജക്റ്റുള്ള, മുഴുവൻ ജോലികളും ഒരു ഏജന്റിന് കൈമാറാൻ ആഗ്രഹിക്കുന്ന ഡെവലപ്പർമാരും സാങ്കേതിക സ്ഥാപകരും. ഇത് നിങ്ങളുടെ സ്റ്റാക്കും കൺവെൻഷനുകളും അനുസരിക്കുന്നു.

നിങ്ങൾ തന്നെ കൈകാര്യം ചെയ്യേണ്ടത്: ആപ്പ് എവിടെ റൺ ചെയ്യുന്നു, ഡേറ്റാബേസ്, സീക്രട്ടുകൾ, ഡിപ്ലോയ്മെന്റ്, ഡൊമെയ്‌നുകൾ. Codex കോഡ് മാറ്റുന്നു; അത് ഹോസ്റ്റിംഗ് സേവനമല്ല.

Codex-ഉം Mythex-ഉം ഒരുമിച്ച്

Mythex-ന്റേത് ഉൾപ്പെടെയുള്ള MCP സെർവറുകളുമായി Codex-ന് ബന്ധിപ്പിക്കാനും കഴിയും. Codex-ൽ https://mcp.mythex.ai/mcp ഒരു കസ്റ്റം MCP സെർവറായി ചേർക്കുക, Mythex-ൽ ആക്സസ് അംഗീകരിക്കുക. പിന്നെ Codex-ന് അതിന്റെ ക്ലൗഡ് സാൻഡ്‌ബോക്‌സിൽ ഒരു Mythex പ്രോജക്റ്റിൽ ജോലി ചെയ്യാം, പ്രിവ്യൂ, ഡേറ്റാബേസ്, പ്രസിദ്ധീകരണം എന്നിവ Mythex കൈകാര്യം ചെയ്യും. Claude, Cursor അല്ലെങ്കിൽ Codex ഉപയോഗിച്ച് Mythex ആപ്പുകൾ നിർമ്മിക്കുന്നത് എന്ന ഞങ്ങളുടെ പോസ്റ്റ് ഘട്ടങ്ങൾ വിശദീകരിക്കുന്നു.

ഓപ്ഷൻ 3: ChatGPT-യിൽ നിന്ന് Mythex ഉപയോഗിച്ച് പൂർണ്ണ ആപ്പ്

ChatGPT സംഭാഷണത്തിൽ തുടർന്ന് യഥാർഥ, ഹോസ്റ്റ് ചെയ്ത ഒരു ആപ്പ് വേണമെങ്കിൽ Mythex ബന്ധിപ്പിക്കുക. Mythex ChatGPT-യിൽ ഒരു ആപ്പായി പ്രവർത്തിക്കുന്നു: MCP വഴി ChatGPT മറ്റൊരിടത്ത് ഹോസ്റ്റ് ചെയ്ത ടൂളുകൾ ഉപയോഗിക്കുന്നു, അതായത് അസിസ്റ്റന്റുകൾക്ക് പുറത്തുള്ള ടൂളുകൾ ഉപയോഗിക്കാൻ അനുവദിക്കുന്ന തുറന്ന പ്രോട്ടോക്കോൾ (MCP എന്താണ്).

ബന്ധിപ്പിച്ചു കഴിഞ്ഞാൽ, ChatGPT-ക്ക് ഒരു Mythex പ്രോജക്റ്റ് സൃഷ്ടിക്കാനും സ്വകാര്യ ക്ലൗഡ് സാൻഡ്‌ബോക്‌സിൽ കോഡ് എഴുതാനും ലൈവ് പ്രിവ്യൂ ആരംഭിക്കാനും ഡേറ്റാബേസും ഫയൽ സ്റ്റോറേജും ചേർക്കാനും ആപ്പ് പൊതു URL-ൽ പ്രസിദ്ധീകരിക്കാനും കഴിയും. ഫലം ഒരു ലിങ്കോടെ വരും, അതുവഴി Mythex-ൽ പ്രോജക്റ്റ് തുറന്ന് പ്രിവ്യൂ നേരിട്ട് കാണാം.

എങ്ങനെ ബന്ധിപ്പിക്കാം

1. Mythex-ൽ Account settings തുറന്ന് MCP വിലാസം പകർത്തുക.
2. ChatGPT-യിൽ ആപ്പുകളുടെയോ കണക്ടറുകളുടെയോ സെറ്റിംഗ്‌സിൽ ആ വിലാസം ഉപയോഗിച്ച് Mythex ചേർക്കുക. ChatGPT-യുടെ മെനുകൾ ഇടയ്ക്കിടെ മാറാം, പേരുകൾ വ്യത്യസ്തമെങ്കിൽ ആപ്പ് ചേർക്കുന്നതിനെക്കുറിച്ചുള്ള OpenAI-യുടെ സഹായ പേജ് പിന്തുടരുക.
3. ഒരു Mythex പേജ് തുറക്കും: സൈൻ ഇൻ ചെയ്ത് Allow access തിരഞ്ഞെടുക്കുക. ഒട്ടിക്കാൻ ഒരു കീയും വേണ്ട.
4. ഒരു സംഭാഷണം തുടങ്ങി നിങ്ങളുടെ അഭ്യർഥനയിൽ Mythex പരാമർശിക്കുക.

ഏത് Mythex പ്ലാനിലും കണക്ട് ചെയ്യാം. സാൻഡ്‌ബോക്‌സ് ടൂളുകൾ, അതായത് നിർമ്മിക്കൽ, പ്രിവ്യൂ, പ്രസിദ്ധീകരണം എന്നിവയ്ക്ക് Mythex Pro വേണം (മാസം $25). സാൻഡ്‌ബോക്‌സ് സമയവും ഹോസ്റ്റിംഗും Mythex ക്രെഡിറ്റുകളിൽ നിന്നാണ്. നിങ്ങളുടെ ChatGPT ഉപയോഗം OpenAI പ്ലാനിൽ തന്നെ തുടരുന്നു.

പരീക്ഷിക്കാവുന്ന ആദ്യ പ്രോംപ്റ്റ്

Mythex ഉപയോഗിച്ച് എനിക്കായി ഒരു ജോബ് അപ്ലിക്കേഷൻ ട്രാക്കർ നിർമ്മിക്കുക. കമ്പനി, റോൾ, ലിങ്ക്, അപേക്ഷിച്ച തീയതി, സ്റ്റാറ്റസ് (അപേക്ഷിച്ചു, ഇന്റർവ്യൂ, ഓഫർ, നിരസിച്ചു), കുറിപ്പുകൾ എന്നിവ ചേർക്കാം. സ്റ്റാറ്റസ് അനുസരിച്ച് കാർഡുകൾ വലിച്ചിടാവുന്ന ഒരു ബോർഡും ആഴ്ചയിലുള്ള അപേക്ഷകളുടെ എണ്ണത്തിന് ഒരു ലളിതമായ ചാർട്ടും കാണിക്കുക. എല്ലാം ഡേറ്റാബേസിൽ സേവ് ചെയ്ത് ലോഗിൻ വഴി സംരക്ഷിക്കുക. പ്രിവ്യൂ ആരംഭിച്ച് എനിക്ക് ലിങ്ക് തരിക.

പിന്നെ ഒരു സന്ദേശത്തിൽ ഒരു മാറ്റം വീതം:

Mythex പ്രോജക്റ്റിൽ, ഓരോ അപേക്ഷയിലും ഒരു റിമൈൻഡർ തീയതി ചേർക്കുക, റിമൈൻഡർ ഇന്നോ കഴിഞ്ഞതോ ആയ കാർഡുകൾ ഹൈലൈറ്റ് ചെയ്യുക.

ഇത് പ്രസിദ്ധീകരിച്ച് തത്സമയ URL എനിക്ക് അയക്കൂ.

ഇതിന് നല്ലത്: ChatGPT-യിൽ ചിന്തിച്ച് പ്ലാൻ ചെയ്യുന്നവർക്കും, ഹോസ്റ്റിംഗ് പഠിക്കാതെ, നിലനിൽക്കുന്ന ഡാറ്റയോടെ ഫലം തത്സമയം കാണാനും ആഗ്രഹിക്കുന്നവർക്കും. ഇത് ഒരു സാധാരണ Mythex പ്രോജക്റ്റായതിനാൽ, ഏത് ഘട്ടത്തിലും Mythex ചാറ്റിൽ തുടരാം.

ഏത് ഓപ്ഷനാണ് നിങ്ങൾ നിർമ്മിക്കുന്നതിന് യോജിക്കുന്നത്

ChatGPT-യിൽ പ്രവർത്തിക്കുന്ന പ്രോംപ്റ്റിംഗ് ശീലങ്ങൾ

• ഉപയോഗിക്കേണ്ട ടൂൾ പേരെടുത്ത് പറയുക. “Mythex ഉപയോഗിച്ച്…” എന്ന് പറഞ്ഞാൽ അഭ്യർഥന പൊതുവായ ഉത്തരത്തിനല്ല, നിങ്ങളുടെ പ്രോജക്റ്റിനാണെന്ന് വ്യക്തമാകും.
• ഒരു സന്ദേശത്തിൽ ഒരു മാറ്റം. നീണ്ട എഡിറ്റ് പട്ടികകൾ നീണ്ട പാർശ്വഫലങ്ങൾക്ക് കാരണമാകും.
• വലിയ ഘട്ടങ്ങൾക്ക് മുമ്പ് പ്ലാൻ ചോദിക്കുക. “എന്തെങ്കിലും മാറ്റുന്നതിന് മുമ്പ്, ഏതൊക്കെ മാറ്റുമെന്ന് പട്ടികപ്പെടുത്തി എന്റെ OK വരെ കാത്തിരിക്കുക.”
• കൃത്യമായ പിശകുകൾ ഒട്ടിക്കുക. പൂർണ്ണ പിശക് സന്ദേശം ഏതൊരു വിവരണത്തേക്കാളും വിലപ്പെട്ടതാണ്.
• എന്ത് മാറി എന്ന് ചോദിക്കുക. “അവസാന മൂന്ന് മാറ്റങ്ങൾ സാധാരണ വാക്കുകളിൽ സംഗ്രഹിക്കൂ” എന്ന് പറഞ്ഞാൽ കോഡ് വായിക്കാത്തപ്പോഴും കാര്യങ്ങൾ വ്യക്തമാകും.

കൂടുതൽ പ്രോംപ്റ്റുകൾ വൈബ് കോഡിംഗ് പ്രോംപ്റ്റ് ചീറ്റ് ഷീറ്റിൽ ഉണ്ട്.

സുരക്ഷിതമായി സൂക്ഷിക്കുക

• യഥാർഥ പാസ്‌വേഡുകളോ API കീകളോ ഒരു ChatGPT സംഭാഷണത്തിൽ ഒരിക്കലും ഒട്ടിക്കരുത്. ആപ്പിന് ഒരു കീ വേണമെങ്കിൽ, പ്രോജക്റ്റിന്റെ സീക്രട്ടുകളിൽ സൂക്ഷിക്കുക. Mythex-ന്റെ ടൂളുകൾ സീക്രട്ടുകളുടെ പേരുകൾ മാത്രമേ റിപ്പോർട്ട് ചെയ്യൂ, മൂല്യങ്ങൾ ഒരിക്കലും കാണിക്കില്ല.
• പ്രസിദ്ധീകരിക്കുന്നതിന് മുമ്പ്, ഉപയോക്താക്കൾക്ക് പരസ്പരം ഡാറ്റ കാണാനാകില്ല എന്നും ബ്രൗസറിൽ പ്രവർത്തിക്കുന്ന കോഡിൽ ഒരു കീയും ഇല്ല എന്നും പരിശോധിക്കുക. വൈബ് കോഡിംഗ് സുരക്ഷിതമാണോ? എന്ന ഗൈഡിൽ ഒട്ടിക്കാവുന്ന പ്രോംപ്റ്റുകളോടെ പരിശോധനകൾ ഉണ്ട്.

Claude-ഉം ഉപയോഗിക്കുന്നുണ്ടോ? Claude ഉപയോഗിച്ചുള്ള വൈബ് കോഡിംഗ് എന്ന അനുബന്ധ ഗൈഡ് ഉൾക്കൊള്ളുന്നു. മോഡൽ-തിരിച്ചുള്ള കാഴ്ചയ്ക്ക്, ആപ്പുകൾ നിർമ്മിക്കാൻ ChatGPT vs Claude vs Gemini കാണുക.

ചോദ്യങ്ങൾ