این محتوا یک جمع‌بندی از مصاحبه مجله The New Stack با آریامان خاندلوال (Aryaman Khandelwal)، مدیر محصول v0.app در ورسل است.
| 👀 خبر در یک نگاه:
ورسل نسخه جدید v0.app را عرضه کرده که با هوش مصنوعی عامل‌محور، تولید وب‌اپلیکیشن‌ها را برای کاربران غیر فنی آسان می‌کند. این ابزار از Next.js، TypeScript و Tailwind استفاده می‌کند، قابلیت سفارشی‌سازی دارد و با GitHub همگام می‌شود. تیم Next.js نیز برای پشتیبانی بهتر از هوش مصنوعی همکاری می‌کند. |
ورسل نسخه جدیدی از سرویس مبتنی بر هوش مصنوعی v0 خود را عرضه کرد و نام آن را از v0 به v0.app تغییر داده تا کاربران بیشتری را هدف قرار دهد. این ابزار از رویکرد هوش مصنوعی عامل‌محور برای شکستن درخواست‌ها به زیرکارها (Sub-task) استفاده می‌کند.
آریامان خاندلوال (Aryaman Khandelwal)، مدیر محصول v0.app در ورسل گفت: «ما v0 را با هدف ساده‌تر کردن جریان کاری توسعه‌دهندگان آغاز کردیم اما در طول فرایند ساخت v0 متوجه شدیم که این ابزار در واقع برای همه مناسب است. تغییر از v0.dev به v0.app در واقع تلاش ما برای آسان‌تر کردن استفاده از v0 برای افرادی است که کاملا غیر فنی هستند.»
او گفت که تاکنون v0 سه میلیون کاربر دارد و هر ثانیه شش و نیم اپلیکیشن تولید می‌کند؛ یعنی صدها هزار وب‌اپلیکیشن در طول یک روز ساخته می‌شوند.
تغییرات v0.app ورسل
| 💡 ورسل رابط کاربری v0 را برای کاربران غیر فنی بهبود داده و قابلیت ساخت اپلیکیشن فول‌استک، جست‌وجو و یکپارچه‌سازی را افزوده است. |
به گفته خاندلوال، اولین تغییری که ورسل ایجاد کرده، به‌روزرسانی رابط کاربری بوده تا برای افرادی که «توسعه‌دهنده حرفه‌ای» نیستند، دسترس‌پذیرتر باشد.
تغییر دوم این است که v0 می‌تواند برای توسعه‌دهندگان و کاربران نهایی اقداماتی مانند جست‌وجو در اینترنت یا افزودن یکپارچه‌سازی‌ها انجام دهد و عملکرد آن محدود به صرفا تولید کد نیست. این ابزار می‌تواند یک اپلیکیشن فول‌استک بسازد، شامل رابط کاربری واکنشی برای فرانت‌اند و اتصال‌های بک‌اند مانند پایگاه داده‌ها.
خاندلوال اضافه کرد: «در واقع ما فکر می‌کنیم v0 کل مجموعه کارهایی را که هنگام ساخت وب‌اپلیکیشن‌ها نیاز دارید پوشش می‌دهد. من استفاده از v0 را برای ساخت یک فریم‌ورک بک‌اند خالص که هیچ رابط کاربری ندارد، توصیه نمی‌کنم. هرچند v0 می‌تواند تا حدی این کار را انجام دهد اما قدرت اصلی v0.app واقعا در ساخت وب‌سایت‌ها و اپلیکیشن‌هاست. کاربران از آن برای نوشتن APIهای واقعا جالب استفاده کرده‌اند.»
قابلیت‌های جدید v0.app
| 💡 نسخه جدید v0.app قابلیت‌هایی مانند جست‌وجوی وب با منابع، خواندن فایل، بررسی سایت، تولید ایده‌های طراحی، مدیریت وظایف، شناسایی خطا و یکپارچه‌سازی پایگاه داده، ابزارهای AI و APIهای شخص ثالث را ارائه می‌دهد. |
نسخه جدید v0.app می‌تواند این کارها را انجام دهد:
- جست‌وجوی وب: وب را جست‌وجو می‌کند، خطاها را مدیریت کرده و نتایج را همراه با منبع ارائه می‌دهد.
- خواندن فایل: فایل‌ها را خوانده و محتوای آن‌ها را بازمی‌گرداند.
- بررسی سایت: سایت‌های فعال را بررسی کرده، اسکرین‌شات می‌گیرد و یافته‌ها را خلاصه می‌کند.
- الهام طراحی: بر اساس درخواست‌ها، مفاهیم تصویری همراه با توضیحات تولید می‌کند. همچنین امکان بارگذاری لوگو، اطلاعات محصول و حتی راهنمای برند را فراهم می‌کند و ویژگی‌های بیشتری در آینده برای ساده‌تر کردن برندینگ اضافه خواهد شد.
- مدیریت کارها: وظایف را پیگیری کرده، برنامه‌ها را به‌روزرسانی می‌کند و جزئیات فنی را ارائه می‌دهد.
- بررسی کار: خطاها را شناسایی کرده، پیاده‌سازی‌ها را مقایسه می‌کند و نتایج را تحلیل می‌کند.
یکپارچه‌سازی‌ها: پشتیبانی از یکپارچه‌سازی، شامل افزودن پایگاه داده از میان گزینه‌های میزبانی‌شده ورسل. همچنین می‌تواند ابزارهای دیگر، از جمله ابزارهای هوش مصنوعی مانند Grok را که در بازار ورسل ارائه می‌شوند، اضافه کند. علاوه بر این، از یکپارچه‌سازی APIهای شخص ثالث پشتیبانی می‌کند تا شرکت‌ها در صورت تمایل بتوانند با سیستم‌های بک‌اند خود ارتباط برقرار کنند.
چرا ورسل به سراغ کاربران غیرتوسعه‌دهنده می‌رود؟
بدیهی است که این مسیری نبود که ورسل در ابتدا با عرضه v0.dev آغاز کرده بود، ابزاری که مخاطب اصلی آن توسعه‌دهندگان فرانت‌اند و وب بودند و نسخه اول آن روی تولید کد متمرکز بود.
خاندلوال گفت: «ما توسعه‌دهندگان را می‌شناسیم. بازار ما همیشه توسعه‌دهندگان بوده‌اند. این ابزار را در ابتدا به‌عنوان یک ابزار توسعه ساخته بودیم و آن را بسیار فنی طراحی کردیم. اما طی دو سال گذشته از زمان عرضه، ورسل مشاهده کردیم که افرادی اطراف توسعه‌دهندگان هستند، از جمله طراحان، بازاریابان، مهندسان فروش و مدیران محصول، از این ابزار بیشتر از حد انتظار ورسل استفاده می‌کنند.»
او اضافه کرد که این تغییر عمدتا از سمت مشتریان ایجاد شد: «ما در واقع متوجه شدیم کاربران زیادی از همان نقش‌های نزدیک به توسعه‌دهنده هستند که ارزش زیادی از v0 دریافت می‌کنند. ما واقعا به‌خوبی به آن‌ها خدمت نمی‌کردیم و همین جرقه این تغییر را ایجاد کرد.»
از مدل‌های زبانی بزرگ تا هوش مصنوعی عامل‌محور، یا از واترفال تا اجایل
| 💡 v0 با رویکرد عامل‌محور و تقسیم کار به مراحل کوچک، خطاها را کاهش داده، سرعت ساخت وب‌اپ‌ها را افزایش می‌دهد و تجربه‌ای کاربرپسندتر برای پروژه‌های مختلف را فراهم می‌کند. |
مدل‌های زبانی بزرگ (LLM) عمدتا از رویکردی شبیه به واترفال در توسعه استفاده کرده‌اند: یک دستور وارد می‌کنید و مدل یا در یک تلاش چیزی تولید می‌کند یا به‌طور کامل شکست می‌خورد. برای کاربرپسندتر کردن v0، این ابزار اکنون به جای استفاده صرف از یک LLM، به یک عامل هوش مصنوعی متصل می‌شود.
این رویکرد عامل‌محور امکان استفاده از رویکردی چابک‌تر (Agile) را فراهم می‌کند، به این صورت که دستورات را به زیرکارها تقسیم می‌کند تا بتواند به‌سرعت روی اپلیکیشن تکرار و اصلاح انجام دهد. این کار باعث می‌شود استفاده از آن هم آسان‌تر و هم قدرتمندتر برای کاربران غیر فنی باشد.
این ابزار می‌گوید: اول باید رابط کاربری بسازم، بعد باید پایگاه داده اضافه کنم، بعد احراز هویت را بیفزایم و بعد کار را پرداخت کنم.
مشخص شد که با انجام گام‌به‌گام کارها مثل یک فرد واقعی، میزان خطاها را خیلی بیشتر کاهش می‌دهیم.
این رویکرد همچنین به v0 اجازه می‌دهد روی هر وب‌اپلیکیشنی که در حال استقرار آن هستید، تکرار و بهبود انجام دهد. شما می‌توانید یک فهرست کارهای ساده (To-Do List) همراه با یک تصویر را تنها در چند تلاش و در عرض چند ثانیه تا چند دقیقه بسازید.
اگر کنجکاو ساخت یک اپلیکیشن پیچیده‌تر هستید، می‌توانید Pokémon Awesome!، یکی از اپلیکیشن‌های ساخته‌شده با v0 را ببینید. نمونه‌های بیشتری هم در صفحه اصلی v0.app وجود دارد.
او اضافه کرد: «بیشتر زمان کاری من در واقع صرف تلاش برای وادار کردن گیت‌هاب به ذخیره نسخه‌های جدید سایت شد که احساس می‌کردم بیشتر یک مشکل از سمت من بود تا یک مسئله از ورسل. در نهایت هوش مصنوعی توانست مشکل (یا خطای کاربر) را شناسایی کرده و به من بگوید چطور آن را اصلاح کنم.»
در ورژن جدید دو اتفاق وجود دارد که حالا خیلی بهتر رخ می‌دهند و کاربران معمولا در اولین یا دومین درخواستشان متوجه آن می‌شوند.
- اولین مورد این است که v0.app خطاهای کمتری دارد، به‌ویژه برای درخواست‌های بسیار پیچیده.
- دومین مورد هم این است که در واقع از روش تولید کد v0.dev سریع‌تر عمل می‌کند.
پیش‌تر، ورسل مجبور بود نسخه اصلی v0 را محدود کند تا همزمان کارهای زیادی انجام ندهد. به v0 گفته می‌شد که حداقل مجموعه‌ای از خواسته‌های کاربر را انجام دهد تا اپلیکیشن دچار مشکل نشود.
خاندلوال همچنین گفت: «معمولا آنچه اتفاق می‌افتاد این بود که v0 تلاش می‌کرد همه کارها را در یک مرحله انجام دهد و وقتی همه چیز را یکجا انجام می‌داد، نرخ خطا بالاتر می‌رفت. حالا v0 به‌طور خودکار آن کارها را به مراحل کوچک‌تر تقسیم می‌کند.»
زیر پوسته هوش مصنوعی: فریم‌ورک‌ها
| 💡 v0.app به‌طور پیش‌فرض وب‌اپ‌ها را با Next.js، تایپ‌اسکریپت و Tailwind می‌سازد اما امکان استفاده از فریم‌ورک‌ها و استایل‌های دیگر، ویرایش کد، و همگام‌سازی با GitHub را نیز فراهم می‌کند. |
حال این سوال‌ها پیش می‌آید که v0.app در پشت صحنه چه می‌کند؟ آیا به‌طور پیش‌فرض از Next.js استفاده می‌کند؟ برای مثال، همان میکروفریم‌ورکی که توسط ورسل توسعه و ارائه شده است؟
به‌طور خلاصه، اگر کاربر فریم‌ورک خاصی را درخواست نکند، v0.app از Next.js استفاده می‌کند.
خاندلوال در این‌باره گفت: «ما سعی می‌کنیم پیچیدگی را فقط زمانی آشکار کنیم که لازم باشد. بنابراین اگر پشته فناوری یا مورد خاصی را درخواست نکنید، ما برایتان یک وب‌اپلیکیشن خواهیم ساخت. این اپ با Next.js ساخته می‌شود، به تایپ‌اسکریپت نوشته شده و با Tailwind استایل‌دهی می‌شود.»
او افزود این‌ها «مدرن‌ترین فناوری‌های موجود» برای توسعه وب هستند.
او گفت: «امروز صنعت به‌طور جدی به سمت استانداردسازی روی این فناوری‌ها حرکت می‌کند و ما از جدیدترین نسخه‌های هر بخش از این پشته استفاده می‌کنیم. اگر شما چیزی درخواست نکنید و یک فرد غیر فنی باشید که اهمیت نمی‌دهد با چه ساخته شده، ما جدیدترین فناوری را به شما می‌دهیم و برایتان می‌سازیم.
اما اگر فنی‌تر باشید، می‌توانید کد را سفارشی کنید. برای مثال می‌توانید به جای Tailwind از CSS ساده استفاده کنید. این ابزار می‌تواند سایت‌های HTML و CSS ایستا تولید کند. همچنین می‌تواند سایت React ساده هم بسازد.»
این ابزار همچنین از دیگر میکروفریم‌ورک‌ها پشتیبانی می‌کند. اخیرا ورسل پشتیبانی بهبود یافته‌ای برای Svelte ارائه کرده است تا کدنویسان Vibe بتوانند اپلیکیشن‌های Svelte تولید کرده و از بسیاری ابزارهایی که معمولا برای Next.js کار می‌کنند، استفاده کنند.
خاندلوال گفت: «ما تمرکز زیادی روی بهبود پشتیبانی از Vue و Angular و برخی دیگر از فریم‌ورک‌های متای جاوااسکریپت نداریم اما به‌طور کلی می‌توانیم با آن‌ها کد تولید کنیم. ما سعی می‌کنیم پیش‌فرض‌های بسیار خوبی برای شما انتخاب کنیم، اگر ندانید و اهمیت ندهید. اما همیشه این امکان را دارید که در صورت تمایل آن را بیشتر سفارشی کنید.»
این ابزار همچنین یک تب ویرایشگر کد دارد تا توسعه‌دهندگان بتوانند در صورت نیاز کد را تغییر یا اصلاح کنند. همچنین امکان ارسال کد به IDE شما و همان‌طور که قبلا اشاره شد، همگام‌سازی با مخزن GitHub را فراهم می‌کند.
او گفت: «شما همیشه می‌توانید این push به Git را انجام دهید و v0 در واقع اپلیکیشنی که روی آن کار می‌کنید را به‌روزرسانی خواهد کرد. بنابراین در واقع به کل جریان توسعه در IDE خود دسترسی دارید.»
v0.app در حال تغییر فریم‌ورک Next.js
| 💡 تیم Next.js فریم‌ورک خود را برای همکاری بهتر با مدل‌های زبانی بزرگ و هوش مصنوعی عامل‌محور به‌روزرسانی می‌کند. ورسل با ارائه بازخوردهای دقیق، مستندات و نیاز به لاگ در کلاینت و سرور، به بهبود این ابزارها کمک می‌کند. |
خاندلوال گفت در ورسل یک دینامیک جالب دیگر وجود دارد: تیم Next.js در حال به‌روزرسانی فریم‌ورک است تا با مدل‌های زبانی بزرگ و هوش مصنوعی عامل‌محور بهتر کار کند.
او گفت: «ما با تیم Next.js همکاری بسیار نزدیکی داریم. در واقع، ما مشتریان بسیار خوبی برای Next.js هستیم. بازخوردهای زیادی درباره مثال‌های خوب یا مسائلی مانند LLMها به این سینتکس توجه نمی‌کنند یا این الگو در فریم‌ورک را درک نمی‌کنند به آن‌ها می‌دهیم.»
تیم معمولا درخواست مستندات بهتر یا اینکه آیا می‌توان وضعیت را ساده یا تغییر داد، ارائه می‌کند.
برای مثال، لاگ‌های سمت کلاینت و سمت سرور وجود دارند. معمولا لاگ‌های سمت کلاینت در کنسول مرورگر و لاگ‌های سمت سرور در ترمینال نمایش داده می‌شوند اما LLMها اغلب فقط به ترمینال دسترسی دارند.
بنابراین تیم v0 به تیم Next.js اطلاع داد که برای پشتیبانی از توسعه هوش مصنوعی عامل‌محور، نیاز به لاگ در هر دو مکان دارند.
خاندلوال گفت: «در واقع این یک رابطه همزیستی بسیار جالب است که ما بین ورسل و Next.js داریم، جایی که می‌توانیم بازخورد بسیار خوبی درباره نحوه بهبود استفاده از این ابزارها و پلتفرم‌های کدنویسی Vibe ارائه دهیم.»
منبع: thenewstack.io
دیدگاهتان را بنویسید