کدهالیک | codehalic

وقتی ابزارهای هوش مصنوعی اکثر کدهای پروژه رو برامون می‌زنند، بزرگ‌ترین خطری که تهدیدمون می‌کنه اینه که به یه اپراتور و واسطه ساده بین پرامپت و کد تبدیل بشیم. تو این حالت شاید خروجی سریع‌تر بشه، اما چون فرایند برامون جعبه سیاه میشه، تو باگ‌های پیچیده قدرت حل مسئله رو از دست می‌دیم. راهکارش اینه که همیشه دید دوگانه داشته باشیم؛ از بالا حواسمون به معماری پروژه باشه و هروقت ایجنت‌ها تو لاگ‌ها و بیلدهای سنگین گیر کردن، زوم کنیم روی جزییات فنی و دستی مشکل رو حل کنیم. دقیقاً مثل ورزش روزانه، مغز برنامه‌نویس هم به تمرین نیاز داره و باید قبل از پرامپت زدن، صورت مسئله و قیودش رو خودش تعریف کنه. خلاصه‌ش اینه که کارهای تکراری رو بسپار به هوش مصنوعی، اما درک و تحلیل سیستم رو به هیچ وجه واگذار نکن. این مقاله داره راجب همین موضوع صحبت میکنه و خیلی خوبه که مطالعه اش کنین https://strategizeyourcareer.com/p/ai-assisted-software-engineering-skills @codehalics | کدهالیک

سلام رفقا. گاهی یه راهنمایی درست تو مسیر برنامه‌نویسی می‌تونه ماه‌ها وقتمون رو سیو کنه. همین باعث شد بخش منتورینگ کدهالیک رو راه بندازم تا بخشی از روز رو بتونم مستقیم به شما کمک کنم. هزینه‌ها رو هم حداقل ۵۰ درصد کمتر از جاهای دیگه گذاشتم که مانعی برای ثبت‌نام نباشه. اما می‌تونم بهتون قول بدم خروجی این جلسات می‌تونه مسیرتون رو کاملا تغییر بده و خیلی خوب راهنماییتون کنه. اگر مایل بودین خوشحال میشم سری به بخش منتورینگ کدهالیک بزنین ! https://codehalic.ir/mentorship پ.ن :‌راستی این رو هم اضافه کنم که از نسخه جدید کدهالیک روی موبایل هم رونمایی کردم و این نسخه بسیار برای موبایل بهینه شده ! @codehalics | کدهالیک

اینو اگه بخوام توضیح بدم یعنی اینکه دیگه نیازی نیست پکیج‌منیجرهای مختلف مثل Yarn یا Bun رو به صورت سراسری رو سیستمتون نصب کنید و درگیر تداخل نسخه‌ها بشید. تو pnpm 12 با قابلیت pnx و سیستم واسط جدیدش، وقتی وارد پروژه‌ای بشید که برای اجرا به نسخه خاصی از یه ابزار دیگه نیاز داره، pnpm خودش خودکار فیلد مربوطه رو از فایل package.json می‌خونه، نسخه دقیق همون ابزار رو تو پس‌زمینه دانلود می‌کنه و دستورات رو تحویلش میده. قبلاً اگه روی سیستمت Yarn نصب نبود، با زدن دستور yarn install خطای command not found می‌گرفتی و مجبور بودی بری دستی با npm i -g yarn نصبش کنی. با pnpm 12: بدون اینکه Yarn اصلاً روی سیستمت نصب باشه، مستقیم تو ترمینال می‌نویسی

yarn install

یا مثلا حوصله نداری bun نصب کنی که یه فایل باهاش اجرا کنی مینویسی :

pnx bun index.ts

همون لحظه Bun رو موقت میاره، اجراش می‌کنه @codehalics | کدهالیک @codehalics | کدهالیک

