Vibe Coding برای مبتدی‌ها: گام‌به‌گام شروع کنید

vibe coding برای مبتدی‌ها در پنج گام خلاصه می‌شود: ابزاری انتخاب کنید که اپ را برایتان اجرا کند، یک اپ کوچک را با کلمات ساده توصیف کنید، آن را مثل یک کاربر امتحان کنید، برای هر بار فقط یک اصلاح بخواهید و وقتی درست کار کرد منتشرش کنید. لازم نیست کدنویسی بلد باشید. این آموزش هر گام را با یک پروژه اول واقعی، دقیقاً همان پرامپت‌هایی که باید تایپ کنید و اشتباهاتی که تقریباً هر مبتدی در هفته اول انجام می‌دهد توضیح می‌دهد.

اگر می‌خواهید اول پس‌زمینه را بدانید، یعنی این اصطلاح از کجا آمده و چرا درباره‌اش بحث می‌شود، بخش vibe coding چیست را بخوانید. این صفحه جنبه عملی ماجراست.

آنچه قبل از شروع لازم دارید

کمتر از چیزی که فکر می‌کنید:

• یک مرورگر و یک حساب کاربری در یک ابزار vibe coding. مبتدی‌ها باید یک AI app builder را انتخاب کنند که کد را می‌نویسد، اجرا می‌کند و میزبانی می‌کند، نه یک دستیار برنامه‌نویسی که از شما انتظار دارد فایل‌ها و سرورها را خودتان مدیریت کنید.
• یک ایده کوچک. نه استارتاپ بزرگ‌تان. ابزاری برای یک نفر، یعنی خودتان، با یک یا دو صفحه.
• یک یا دو ساعت بدون وقفه. جلسه اول ریتم کار را به شما یاد می‌دهد.

همین. بدون نصب، بدون دوره برنامه‌نویسی، بدون ترمینال.

کدام ابزار را به‌عنوان مبتدی انتخاب کنیم

ابزار کمتر از عادت‌ها اهمیت دارد، اما باید سه کار را انجام دهد: هنگام ساخت، پیش‌نمایش زنده نشان بدهد، اجازه دهد یک تغییر بد را برگردانید و به لینکی منتشر کند که بتوانید به اشتراک بگذارید. مقایسه ما از بهترین ابزارهای vibe coding گزینه‌های اصلی را صادقانه بررسی می‌کند. Mythex یکی از آن‌هاست: اپ را در چت توصیف می‌کنید، یک اپ واقعی full-stack با پیش‌نمایش زنده می‌سازد، وقتی اپ نیاز دارد چیزی را به خاطر بسپارد یک پایگاه داده اضافه می‌کند و با یک کلیک منتشر می‌کند. پلن Free به کارت نیاز ندارد.

گام ۱: یک پروژه انتخاب کنید که بتوانید تمامش کنید

مبتدی‌ها معمولاً وقتی شکست می‌خورند که خیلی بزرگ هدف می‌گیرند. یک پروژه اول خوب:

• برای خودتان مفید باشد، تا آن را درست آزمایش کنید.
• در یک یا دو صفحه جا شود.
• مقدار کمی از داده‌های خودتان را ذخیره کند.
• پرداخت، تیم و داده شخصی حساس نداشته باشد.

پروژه‌های اول خوب:

ما در بقیه این آموزش از فهرست کتاب‌های خواندنی استفاده می‌کنیم.

گام ۲: اولین پرامپت را بنویسید

اولین پیام شما شکل همه چیز را تعیین می‌کند. بگویید اپ برای چه کسی است، چه کاری انجام می‌دهد و چه شکلی باید داشته باشد. آن را در یک پاراگراف کوتاه نگه دارید.

پرامپت اولیه ضعیف:

یک اپ کتاب برایم بساز.

پرامپت اولیه خوب:

یک اپ فهرست کتاب‌های خواندنی برایم بساز. می‌توانم کتابی را با عنوان، نویسنده و وضعیت (می‌خواهم بخوانم، در حال خواندن، تمام شده) اضافه کنم. کتاب‌ها را به‌صورت کارت، گروه‌بندی‌شده بر اساس وضعیت و با جدیدترین‌ها در بالا نشان بده. می‌توانم وضعیت کتاب را تغییر دهم یا آن را حذف کنم. ساده و تمیز نگهش دار: پس‌زمینه سفید، یک رنگ تأکیدی و کار کردن روی گوشی. کتاب‌ها را ذخیره کن تا بعد از رفرش کردن صفحه هم باقی بمانند.

