بازطراحی وب‌سایت با هوش مصنوعی: ۵ درس از یک توسعه‌دهنده تک‌نفره

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

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

در اینجا آنچه آموختم آورده شده است.

چرا از هوش مصنوعی استفاده کردم:

  • زمان بزرگترین محدودیت من است.
  • من تنها کار می‌کنم. هیچ طراح یا توسعه‌دهنده ارشدی برای کمک به من ندارم.
  • نیاز داشتم وظایف را به سرعت تغییر دهم.
  • می‌خواستم کارهای کوچک را تمام کنم تا روند کار را حفظ کنم.

هوش مصنوعی مانند یک توسعه‌دهنده جونیور (junior developer) عمل کرد. در انجام وظایف خاص به من کمک کرد:

  • چیدمان‌های واکنش‌گرا (responsive) را برای صفحه‌های موبایل اصلاح کرد.
  • یک بخش Hero با گرادینت تمام‌عرض ساخت.
  • با اصلاح بارگذاری فونت، مشکلات سرعت صفحه را حل کرد.
  • وظایف SEO مانند عنوان‌های متا (meta titles) و توضیحات را انجام داد.

پنج درس برای بازطراحی خودتان:

  • قبل از اصلاح، تشخیص دهید. از هوش مصنوعی بخواهید قبل از تغییر کد، علت مشکل را پیدا کند.
  • در صفحه زنده (live) بررسی کنید. نمای ویرایشگر اغلب با آنچه بازدیدکنندگان می‌بینند متفاوت است.
  • با هوش مصنوعی مانند یک شریک رفتار کنید. اجازه ندهید او کنترل کامل را در دست بگیرد. هر خط کد را بازبینی کنید.
  • تغییرات کوچک ایجاد کنید. در هر مرحله فقط یک تنظیم را تغییر دهید تا اگر مشکلی پیش آمد، بتوانید آن را به حالت قبل برگردانید.
  • یک دستورالعمل (playbook) بنویسید. آنچه کارآمد است را مستند کنید تا مجبور نباشید یک مشکل را دو بار حل کنید.

چگونه از دقت کار مطمئن می‌شوم:

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

چگونه پرامپت‌های بهتری بنویسیم:

  • دقیق باشید. به هوش مصنوعی دقیقاً بگویید کدام المان را باید تغییر دهد.
  • زمینه (context) را ارائه دهید. به ابزارها و تنظیمات خاص خود اشاره کنید.
  • علت را بپرسید. هوش مصنوعی را وادار کنید ابتدا مشکل را تشخیص دهد.
  • گام‌به‌گام پیش بروید. طراحی خود را تکه‌تکه و مرحله به مرحله اصلاح کنید.

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

Source: https://dev.to/mattbuildsapps/ai-website-redesign-5-lessons-from-a-solo-developer-nhj

Optional learning community: https://t.me/GyaanSetuAi