بازنویسی کامل pnpm 12 با Rust؛ سریع‌تر، بهینه‌تر و بدون دردسر کوچ! نسخه ۱۲ پکیج‌منیجر pnpm بالاخره پایدار شد و خبر فوق‌العاده اینه که کل این ابزار از اول با زبان Rust بازنویسی شده. برای ارتقا هیچ نیازی به تغییر کدها یا مایگریشن ندارید! تمام دستورات، تنظیمات و ساختار فایل‌های لاک (lockfile) دقیقاً مثل نسخه ۱۱ کار می‌کنن. البته چون نسخه پیش‌فرض هنوز همون ۱۱ هست، برای نصب این آپدیت فعلاً باید از تگ next-12 استفاده کنید. تو این نسخه تغییرات و بهینه‌سازی‌های خیلی خوبی هم اتفاق افتاده. مثلا وابستگی‌های گیت حالا به جای SSH با لینک‌های استاندارد HTTPS کار می‌کنن. سرعت پردازش گراف وابستگی‌های تو در تو ، دو تا سه برابر بیشتر شده و تو پروژه‌های سنگین حدود ۲۵ درصد رم کمتری مصرف میشه. یه ویژگی جذاب دیگه اینه که pnpm حالا می‌تونه بقیه پکیج‌منیجرها مثل npm و Yarn و Bun رو هم براتون مدیریت کنه و یه جورایی همه‌کاره شده. یه سری محدودیت‌های امنیتی هم برای اجرای دستورات گلوبال با دسترسی sudo اضافه شده تا امنیت کار بالاتر بره. https://pnpm.io/blog/whats-different-in-pnpm-12 @codehalics | کدهالیک

چطوری فقط دو مهندس تونستن مورد استفاده ترین دیتابیس جهان رو بنویسن !؟ اس‌کیوال‌لایت (SQLite) که سال ۲۰۰۰ توسط ریچارد هیپ موقع کار روی نرم‌افزار ناو شکن‌های نیروی دریایی ساخته شد، الان با بیش از یک تریلیون نسخه فعال پرکاربردترین دیتابیس تاریخه و آمارش خیلی از MySQL و Postgres بالاتره. برخلاف دیتابیس‌های سنتی، این ابزار اصلا سرور نداره و مستقیما اطلاعات رو با ساختار B-tree روی یه فایل تک می‌خونه و می‌نویسه و برای تراکنش‌های امن و بدون خطا هم از روش WAL استفاده می‌کنه. جالب‌ترین بخشش اینه که کل موتور دیتابیس فقط حدود ۳۰۰ کیلوبایت حجم داره و با ۱۶۰ هزار خط کد C نوشته شده اما در کمال تعجب برای تست همین کدها ۹۰ میلیون خط کد تست دارن! این یعنی یه پوشش تست صددرصدی که حتی استاندارد ایمنی نرم‌افزارهای هواپیمایی رو هم گرفته. عجیب‌تر از همه اینکه کل این پروژه به این عظمتی رو فقط دو نفر مهندس به صورت تمام‌وقت نگهداری و مدیریت می‌کنن. @codehalics | کدهالیک

این روزا با پررنگ شدن هوش مصنوعی تو برنامه‌نویسی یه چالش جدید درست شده. بچه‌های تازه‌کار و جونیور دیگه اون مسیر یادگیری تدریجی رو طی نمی‌کنن و چون ابزارها کدها رو سریع تولید می‌کنن، مجبورن یهو تو سطح یه معمار نرم‌افزار فکر کنن. دردسر اصلی وقتی خودش رو نشون میده که یه قطعی یا باگ سنگین پیش میاد و این مهندس‌ها چون درک عمیقی از زیرساخت و منطق سیستم ندارن، نمیتونن بدون اتکا به هوش مصنوعی مشکل رو پیدا و حل کنن. دقیقاً به همین خاطر مدیرای فنی میگن تو این دوره دیگه نباید فقط به سرعت کد زدن افتخار کرد و باید روی قدرت قضاوت و درک معماری تیم کار بشه تا بچه‌ها فقط یه اپراتور ساده برای خروجی‌های هوش مصنوعی نباشن. https://leaddev.com/career-development/junior-engineers-are-skipping-straight-to-architect-level-thinking @codehalics | کدهالیک