توجه کنید که نسخه دوم چه کاری می‌کند. فیلدها، عمل‌ها، چیدمان و یک قاعده را فهرست کرده که مبتدی‌ها همیشه فراموشش می‌کنند: داده را ذخیره کن تا بعد از رفرش باقی بماند. بدون این خط، بسیاری از ابزارها صفحه‌ای می‌سازند که کامل به نظر می‌رسد، اما با رفرش کردن همه چیز را فراموش می‌کند.

برای نقطه شروع‌های بیشتر، راهنمای پرامپت‌های vibe coding را ببینید.

وقتی مطمئن نیستید، برنامه بخواهید

اگر مطمئن نیستید چطور چیزی را توصیف کنید، از هوش مصنوعی بخواهید قبل از ساخت برنامه‌ریزی کند:

قبل از ساختن هر چیزی، با کلمات ساده بگو چه صفحه‌هایی می‌سازی، چه داده‌ای ذخیره می‌کنی و چه تصمیم‌هایی را باید من بگیرم.

در Mythex، حالت Plan همین کار را می‌کند: عامل رویکرد را شرح می‌دهد و شما قبل از تغییر هر فایلی آن را تأیید می‌کنید.

گام ۳: مثل یک کاربر آزمایش کنید، نه مثل کسی که ساخته است

وقتی پیش‌نمایش ظاهر شد، فقط تماشایش نکنید. از آن استفاده کنید:

1. سه کتاب اضافه کنید، از جمله یکی با عنوان خیلی بلند.
2. وضعیت یکی را تغییر دهید. آیا کارت به گروه درست می‌رود؟
3. صفحه را رفرش کنید. آیا کتاب‌ها هنوز آنجا هستند؟
4. سعی کنید کتابی با عنوان خالی اضافه کنید. چه اتفاقی می‌افتد؟
5. پیش‌نمایش را روی گوشی باز کنید یا پنجره مرورگر را باریک کنید.

آنچه را اشتباه است با کلمات ساده یادداشت کنید. «عنوان بلند کارت را به هم می‌ریزد» یک گزارش خطای عالی است. «خراب است» نیست.

گام ۴: در هر پیام فقط یک چیز را درست کنید

این عادتی است که کسانی را که تمام می‌کنند از کسانی که رها می‌کنند جدا می‌کند. یک تغییر بفرستید، آن را بررسی کنید و بعد تغییر بعدی را بفرستید.

عنوان بلند «راهنمای مسافر کهکشان: مجموعه کامل» از کارت بیرون می‌زند. عنوان‌های بلند را در دو خط بشکن و بقیه‌اش را با «…» کوتاه کن.

سپس:

اگر فرم را با عنوان خالی ارسال کنم، هیچ اتفاقی نمی‌افتد و پیامی هم نیست. زیر فیلد پیام «یک عنوان اضافه کنید» را نشان بده و کتاب را ذخیره نکن.

چرا یکی‌یکی؟ وقتی پنج تغییر را در یک پیام می‌خواهید، ممکن است هوش مصنوعی چهارتا را خوب انجام دهد و بی‌سروصدا چیز دیگری را خراب کند، و شما نمی‌دانید کدام تغییر مقصر بوده. قدم‌های کوچک بازگرداندن را هم مفید می‌کنند: اگر یک تغییر اشتباه شد، به نسخه قبل از آن برگردید و درخواستی روشن‌تر بفرستید.

وقتی چیزی خراب می‌شود

خواهد شد. هر ابزار ساخت با خطا روبه‌رو می‌شود. متن دقیق خطا را کپی کنید، یا دقیقاً بگویید روی چه کلیک کردید و چه دیدید، و دوباره در چت بچسبانید:

وقتی روی Delete در یک کارت کلیک می‌کنم، «Something went wrong» را می‌بینم و کتاب همان‌جا می‌ماند. دلیلش را پیدا کن و درستش کن. علتش را هم بگو.

پرسیدن علت مهم است. این کار به شما یاد می‌دهد اپ‌ها چطور کار می‌کنند و جلوی حدس زدن هوش مصنوعی را می‌گیرد. راهنمای ما درباره چطور یک اپ ساخته‌شده با هوش مصنوعی را دیباگ کنیم به این موضوع عمیق‌تر می‌پردازد.

گام ۵: آن را مال خودتان کنید

وقتی کار کرد، با همان قدم‌های کوچک بهبودش دهید:

