Vibe Coding ChatGPT-ით: Canvas, Codex და აპების აშენება ChatGPT-დან

ChatGPT-ით Vibe Coding სამი გზით შეგიძლიათ. სთხოვეთ მას ჩატში პატარა აპი და გადახედოთ canvas-ში; მიანდეთ რეალურ კოდურ ბაზაზე დავალებები Codex-ს, OpenAI-ის კოდირების აგენტს; ან დაუკავშირეთ AI აპის ბილდერი, როგორიცაა Mythex, რომ ChatGPT-მა შეძლოს სრული აპის აშენება, ჰოსტინგი და გამოქვეყნება მონაცემთა ბაზით. პირველი ყველაზე სწრაფია ერთგვერდიანი ინსტრუმენტისთვის, მეორე დეველოპერებს უხდება, მესამე კი გაძლევთ ცოცხალ აპს შესვლითა და მონაცემებით ChatGPT-დან გაუსვლელად.

ქვემოთ ვნახავთ, როგორ მუშაობს თითოეული, თითოეულისთვის პრომპტს და სად ჩერდება ის. თუ ტერმინის ფონი გაინტერესებთ, წაიკითხეთ რა არის Vibe Coding.

ვარიანტი 1: ChatGPT-ის ჩატი და canvas

პატარა ინსტრუმენტისთვის უბრალოდ სთხოვეთ. ChatGPT წერს კოდს, ხოლო canvas-ში შეუძლია მარტივი HTML და React გვერდების ჩვენება, რომ დააჭიროთ და სთხოვოთ ცვლილებები.

დაწერე ერთგვერდიანი გადასახადის კალკულატორი, რომელსაც აქვს შეყვანები ანგარიშის თანხისთვის, გადასახადის პროცენტისთვის (ღილაკები 10, 15, 20-ისთვის და მორგებული ველი) და ადამიანების რაოდენობისთვის. აჩვენე გადასახადი და ერთ ადამიანზე მოსული თანხა, რომელიც განახლდება ტიპობისას. გააკეთე სუფთა ტელეფონზე.

რისთვისაა კარგი: კალკულატორები, მარტივი თამაშები, სადესანტო გვერდის ნახაზები და სწავლა. დაწერეთ «ახსენი ეს ფაილი ისე, თითქოს კოდირებაში ახალი ვიყო» და სწრაფად ისწავლით.

სად ჩერდება: არ არის backend. თქვენ მიერ შეყვანილი არაფერი ინახება სხვა მომხმარებლებისთვის, შესვლა არ არის, და გასაზიარებლად კოდი სადმე უნდა დააკოპიროთ და თავად უნდა განათავსოთ. როგორც კი იტყვით «და შეინახე, რომ ჩემმა გუნდმა ნახოს», უკვე ჩატს გასცდით.

კოპირება-ჩასმით Vibe Coding

ბევრი იწყებს იმით, რომ ChatGPT-ს კოდს სთხოვს და ფაილებში ან ჰოსტინგის სერვისში აკოპირებს. მუშაობს პატარა სტატიკური საიტებისთვის, მაგრამ სწრაფად ირღვევა. ყოველი ცვლილება ნიშნავს სწორი ფაილის პოვნას, სწორი ნაწილის ჩასმას და იმედს, რომ არაფერი სხვა არ იყო დამოკიდებული იმაზე, რაც შეცვალეთ. თუ ამას რამდენჯერმე მეტს აკეთებთ, გადადით შემდეგ ორ ვარიანტზე.

ვარიანტი 2: Codex რეალური კოდური ბაზისთვის

Codex არის OpenAI-ის აგენტი პროგრამული უზრუნველყოფის სამუშაოებისთვის. მას მარტივი ენით აძლევთ დავალებას და ის მუშაობს რეპოზიტორიაზე: კითხულობს კოდს, აკეთებს ცვლილებებს ფაილებში, უშვებს ბრძანებებსა და ტესტებს და გაძლევთ შედეგს გადასახედად. OpenAI ამას სთავაზობს ChatGPT-ში, ბრძანებათა ხაზის ინსტრუმენტად და რედაქტორის გაფართოებად; იმის სანახავად, რომელ გეგმებშია ის და რა ლიმიტებია, შეამოწმეთ OpenAI-ის საიტი.