بعد از اینکه اسپیس‌ایکس استارتاپ Cursor رو با قیمت فضایی ۶۰ میلیارد دلار خرید، OpenAI هم سریعاً واکنش نشون داد و اعلام کرد که قراره دسترسی کرسر به مدل‌های هوش مصنوعیش رو قطع کنه. بلومبرگ گزارش داده اسپیس‌ایکس فقط چند روز بعد از این خرید، رفته سراغ شرکت Cognition (سازنده هوش مصنوعی برنامه‌نویس Devin). هرچند مدیرعامل این شرکت فروش رو تکذیب کرده، ولی ظاهراً مذاکراتی در جریانه تا حداقل بتونن از قدرت پردازشی و سرورهای عظیم اسپیس‌ایکس استفاده کنن. پشت‌پرده این اتفاقات چیه؟ کرسر چون مدل و سخت‌افزار اختصاصی خودش رو نداشت، از نظر هزینه‌ها حسابی تحت فشار بود و اسپیس‌ایکس براش یه راه نجات عالی محسوب می‌شد. از اون طرف هم شنیده‌ها حاکی از اینه که ایلان ماسک بدجور گیر داده که بخش هوش مصنوعی اسپیس‌ایکس باید تا ماه سپتامبر، حتی بیشتر از بخش پرتاب موشک‌هاش درآمدزایی داشته باشه! تقریبا بلایی که سر توییتر اومد داره سر کرسر هم میاد ! @codehalics | کدهالیک

بی انصاف با کانفیلیکت مرج کرده روی پروداکشن :))))))) @codehalics | کدهالیک

اوپن‌مونتاژ (OpenMontage) استودیوی تولید ویدیو با ایجنت هوش مصنوعی ایده اصلیش اینه که دستیار کدنویسی‌ت (مثل Claude Code یا Cursor) رو تبدیل می‌کنه به یه تیم تولید کامل. تو فقط می‌گی چی می‌خوای؛ ایجنت خودش تحقیق می‌کنه، فیلمنامه می‌نویسه، صحنه می‌چینه، تصویر و ویدیو و صدا می‌سازه، ادیت می‌کنه و خروجی نهایی رو رندر می‌گیره. چیزایی که داره: - بیش از ۱۲ تا پایپ‌لاین آماده (اکسپلینر، انیمیشن، تریلر سینمایی، talking head، دموی نرم‌افزار، کلیپ‌سازی از ویدیوی بلند، دوبله و لوکالایز، مستند از فوتیج رایگان، و غیره) - بیش از ۱۰۰ ابزار (ویدیو، تصویر، TTS، موزیک، زیرنویس، lip sync، آپ‌اسکیل) - بیش از ۷۰۰ فایل skill و دانش تولید برای هدایت ایجنت فرق مهمش با خیلی از ابزارهای «ویدیوی AI»: فقط عکس ثابت رو انیمیت نمی‌کنه. می‌تونه از فوتیج واقعی رایگان (Pexels، Archive، NASA و غیره) کلیپ واقعی بکشه بیرون، رتبه‌بندیشون کنه، تایم‌لاین بسازه و یه ویدیوی درست‌وحسابی رندر کنه. حتی می‌تونی یه Short یا TikTok مورد علاقه‌ت رو بهش بدی و بگی «مثل این بساز، ولی درباره X». https://github.com/calesthio/OpenMontage Diego Jr ✍️ @codehalics | کدهالیک

اگر مثل من عاشق استفاده از چارت ها و نمودار های خوشکل توی اپ هات هستی، این چیزی که معرفی میکنم واقعا تو یک level دیگه است/ یک ساعت از وقتم رو گرفت که فقط ایده بگیرم کدوم رو کجا تو چه پروژه ای اپدیت کنیم خب MONO CHARTS بهت نمودارهای متحرک و متن‌بازِ React میده، و فقط با یه دستور نصبش می‌کنی. https://amicro.vercel.app/mono-charts MAHDI S. Homeyli ✍️ @codehalics | کدهالیک