• «یک امتیاز ۱ تا ۵ ستاره اضافه کن که روی کتاب‌های تمام‌شده نشان داده شود.»
• «بالای کارت‌ها یک جعبه جستجو اضافه کن که بر اساس عنوان یا نویسنده فیلتر کند.»
• «از یک پس‌زمینه سفید گرم و یک سبز تیره به‌عنوان رنگ تأکیدی استفاده کن.»
• «در بالا یک شمارنده اضافه کن: کتاب‌های تمام‌شده در این سال.»

هر کدام یک تغییر تکی و قابل آزمایش است.

گام ۶: منتشر و به اشتراک بگذارید

وقتی کاری را که لازم دارید انجام می‌دهد، منتشرش کنید. در Mythex این یک کلیک است و یک آدرس عمومی می‌گیرید که روی هر دستگاهی باز می‌شود یا برای یک دوست فرستاده می‌شود. اگر بعداً دامنه اختصاصی خودتان را بخواهید، آن یک قابلیت Pro است و راهنمای ما درباره اتصال دامنه اختصاصی توضیح می‌دهد.

پیش از آنکه چیزی را فراتر از چند دوست به اشتراک بگذارید، آیا vibe coding امن است؟ را بخوانید. برای یک فهرست کتاب شخصی ریسک کم است. برای اپی که غریبه‌ها در آن ثبت‌نام می‌کنند و داده ذخیره می‌کنند، باید پیش از آن بررسی‌هایی انجام دهید.

اشتباهات رایج مبتدی‌ها

• خواستن همه چیز در یک پیام. «برایم Goodreads بساز» چیزی می‌سازد که پرزرق‌وبرق به نظر می‌رسد اما بد کار می‌کند. با کوچک‌ترین نسخه مفید شروع کنید.
• آزمایش نکردن رفرش. داده‌ای که با رفرش کردن از بین می‌رود، شایع‌ترین غافلگیری مبتدی‌هاست.
• از نو نوشتن درخواست در هر بار. بگویید چه چیزی را عوض کنید و چه چیزی را نگه دارید: «چیدمان را نگه دار، فقط رنگ‌ها را عوض کن.»
• باور کردن «درست شد». هوش مصنوعی اغلب می‌گوید یک خطا برطرف شده است. هر بار خودتان بررسی کنید.
• چسباندن رمز عبور یا کلید API در چت. اگر اپتان برای یک سرویس بیرونی کلید لازم دارد، آن را در بخش secrets ابزار قرار دهید، نه در پیام یا کد. راهنمای چطور کلیدهای API را امن نگه داریم را ببینید.
• رها کردن بعد از اولین خطا. خطا طبیعی است. آن را دوباره بچسبانید و علتش را بخواهید.

آنچه در حین کار یاد بگیرید

به دوره نیاز ندارید، اما چند مفهوم هر درخواستتان را دقیق‌تر می‌کند. از هوش مصنوعی بخواهید آن‌ها را در قالب اپ خودتان توضیح دهد:

• فرانت‌اند و بک‌اند: چه چیزی در مرورگر بازدیدکننده اجرا می‌شود و چه چیزی روی سرور. (فرانت‌اند در برابر بک‌اند)
• پایگاه داده: اپ داده‌هایش را کجا نگه می‌دارد. (پایگاه داده چیست؟)
• احراز هویت: اینکه اپ چطور می‌فهمد کسی کیست.
• Secrets: کلیدهای خصوصی که اپ استفاده می‌کند و بازدیدکنندگان نباید هرگز ببینند.

یک پرامپت خوب برای این: «توضیح بده کتاب من چطور ذخیره می‌شود، از کلیک روی Add تا ذخیره شدن داده. با کلمات ساده بگو و به فایل‌های واقعی اشاره کن.»

پروژه دوم و سوم شما

بعد از اولین اپ، یک قدم سخت‌تر را انتخاب کنید. یک ردیاب عادت با نمودار هفتگی. یک فرم رزرو که برایتان ایمیل بفرستد. یک داشبورد کوچک که از یک Google Sheet می‌خواند. نمونه‌های vibe coding ما نمونه‌های واقعی از انواع اپ را با پرامپت‌های پشت آن‌ها و آنچه اشتباه پیش رفت نشان می‌دهند، و چطور با vibe coding اپ بسازیم یک پروژه بزرگ‌تر را از ایده تا یک اپ منتشرشده با کاربران پیش می‌برد.

وقتی آماده شروع هستید، AI app builder را باز کنید، پرامپت فهرست کتاب‌ها را بالا بچسبانید و آن را با ایده خودتان تغییر دهید.

پرسش‌ها