დავალების სტილის პრომპტი მისთვის საუკეთესოდ მუშაობს:

ამ რეპოზიტორიაში დაამატე CSV ექსპორტის ღილაკი შეკვეთების გვერდზე. ექსპორტმა უნდა გადმოიტანოს მიმდინარედ გაფილტრული შეკვეთები სვეტებით: თარიღი, მომხმარებელი, ჯამი და სტატუსი. დაამატე ტესტი ექსპორტის ფუნქციისთვის და გაუშვი ტესტების ნაკრები.

რისთვისაა კარგი: დეველოპერებისა და ტექნიკური დამფუძნებლებისთვის, რომლებსაც უკვე აქვთ პროექტი და სურთ, რომ აგენტმა მთლიანი დავალებები მოხსნას მათი სიიდან. ის მუშაობს თქვენს სტეკთან და კონვენციებთან.

რას ითხოვს თქვენგან: სად მუშაობს აპი, მონაცემთა ბაზა, საიდუმლოებები, განთავსება და დომენები. Codex კოდს ცვლის; ის არ არის ჰოსტინგი.

Codex და Mythex ერთად

Codex-ს ასევე შეუძლია MCP სერვერებთან დაკავშირება, მათ შორის Mythex-ისთან. დაამატეთ https://mcp.mythex.ai/mcp როგორც მორგებული MCP სერვერი Codex-ში, დაადასტურეთ წვდომა Mythex-ზე და Codex შეძლებს იმუშაოს Mythex-ის პროექტზე მის ღრუბლოვან სანდბოქსში, ხოლო გადახედვას, მონაცემთა ბაზასა და გამოქვეყნებას Mythex ეხება. ჩვენი პოსტი Mythex-ის აპების აშენებაზე Claude-იდან, Cursor-იდან ან Codex-იდან ამ პროცესს ეტაპობრივად აჩვენებს.

ვარიანტი 3: სრული აპის აშენება ChatGPT-იდან Mythex-ით

თუ გსურთ ChatGPT-ის საუბარში დარჩენა და ბოლოს რეალური, ჰოსტირებული აპის მიღება, დააკავშირეთ Mythex. Mythex მუშაობს ChatGPT-ის შიგნით როგორც აპი: ChatGPT ესაუბრება Mythex-ის ინსტრუმენტებს MCP-ით, ღია პროტოკოლით, რომელიც ასისტენტებს საშუალებას აძლევს გამოიყენონ სხვაგან ჰოსტირებული ინსტრუმენტები (რა არის MCP).

როცა ის დაკავშირებულია, ChatGPT-ს შეუძლია Mythex-ის პროექტის შექმნა, კოდის დაწერა პირად ღრუბლოვან სანდბოქსში, ცოცხალი გადახედვის გაშვება, მონაცემთა ბაზისა და ფაილების საცავის დამატება და აპის გამოქვეყნება საჯარო URL-ზე. შედეგი ბმულით მოდის, რომ პროექტი Mythex-ში გახსნათ და გადახედვა ცოცხლად ნახოთ.

როგორ დავაკავშიროთ

1. Mythex-ში გახსენით ანგარიშის პარამეტრები და დააკოპირეთ MCP მისამართი.
2. ChatGPT-ში დაამატეთ Mythex აპების ან კონექტორების პარამეტრებიდან ამ მისამართით. ChatGPT-ის მენიუები ცვალებადია, ამიტომ თუ სახელები განსხვავდება, მიჰყევით OpenAI-ის დახმარების გვერდს აპის დამატების შესახებ.
3. გაიხსნება Mythex-ის გვერდი: შედით და აირჩიეთ წვდომის დაშვება. გასაღების ჩასმა არ არის საჭირო.
4. დაიწყეთ საუბარი და თქვით Mythex თქვენს მოთხოვნაში.

კავშირი ნებისმიერ Mythex-ის გეგმაზე მუშაობს. სანდბოქსის ინსტრუმენტები, ანუ აშენება, გადახედვა და გამოქვეყნება, Mythex Pro-ს ($25 თვეში) საჭიროებს, და სანდბოქსის დრო და ჰოსტინგი თქვენი Mythex-ის კრედიტებიდან იხარჯება. თქვენი ChatGPT-ის გამოყენება თქვენს OpenAI გეგმაზე რჩება.