بیا تا مشکل دیزاین رو تو وب اپ و وبسایت هایی که با ai تولید میکنی رو حل کنم! اگر نتیجه فرانت اند های که با Ai Agent ها میزنی چنگی به دل نمیزنه دلیلش این هست که فرانت‌اند به ذوق و سلیقه نیاز داره تا شبیه یه کار شلخته نشه،خود من کل عمرم SE و Developer بودم، اون هم از نوع backend بی‌ذوقش! ولی ui بیشتر هنرمند میخوام نه مهندسی! راه‌حلی که پیدا کردم: جمع‌آوری ایده و ماژول از کارهای بقیه، و ساختن یه لگو از کامپوننت‌ها منابعی که می‌تونی به ایجنت‌هات بدی: - https://beautifului.dev - https://beui.dev - https://rareui.com - https://transitions.dev - https://ui.shadcn.com خودم شخصا عاشق http://beautifului.dev شدم وقتی کد کامپوننت‌ها دست ایجنت باشه، ویرایششون خیلی راحته لینک رو می‌فرستی، ایجنتت کل لیست کامپوننت‌ها رو می‌گیره، بعد ازش می‌خوای بهترین راه رو برای یکپارچه کردنشون توی فرانت‌اندت پیدا کنه ساده‌ترین راهی که پیدا کردم برای اینکه UI/UX رو خیلی بهتر کنی بدون اینکه یه طراح خفن باشی پیشنهادم هم این هست که این کار رو اول توی Claude desgin انجام بدی یا توی claude code از /desgin استفاده کنی که باعث میشه یک محیط دیزاین هم دراختیارت بزاره. MAHDI S. Homeyli ✍️ @codehalics | کدهالیک

پکیج MoneyPrinterTurbo یه ابزار متن‌باز باحاله که با هوش مصنوعی برات ویدیو کوتاه می‌سازه و تمام مراحل تولید محتوا رو خودش ردیف می‌کنه. فقط کافیه یه موضوع یا کلمه کلیدی بهش بدی تا داستان و سناریو رو بنویسه، تصویر و ویدیوی مناسب پیدا کنه، رویش صدا و زیرنویس بذاره و موزیک زمینه‌شو تنظیم کنه. آخر سر هم یه ویدیوی آماده و باکیفیت تحویلت میده؛ تازه پنل وب، API و محیط متنی هم داره که هرجور راحتی باهاش کار کنی. https://github.com/harry0703/MoneyPrinterTurbo @codehalics | کدهالیک

اگر به دنبال ساخت دموهای حرفه‌ای از پروژه‌هاتون هستید و خروجی‌های جذاب و سینمایی ابزارهای پولی مثل اسکرین استودیو رو دوست دارید، حتما یه نگاه به Openvid بیندازید. این ابزار یه ویرایشگر ویدیوی اوپن سورس فوق‌العاده است که بدون نیاز به هیچ نصبی مستقیما روی مرورگر اجرا میشه و با استفاده از تکنولوژی‌هایی مثل واسم و تری‌جی‌اس بهتون اجازه میده حرکات دوربین سه‌بعدی، زوم‌های نرم و افکت‌های بلر رو روی ویدیوها اعمال کنید. یکی از قابلیت‌های خیلی کاربردیش اینه که می‌تونید رکوردهاتون رو داخل فریم مرورگرهایی مثل کروم، سافاری یا آرک قرار بدید و در نهایت یک خروجی باکیفیت تا رزولوشن 4K یا فرمت بدون پس‌زمینه به صورت کاملا لوکال بگیرید که برای پرزنت کردن محصولات نرم‌افزاری و تولید محتوا واقعا ابزار بی‌نظیریه. https://github.com/CristianOlivera1/openvid @codehalics | کدهالیک

حتما برای شما هم پیش اومده که موقع کدنویسی، دیباگ کردن یا تحقیق ده‌ها تب رو همزمان باز نگه می‌دارید و رم سیستم حسابی درگیر میشه. این افزونه با یک کلیک تمام تب‌های باز شما رو می‌بنده و لینک همه اون‌ها رو به صورت یک لیست مرتب توی یک صفحه جدید ذخیره می‌کنه که طبق گفته سازنده‌هاش می‌تونه تا نود و پنج درصد مصرف حافظه مرورگر رو کاهش بده. بعدا هر زمان که به اون صفحات نیاز داشتید می‌تونید به راحتی تکی یا یکجا دوباره بازشون کنید و حتی لیست لینک‌ها رو برای استفاده‌های بعدی خروجی بگیرید که برای مرتب نگه داشتن محیط کار و تمرکز بیشتر واقعا ابزار مفیدی محسوب میشه. https://chromewebstore.google.com/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall?hl=de @codehalics | کدهالیک

