From 2322d084c77274704a5680780bd24cb17e9a26bf Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:18:09 +0330
Subject: [PATCH] Import source: app/article-contents-15

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 app/article-contents-15.js | 107 +++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 app/article-contents-15.js

diff --git a/app/article-contents-15.js b/app/article-contents-15.js
new file mode 100644
index 0000000..91ef1aa
--- /dev/null
+++ b/app/article-contents-15.js
@@ -0,0 +1,107 @@
+export const ART37_CONTENT = `
+<p class="lead">«وایب‌کدینگ» (Vibe Coding) مفهومی است که در ابتدای ۲۰۲۶ توسط <strong>آندره کارپاتی</strong> — یکی از بنیانگذاران OpenAI و مدیر سابق هوش مصنوعی تسلا — مطرح شد. ایده ساده اما انقلابی است: به جای نوشتن کد، <em>قصدت را توصیف کن</em> و بگذار هوش مصنوعی کد بنویسد. شما «احساس» پروژه را دارید، هوش مصنوعی «اجرا» را.</p>
+
+<h2>۱. وایب‌کدینگ چیست؟ تعریف دقیق</h2>
+<p>کارپاتی در یک توییت که میلیون‌ها بازدید داشت نوشت: <strong>«Vibe Coding زمانی است که کاملاً تسلیم vibeها می‌شوی، کد را فراموش می‌کنی، و فقط می‌سازی.»</strong></p>
+<p>وایب‌کدینگ یعنی:</p>
+<ul>
+<li>توصیف قصد به هوش مصنوعی به جای نوشتن کد مستقیم</li>
+<li>پذیرش خروجی مدل بدون بررسی خط به خط</li>
+<li>تکرار سریع با feedback حلقه‌وار: «این کار نکرد، خطا بده»</li>
+<li>تمرکز بر محصول، نه پیاده‌سازی</li>
+</ul>
+<p>این رویکرد در تضاد مستقیم با برنامه‌نویسی سنتی است که در آن توسعه‌دهنده هر خط را می‌نویسد، می‌فهمد و مسئول آن است. وایب‌کدینگ توسعه‌دهنده را از <em>نویسنده</em> به <em>کارگردان</em> تبدیل می‌کند.</p>
+
+<h2>۲. ابزارهای اصلی وایب‌کدینگ در ۲۰۲۶</h2>
+<figure style="margin: 20px 0 28px 0; border-radius: 10px; overflow: hidden; border: 1px solid #E4DDD2;">
+  <img src="/images/articles/vibe-coding-mcp-2026-photo-1.jpg" alt="توسعه‌دهنده در حال استفاده از دستیار هوش مصنوعی برای ساخت نرم‌افزار" loading="lazy" style="width: 100%; height: auto; display: block;" />
+  <figcaption style="font-size: 12px; color: #5F6B6D; padding: 10px 14px; background: #F4EFE6; line-height: 1.7; direction: rtl;">ابزارهای وایب‌کدینگ در ۲۰۲۶ — توسعه‌دهنده قصد خود را توصیف می‌کند و Cursor، Claude Code یا Replit Agent کد تولید، تست و مستقر می‌سازند</figcaption>
+</figure>
+<p>اکوسیستم وایب‌کدینگ در ۲۰۲۶ چند ابزار اصلی دارد که هر کدام رویکرد متفاوتی ارائه می‌دهند:</p>
+
+<h3>Cursor و Claude Code</h3>
+<p><strong>Cursor</strong> یک IDE مبتنی بر VS Code است که مدل زبانی را در هسته ویرایشگر جاسازی می‌کند. توسعه‌دهنده می‌تواند در یک گفتگو، پروژه‌ی کامل بسازد. <strong>Claude Code</strong> از Anthropic یک رابط خط فرمان است که به مدل Claude اجازه می‌دهد مستقیماً فایل‌های سیستم را بخواند، بنویسد، و دستورات shell اجرا کند — به اصطلاح <em>agentic coding</em>. در سال ۲۰۲۶، Claude Code با پشتیبانی از پروتکل MCP می‌تواند به پایگاه داده، Git، و سرویس‌های خارجی متصل شود.</p>
+
+<h3>Replit Agent و Bolt.new</h3>
+<p><strong>Replit Agent</strong> یک محیط cloud-based است که پروژه کامل را از یک prompt می‌سازد و deploy می‌کند. <strong>Bolt.new</strong> از StackBlitz همین را در مرورگر انجام می‌دهد — بدون نصب هیچ چیزی، یک اپلیکیشن React یا Node.js کامل در ۳۰ ثانیه آماده می‌شود و قابل اشتراک‌گذاری است.</p>
+
+<h3>GitHub Copilot Workspace</h3>
+<p>GitHub در ۲۰۲۶ <strong>Copilot Workspace</strong> را راه‌اندازی کرد — ابزاری که یک issue را می‌خواند، برنامه‌ای برای حل آن می‌نویسد، کد را پیاده‌سازی می‌کند، تست می‌نویسد، و pull request باز می‌کند. همه به صورت خودکار و با نظارت توسعه‌دهنده.</p>
+
+<h2>۳. چه چیزی وایب‌کدینگ را واقعاً متفاوت می‌کند؟</h2>
+<p>وایب‌کدینگ صرفاً autocomplete پیشرفته‌تر نیست. سه تغییر بنیادین دارد:</p>
+
+<strong>تغییر واحد برنامه‌نویسی:</strong>
+<p>از «خط کد» به «توصیف قصد» می‌رویم. به جای <code>for (let i=0; i&lt;arr.length; i++)</code>، می‌گوییم «برای هر عضو آرایه این کار را بکن» و مدل با بهترین ابزار ممکن این را اجرا می‌کند. این شبیه همان تحول از زبان Assembly به C یا از C به Python است.</p>
+
+<strong>Debugging از طریق گفتگو:</strong>
+<p>در وایب‌کدینگ، وقتی چیزی کار نمی‌کند، خطا را کپی می‌کنی و به مدل می‌دهی. مدل تشخیص می‌دهد، پیشنهاد می‌دهد، و تغییر می‌دهد. توسعه‌دهنده نقش <em>هدایتگر</em> را دارد، نه اجراکننده. چرخه‌ای که پیش از این ساعت‌ها طول می‌کشید، حالا به دقیقه‌ها کاهش می‌یابد.</p>
+
+<strong>سرعت اثبات مفهوم (PoC):</strong>
+<p>یک MVP که پیش از این ۲ هفته طول می‌کشید، حالا می‌تواند در ۲ روز آماده باشد. برای استارتاپ‌ها و پروژه‌های آزمایشی این تفاوت می‌تواند به معنای واقعی «زنده ماندن یا نماندن» باشد.</p>
+
+<h2>۴. پروتکل MCP و وایب‌کدینگ: هم‌افزایی کلیدی</h2>
+<p>یکی از مهم‌ترین تحولاتی که وایب‌کدینگ را قدرتمند کرده، <strong>پروتکل MCP</strong> (Model Context Protocol) است — استانداردی که Anthropic در ۲۰۲۴ معرفی کرد و تا ۲۰۲۶ تمام شرکت‌های بزرگ آن را پذیرفتند. MCP به هوش مصنوعی امکان می‌دهد به ابزارهای واقعی متصل شود.</p>
+<p>با MCP، کد وایب‌کدینگ دیگر فقط تولید فایل‌های text نیست. مدل می‌تواند:</p>
+<ul>
+<li>مستقیماً به پایگاه داده Postgres متصل شده و schema را بخواند</li>
+<li>Git commit ایجاد کرده و pull request باز کند</li>
+<li>دستورات deploy را روی سرور اجرا کند</li>
+<li>نتایج تست را بخواند و بر اساس آن‌ها کد را بهبود دهد</li>
+</ul>
+<p>این یعنی وایب‌کدینگ از «نوشتن کد» به «ساختن و مستقر کردن سیستم» ارتقا یافته است. ترکیب وایب‌کدینگ + MCP، <em>برنامه‌نویسی عاملی</em> (agentic programming) است.</p>
+
+<h2>۵. محدودیت‌های واقعی وایب‌کدینگ</h2>
+<p>وایب‌کدینگ یک ابرقدرت است، اما محدودیت‌هایی دارد که باید صادقانه درباره آن‌ها صحبت کرد:</p>
+
+<h3>مشکل Context Window در پروژه‌های بزرگ</h3>
+<p>وقتی پروژه بزرگ‌تر می‌شود، مدل نمی‌تواند همه کد را در یک بار پردازش کند. این منجر به <strong>context drift</strong> می‌شود — مدل کدی می‌نویسد که با بخش‌های دیگر پروژه ناسازگار است. راه‌حل: فایل‌های context محکم مثل <code>CLAUDE.md</code> یا <code>AGENTS.md</code> که پروژه را به مدل توضیح می‌دهند.</p>
+
+<h3>مشکل امنیت و بدهی فنی</h3>
+<p>کدی که هوش مصنوعی می‌نویسد لزوماً امن نیست. آسیب‌پذیری‌های رایج مثل <strong>SQL injection</strong>، <strong>XSS</strong>، یا hardcode شدن credentials را مدل‌ها گاهی تولید می‌کنند. توسعه‌دهنده باید <em>حتماً</em> کد نهایی را از نظر امنیتی بررسی کند. وایب‌کدینگ بدون code review امنیتی در محیط production خطرناک است.</p>
+
+<h3>مشکل «توهم فهم»</h3>
+<p>خطرناک‌ترین حالت وایب‌کدینگ زمانی است که توسعه‌دهنده کدی که هوش مصنوعی نوشته را واقعاً نمی‌فهمد اما deploy می‌کند. به خصوص در کد مالی، احراز هویت، و سیستم‌های حساس، این می‌تواند فاجعه‌بار باشد.</p>
+
+<h2>۶. آیا وایب‌کدینگ به معنای مرگ برنامه‌نویسان است؟</h2>
+<p>کارپاتی خودش گفت این سوال اشتباه است. وایب‌کدینگ مانند <strong>زمانی است که compiler ظهور کرد</strong> — برنامه‌نویسان از assembly به C رفتند و تعدادشان بیشتر شد، نه کمتر. یا مانند ظهور Excel که مالی‌دان‌ها بیشتر تحلیل کردند، نه کمتر.</p>
+<p>آنچه تغییر می‌کند:</p>
+<ul>
+<li><strong>کمتر نیاز به برنامه‌نویسی routine</strong> — boilerplate، CRUD، تست‌های تکراری کمتر نیاز به دست انسان دارند</li>
+<li><strong>نیاز بیشتر به درک معماری</strong> — کسانی که بدانند چه می‌سازند، حتی اگر هوش مصنوعی بسازد، ارزش بیشتری دارند</li>
+<li><strong>Domain experts وارد ساخت می‌شوند</strong> — پزشکان، وکیلان، مدیران محصول می‌توانند مستقیماً ابزار بسازند</li>
+<li><strong>سرعت اثبات ایده</strong> — زمان از ایده تا MVP از ماه‌ها به روزها کاهش می‌یابد</li>
+</ul>
+
+<h2>۷. چطور وایب‌کدینگ را درست انجام دهیم؟</h2>
+<p>بهترین توسعه‌دهندگانی که وایب‌کدینگ می‌کنند چند اصل را رعایت می‌کنند:</p>
+
+<strong>Context را مدیریت کن:</strong>
+<p>یک فایل <code>CLAUDE.md</code> یا <code>AGENTS.md</code> دقیق بساز که معماری، استک، و محدودیت‌های پروژه را توضیح دهد. مدل هر بار که شروع می‌کند باید «بداند کجاست» تا context drift نداشته باشیم.</p>
+
+<strong>هرگز کور تأیید نکن:</strong>
+<p>کد تولیدی هوش مصنوعی را حتماً مرور کن. به خصوص برای authentication، پرداخت، و داده‌های حساس کاربر، بررسی دستی ضروری است.</p>
+
+<strong>از Git به‌شدت استفاده کن:</strong>
+<p>هر مرحله از وایب‌کدینگ باید commit شود. وقتی مدل چیزی را خراب می‌کند — و می‌کند — باید بتوانی به حالت پیشین برگردی. بدون Git، وایب‌کدینگ می‌تواند به «بازی با آتش» تبدیل شود.</p>
+
+<strong>تست را فراموش نکن:</strong>
+<p>از مدل بخواه که همزمان با کد، تست هم بنویسد. و تست‌ها را اجرا کن. وایب‌کدینگ بدون تست مانند ساختن ساختمان بدون بررسی فونداسیون است.</p>
+
+<h2>۸. وایب‌کدینگ در ایران: فرصت استثنایی</h2>
+<p>برای بازار ایران، وایب‌کدینگ یک فرصت ویژه دارد:</p>
+<p><strong>برای استارتاپ‌ها:</strong> تیم‌های ۲ تا ۳ نفره می‌توانند محصولاتی بسازند که پیش از این نیاز به ۱۰ توسعه‌دهنده داشت. هزینه توسعه کاهش می‌یابد و رقابت‌پذیری بالا می‌رود.</p>
+<p><strong>برای freelancerها:</strong> افرادی که وایب‌کدینگ را کنترل می‌کنند، می‌توانند سرعت تحویل خود را ۵ تا ۱۰ برابر کنند — بدون کاهش کیفیت.</p>
+<p><strong>برای یادگیرندگان:</strong> ورود به دنیای برنامه‌نویسی دیگر نیاز به ماه‌ها یادگیری syntax ندارد. فهمیدن معماری سیستم‌ها و منطک کسب‌وکار اهمیت بیشتری پیدا کرده است.</p>
+<p>البته محدودیت دسترسی به ابزارها از ایران وجود دارد، اما ابزارهای open-source مثل <strong>Ollama</strong> با مدل‌های محلی یا <strong>Continue.dev</strong> این محدودیت را تا حدودی کاهش می‌دهند. مدل‌هایی مثل Llama 4 یا Qwen 3 که روی سخت‌افزار معمولی اجرا می‌شوند، وایب‌کدینگ بدون VPN را ممکن می‌کنند.</p>
+
+<h2>۹. آینده: وایب‌کدینگ به کجا می‌رود؟</h2>
+<p>در ۲۰۲۷ تا ۲۰۲۸ احتمالاً شاهد این موارد خواهیم بود:</p>
+<ul>
+<li><strong>Agentic CI/CD:</strong> سیستم‌هایی که باگ‌های production را خودشان تشخیص می‌دهند، patch می‌نویسند، تست می‌کنند و deploy می‌کنند — بدون دخالت انسان</li>
+<li><strong>وایب‌کدینگ multimodal:</strong> نمایش یک mockup از UI و گفتن «این را بساز» — مدل کامل frontend را از روی تصویر تولید می‌کند</li>
+<li><strong>بازتعریف مالکیت کد:</strong> قوانین جدید درباره مالکیت فکری کد تولیدشده توسط AI در حال شکل‌گیری است</li>
+<li><strong>آموزش برنامه‌نویسی جدید:</strong> دانشگاه‌ها و bootcampها باید برنامه‌های درسی خود را بازتعریف کنند — اهمیت syntax کاهش و اهمیت طراحی سیستم افزایش می‌یابد</li>
+</ul>
+<p>وایب‌کدینگ نه پایان برنامه‌نویسی است، نه یک ابزار موقت. یک تحول ساختاری در نحوه ساخت نرم‌افزار است — درست مثل ظهور high-level languages در دهه ۱۹۷۰. آن‌هایی که زودتر با این تحول تطبیق پیدا کنند، در بازار کار فردا مزیت رقابتی خواهند داشت.</p>
+`;