პირველი პრომპტი საცდელად

გამოიყენე Mythex, რომ ააშენო ჩემთვის სამუშაო განაცხადების თრექერი. ვამატებ განაცხადებს კომპანიით, პოზიციით, ბმულით, გაგზავნის თარიღით, სტატუსით (გაგზავნილი, ინტერვიუ, შეთავაზება, უარი) და შენიშვნებით. აჩვენე დაფა სტატუსების მიხედვით, სადაც შემიძლია ბარათების გადატანა, და მარტივი დიაგრამა კვირაში განაცხადების რაოდენობისთვის. შეინახე ყველაფერი მონაცემთა ბაზაში და დაიცავი შესვლით. დაიწყე გადახედვა და მომეცი ბმული.

შემდეგ, ერთი ცვლილება შეტყობინებაში:

Mythex-ის პროექტში დაამატე შეხსენების თარიღი თითოეულ განაცხადს და მონიშნე ბარათები, რომელთა შეხსენებაც დღეს არის ან ვადაგადაცილებულია.

გამოაქვეყნე და გამომიგზავნე საჯარო URL.

რისთვისაა კარგი: ადამიანებისთვის, რომლებიც უკვე გეგმავენ და ფიქრობენ ChatGPT-ში და სურთ შედეგი ცოცხლად, მუდმივი მონაცემებით, ჰოსტინგის სწავლის გარეშე. რადგან ეს ჩვეულებრივი Mythex-ის პროექტია, ნებისმიერ მომენტში შეგიძლიათ Mythex-ის ჩატში გააგრძელოთ.

რომელი ვარიანტი რას ერგება

პრომპტირების ჩვევები, რომლებიც ChatGPT-ში მუშაობს

• დაასახელეთ ინსტრუმენტი, როცა გინდათ რომ გამოიყენოს. «გამოიყენე Mythex-ი…» ცხადს ხდის, რომ მოთხოვნა თქვენს პროექტს ეხება და არა ზოგად პასუხს.
• ერთი ცვლილება შეტყობინებაზე. გრძელი რედაქტირებების სიები გრძელ გვერდით ეფექტებს იძლევა.
• დიდ ნაბიჯამდე სთხოვეთ გეგმა. «სანამ რამეს შეცვლი, ჩამომითვალე, რას შეცვლი, და დაელოდე ჩემს თანხმობას.»
• ჩასვით ზუსტი შეცდომები. შეცდომის სრული ტექსტი უფრო ღირებულია, ვიდრე ნებისმიერი აღწერა.
• იკითხეთ, რა შეიცვალა. «შეაჯამე ბოლო სამი ცვლილება ჩვეულებრივი სიტყვებით» გაძლევთ ორიენტაციას, როცა კოდს არ კითხულობთ.

მეტს იხილავთ ჩვენს Vibe Coding-ის პრომპტების შპარგალკაში.

დაიცავით უსაფრთხოება

• არასდროს ჩასვათ რეალური პაროლები ან API გასაღებები ChatGPT-ის საუბარში. თუ აპს გასაღები სჭირდება, შეინახეთ იგი პროექტის საიდუმლოებებში. Mythex-ის ინსტრუმენტები მხოლოდ საიდუმლოების სახელებს აბრუნებს, მნიშვნელობებს არასდროს.
• სანამ გამოაქვეყნებთ, შეამოწმეთ, რომ მომხმარებლებს არ შეუძლიათ ერთმანეთის მონაცემების ნახვა და რომ არცერთი გასაღები არ მოხვდა ბრაუზერში მომუშავე კოდში. ჩვენი გზამკვლევი უსაფრთხოა თუ არა Vibe Coding? ჩამოთვლის შემოწმებებს პრომპტებით, რომელთაც დააკოპირებთ.

Claude-საც იყენებთ? თანმხლები გზამკვლევი ფარავს Vibe Coding-ს Claude-ით და Claude Code-ით. მოდელების მიხედვით შედარებისთვის იხილეთ ChatGPT vs Claude vs Gemini აპების შესაქმნელად.

კითხვები