یه منبع خیلی عالی برای کامپوننت‌های آماده Three.js و شیدرهای تعاملی دیدم که برای ارتقای بصری پروژه‌های وب واقعا بی‌نظیره و استفاده ازش می‌تونه حسابی به کارتون بیاد. این سایت یه مجموعه‌ی عظیم از کدهای آماده برای بک‌گراندهای سه‌بعدی، دکمه‌های متحرک، انیمیشن‌های متنی و حتی تمپلیت‌های کامل لندینگ پیج داره که می‌تونید خیلی راحت اون‌ها رو کپی کنید و مستقیم توی پروژه‌هاتون به کار ببرید. چه بخواهید برای طراحی رابط کاربری ایده بگیرید و چه دنبال پیاده‌سازی سریع افکت‌های مدرن و چشم‌نواز باشید، این کتابخونه می‌تونه سطح کارتون رو چند پله بالاتر ببره و جلوه خیلی حرفه‌ای‌تری به فرانت‌اند سایت بده. https://threeui.com @codehalics | کدهالیک

با نصبِ gstack که مجموعه‌ای از Skillهاست، Claude Code و Codex شبیه تیم توسعه می‌شن: ایده رو از نظر محصول و طراحی می‌سنجه، معماری می‌چینه، کد رو بازبینی می‌کنه، با مرورگر تست می‌کنه و برای انتشار آماده می‌کنه. github.com/garrytan/gstack Elizaium @codehalics | کدهالیک

با نصبِ Claude-Mem، به ایجنت‌های کدنویسی حافظه دائمی می‌ده. کارها و تصمیم‌های هر جلسه رو خلاصه می‌کنه و در چت بعدی فقط اطلاعات مرتبط رو برمی‌گردونه؛ پس لازم نیست هر بار پروژه رو از اول توضیح بدید. Elizaium ✍️ @codehalics | کدهالیک

‏متن‌های AI پر از عبارت‌های کلیشه‌ای و لحن مصنوعی هستن، Humanizer با بررسی ۳۵ الگوی رایج، عبارت‌های کلیشه‌ای، تکرار و لحن مصنوعی رو انسانی و طبیعی‌تر می‌کنه؛ بدون تغییر منظور اصلی. ‏این Skill رایگان و متن‌بازه و روی Claude Code، Codex و Cursor نصب می‌شه. https://github.com/blader/humanizer Elizaium✍️ @codehalics | کدهالیک

این ابزار بهتون اجازه میده همون موقعی که دارید رو سیستم خودتون کد میزنید عمدا کانکشن سرویس هاتون رو دستکاری کنید تا ببینید برنامتون تو شرایط بحرانی چه واکنشی نشون میده. در واقع شما به سرور استیجینگ وصل میشید ولی فقط برای سشن خودتون شبیه سازی میکنید که مثلا دیتابیس کند شده یا ارتباط کلا قطعه بدون اینکه کار بقیه تیم مختل بشه. اینجوری قبل از اینکه کدتون بره رو پروداکشن و فاجعه به بار بیاره قشنگ متوجه میشید که اون لاجیک هایی که برای هندل کردن ارورها و تایم اوت ها نوشتید واقعا کار میکنن یا فقط الکی اونجا نشستن. https://metalbear.com/blog/mirrord-chaos-testing @codehalics | کدهالیک

پکیج AnimateIcons یه کلکسیون در حال توسعه از آیکون‌های متحرک و آماده‌ست. این ابزار به شما کمک می‌کنه تا بدون نیاز به طراحی صفر تا صدِ انیمیشن‌ها، ظاهر پروژه‌تون رو پویاتر و حرفه‌ای‌تر کنید. این مجموعه مشخصاً برای اون دسته از برنامه‌نویس‌هایی طراحی شده که دوست دارن رابط کاربری (UI) پروژه‌شون حس تعاملی‌تری به کاربر بده، اما در عین حال نمی‌خوان درگیر پیچیدگی‌های اضافه‌ی کدنویسی بشن. https://animateicons.in/ npm i @animateicons/react @codehalics | کدهالیک