DevTwitter | توییت برنامه نویسی

یه مشکلی داشتم که احتمالا خیلی‌هاتون باهاش درگیر شدید!

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

اولش فکر کردم مشکل از خود سایته… ولی بعد فهمیدم نه، مشکل از روش کار این ابزارهاست؛ چون میان صفحه رو اسکرول می‌کنن و بعد تیکه‌ها رو به هم می‌چسبونن.

همون‌جا با خودم گفتم چرا خودم یه ابزار درست نکنم؟

چند روز رفتم تو دل افزونه‌های کروم کلی تست زدم، کلی خراب کردم
آخرش رسیدم به یه افزونه که مستقیم از خود موتور Chrome برای گرفتن اسکرین‌شات استفاده می‌کنه و تونستم با AI یه افزونه‌ای رو بسازم که به راحتی این کار رو انجام بده.

و نتیجه شد این:
- اسکرین‌شات کامل و تمیز از کل صفحه
- کیفیت بالا بدون افت
- پشتیبانی از صفحات خیلی بلند
- حالت موبایل، تبلت و دسکتاپ
- بدون دردسرهای معمول اینجور ابزارها

https://github.com/abolfazltalebi/screenShot-pro

@DevTwitter | <Abolfazl talebi/>

یکی از مهمترین و پایه‌ای‌ترین سوالاتی که هر متخصص سئو و فرانت‌اند دولوپری باید از خودش بپرسه، اینه که بات‌های گوگل چگونه صفحات من رو بررسی و کراول میکنند؟

با توجه به زمان‌بر بودن هرباره ایجاد تغییرات برای شبیه‌سازی کردن نحوه دسترسی کرالرهای گوگل به سایت، به این نتیجه رسیدم که یک اکستنشن میتونه کمک بزرگی هم به بچه‌های فنی و هم تیم سئو در جهت تست دسترسی پذیری و کراول صفحات باشه.

این اکستنشن فقط با یک کلیک، صفحه مدنظر شما رو به حالت Googlebot Mobile تغییر میده و هم‌زمان JavaScript رو غیرفعال می‌کنه تا بتونید خروجی خام و رندرشده رو فوراً بررسی کنید.

ویژگی‌های اصلی Midi Crawler:
تغییر حالت با یک کلیک: بدون نیاز به باز کردن DevTools و انجام تنظیمات دستی.
شبیه‌سازی دقیق: اعمال خودکار User-Agent گوگل‌بات موبایل و بلاک کردن جاوااسکریپت.
بررسی عمیق SSR و CSR: امکان مقایسه سورس‌کد قبل و بعد از فعال‌سازی برای کشف خطاهای ایندکس.

لینک نصب افزونه در کروم :‌
https://chromewebstore.google.com/detail/midi-crawler/mmijlnphgnfioppbdamppomcjhfidagb

https://github.com/mmahdi008/midi-crawler

@DevTwitter | <Mahdi Asgari/>

مجموعه آیکون برندهای ایرانی

پروژه Persian Icons شامل بیش از ۴۱۰ برند و ۸۲۰ آیکون SVG رنگی و تک‌رنگ، آماده استفاده در React و Vue است.
شامل بانک‌ها، درگاه‌های پرداخت، خودرو، اپلیکیشن‌ها، بیمه، دانشگاه‌ها و دسته‌بندی‌های بیشتر.

website:
https://icons.persian-labs.ir/
Github:
https://github.com/persianlabs/icons

@DevTwitter | <TaymaZ/>

یک قالب آماده برای پروژه‌های Django REST Framework

من Technology Stackی که استفاده میکنم معمولاً Python, Django, Django REST Framework, PostgreSQL, Docker, Redis, RabbitMQ, Nginx و موارد مرتبط دیگه هست که خودتون به احتمال زیاد بهتر و بیشتر از من میدونید. یه مشکلی که من همیشه داشتم این بود که در پروژه‌های جدیدی که شروع می‌کردم، همیشه یه سری پیکربندی و تنظیمات مشترک و ثابت وجود داشت که باید اونا رو از اول برای همه پروژه‌ها انجام میدادم و یا این که از پروژه‌های قبلی کپی میکردم.

به طور مثال: ایجاد ساختار منظم برای فایل‌های تنظیمات مربوط به هرکدوم از ابزارهایی که اسمشون رو نوشتم و جداسازی اون‌ها از فایل اصلی تنظیمات جنگو، پشتیبانی از داکر برای محیط‌های توسعه و پروداکشن، تنظیمات مربوط به Code Formatter و غیره. همچنین من در پروژه‌های DRF برای تست معمولاً از ابزار Pytest استفاده می‌کنم و برای بیشتر منظم شدن، اپ‌های پروژه رو داخل دایرکتوری apps قرار میدم.

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

اسم این پروژه رو گذاشتم drf2go و در Github/گیتهاب قرارش دادم که از این به بعد هم خودم و هم هرکس دیگه‌ای که حس میکنه بهش نیاز داره بتونه ازش استفاده کنه و یا در بهتر کردنش به من کمک کنه.
بعضی از ویژگی‌هایی که این پروژه داره و مواردی که پشتیبانی میکنه رو اینجا می‌نویسم و بقیه رو هم خودتون می‌تونید داخل README.md و یا کد منبعش پیدا و مطالعه کنید.

هدف من از ساخت drf2go این نبوده که یک پروژه پیچیده و از قبل ساخته‌شده داشته باشیم که فقط اسمش رو عوض کنیم و استفاده کنیم.

بیشتر هدف این بوده که یک Starting Point مناسب برای پروژه‌های Backend با Django و DRF داشته باشیم؛ یعنی قسمت‌هایی که تقریباً در اکثر پروژه‌ها مشترک هستند یک بار به شکل منظم و قابل استفاده مجدد پیاده‌سازی شده باشند و وقتی یک پروژه جدید شروع می‌کنیم، به جای این که چند ساعت یا حتی چند روز رو صرف Setup اولیه کنیم، سریع‌تر به سراغ قسمت اصلی پروژه بریم.
البته این پروژه هنوز جای بهتر شدن خیلی زیادی داره و قطعاً تنظیمات و ابزارهای دیگه‌ای هم هست که میشه بهش اضافه کرد. بنابراین اگر شما هم تجربه‌ای در این زمینه دارید و فکر میکنید چیزی میتونه ساختار پروژه رو بهتر کنه، خوشحال میشم روی پروژه Contribution داشته باشید.

اگر هم دنبال یه شروع سریع و مرتب برای پروژه‌های Django/DRF هستید، شاید drf2go بتونه براتون مفید باشه.

 اگر براتون مفید بود، خوشحال میشم یه Star به پروژه بدید.

https://github.com/pbarjoueian/drf2go

@DevTwitter | <Peyman Barjoueian/>

مجموعه کامپوننت‌های رابط کاربری برای وب‌سایت‌های فارسی

پروژه PersianLabs UI نسخه‌ای RTL-first و بهینه‌شده از اکوسیستم shadcn/ui است که در کنار کامپوننت‌های اصلی، کامپوننت‌های اختصاصی برای پروژه‌های ایرانی هم ارائه می‌دهد.
شامل بیش از ۷۰ کامپوننت مثل انتخاب استان و شهر، ورودی بانک، تاریخ شمسی، ورودی قیمت، QR Code، چاپ رسید و ابزارهای کاربردی فارسی.
کامپوننت‌ها به‌صورت Copy-Paste و از طریق Registry سازگار با shadcn قابل استفاده‌اند و نیازی به نصب پکیج جداگانه ندارند.

Website:
https://ui.persian-labs.ir/
Github:
https://github.com/persianlabs/ui

@DevTwitter | <TaymaZ/>

یکی اومده بازی ماین‌کرفت رو آورده توی ترمینال!

ریپو terminal-minceraft از ترکیب یه مرورگر مینیمال داخل ترمینال با نسخه‌ی جاوااسکریپتی ماینکرفت (EaglercraftX) ساخته شده و فریم‌های بازی رو با حدود ۹۰ فریم بر ثانیه مستقیم تو ترمینال رندر می‌کنه. حتی چندنفره هم پشتیبانی می‌کنه؛ دو نفر تو دو تا ترمینال جدا، تو یه دنیای مشترک بازی می‌کنن.

نکته‌ی جذاب‌ترش برای دولوپرها اینه که یه لایه‌ی agent هم داره؛ می‌تونی یه ابزار AI مثل Claude Code رو از طریق MCP وصلش کنی تا خودش بازی کنه، حرکت کنه، بلاک بشکنه، بسازه.

نکته: فقط روی مک و لینوکس کار می‌کنه و نیاز به ترمینالی داره که kitty graphics protocol رو ساپورت کنه (مثل ghostty یا kitty).
بیشتر یه پروژه‌ی خلاقانه و باحاله تا ابزار کاری روزمره، مناسب کسایی که عاشق ترمینال‌ان و دنبال یه چیز فان و گیک می‌گردن.

https://github.com/dcouple/terminal-minceraft

@DevTwitter | <Ladoya/>

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

ابزار FFmpeg WebCLI یک رابط ساده برای FFmpeg هست که مجموعه‌ای از ابزارهای ویرایش و تبدیل ویدیو رو یک‌جا در اختیارتون می‌ذاره.

باهاش می‌تونید:

- حجم و اندازه ویدیو رو تغییر بدید
- صدا رو از ویدیو جدا کنید
- ویدیو رو فشرده یا به GIF تبدیل کنید
- سرعت پخش رو تغییر بدید
- چند فایل رو با هم ترکیب کنید
- Blur، Loop و افکت‌های مختلف اضافه کنید
- فرمت فایل‌های ویدیویی و صوتی رو تغییر بدید

مزیت اصلیش رابط ساده‌ایه که کار با قابلیت‌های FFmpeg رو راحت‌تر می‌کنه؛ مخصوصاً اگه نمی‌خواید برای هر کار با دستورات ترمینال سروکله بزنید.

لینک گیت‌هاب:
https://github.com/tejaswigowda/ffmpeg-webCLI

@DevTwitter | <Bahram Ghorbani/>

این ویدیو رو پیشنهاد میکنم نگاه کنید، خروجی دیزاین یک لندینگ پیج که ۰ تا ۱۰۰ با کلاد انجام شده (با بهترین اسکیل و منابع) در مقایسه خروجی با دیزاینری که از هوش مصنوعی‌های مختلف استفاده کرده.

فرق خروجی‌ها زمین تا آسمون واقعا!

https://www.youtube.com/watch?v=inRonh4mTYQ

@DevTwitter | <Hamzeh Ghoreyshi/>

مهاجرت بزرگ از ESLint و Prettier به Biome!

ما تو پروژه‌های فرانت‌اند همیشه از ابزارهایی مثل ESLint برای پیدا کردن خطاهای منطقی کد، و از Prettier برای مرتب کردن ظاهر کدها استفاده می‌کنیم. اما چون این ابزارها با خود جاوااسکریپت نوشته شدن، تو پروژه‌های بزرگ و سازمانی خیلی کند می‌شن و موقع ذخیره کردن فایل، چند ثانیه معطلمون می‌کنن.

تو مقالات جدیدی که منتشر شده، تیم‌های بزرگ دارن یکی‌یکی ابزارهای قدیمی رو کنار می‌ذارن و سراغ Biome می‌رن. این ابزارِ جدید که با زبان بسیار سریع Rust نوشته شده، همزمان کار پیدا کردن خطاها (Linting) و مرتب‌سازی (Formatting) رو تو یک پکیج یکپارچه انجام می‌ده.

چرا این ابزار اینقدر سر و صدا کرده؟
- سرعت دیوانه‌وار: کاری که ابزارهای قبلی تو چند ثانیه انجام می‌دن، Biome تو چند میلی‌ثانیه (کمتر از یک پلک زدن) انجام می‌ده!
- خداحافظی با کانفیگ‌های خسته‌کننده: دیگه نیازی نیست ده‌ها فایل کانفیگ و پلاگین برای هماهنگ کردن لینتر و فورمت‌کننده بسازید؛ همه‌چیز تو یک فایل خلاصه و بدون تداخل کار می‌کنه.
- ادغام عالی: به راحتی می‌تونید تو پروژه‌های React و داشبوردهای بزرگتون این ابزار رو جایگزین ابزارهای قبلی کنید و سرعت رو بالا ببرید.

@DevTwitter | <Reza Khosravi/>

ورسل یه ابزار جدید داده که میتونید URL سایتتون رو بهش بدید و بهتون میگه چقدر از نظر Agentها قابل دیدن و discoverable عه.
یه پرامپت هم میده که میتونید بدید به ایجنتتون درستش کنه موارد گزارش شده رو.
http://is-agentic.com

@DevTwitter | <Mahdi MirMohamadi/>

اگه میخواین Qwen 3.8 Max رو تا یک میلیارد توکنبه صورت رایگان داشته باشید و استفاده کنید این TokenRouter لعنتی رو هر چه سریع تر بغل کنید و حسابی شلاق اش بزنین!
https://tokenrouter.com

@DevTwitter | <Javad/>

امروز می‌خوام در مورد یک آپدیت بزرگ تو دنیای ریکت صحبت کنم که تو مقالات ۲۴ ساعت گذشته حسابی ترند شده و معماری پروژه‌های ما رو تغییر می‌ده: انقلاب React Router v7 و ادغام کاملش با Remix!

(برای دوستانی که تازه‌کار هستن: React Router معروف‌ترین کتابخونه برای ساخت صفحات مختلف تو ریکت هست که اجازه می‌ده کاربر بین صفحاتی مثل "خانه" و "داشبورد" جابجا بشه بدون اینکه کل سایت رفرش بشه. اخیراً تیم سازنده‌ی این ابزار، فریم‌ورک قدرتمند Remix رو هم توسعه دادن و حالا تو نسخه ۷، بهترین قابلیت‌های Remix رو مستقیماً وارد خود React Router کردن!)

وقتی ما روی پروژه‌های پیچیده مثل داشبوردهای امنیتی، پنل‌های مانیتورینگ یا سیستم‌های تحلیل لاگ کار می‌کنیم، یکی از بزرگترین چالش‌ها "آبشار درخواست‌ها" (Network Waterfalls) است. یعنی کامپوننت اول لود می‌شه، بعد دیتای خودش رو می‌گیره، بعد کامپوننت داخلی رندر می‌شه و اونم دیتای خودش رو می‌خواد... و این باعث کندی شدید صفحه می‌شه.

اما با قابلیت‌های جدیدی مثل Loaders و Actions تو React Router v7، ما می‌تونیم قبل از اینکه کاربر حتی وارد صفحه بشه، دیتای مورد نیاز اون مسیر (Route) رو فچ کنیم!

مزایای این تغییر معماری:
۱. سرعت لود شدن صفحات به شدت بالا می‌ره چون دیتا و ظاهر سایت همزمان آماده می‌شن.
۲. مدیریت فرم‌ها و ارسال دیتا به سرور خیلی تمیزتر می‌شه.
۳. نیازی به مهاجرت کامل به یک فریم‌ورک فول‌استک نداریم و می‌تونیم تو همون پروژه‌های کلاسیک ریکت از این قدرت استفاده کنیم.
به نظرم این آپدیت نشون می‌ده که ریکت داره به سمت یکپارچگی بیشتر پیش می‌ره تا دردسرهای کانفیگ ما کمتر بشه.

@DevTwitter | <Reza Khosravi/>

آی بی ام اولین سلول‌های ماژولار فوق‌سرد کامپیوتر کوانتومی جدیدش رو به هم وصل کرد؛ قدمی به سمت کامپیوتر Starling که قراره تا ۲۰۲۹ ساخته بشه. همون سالی که گوگل هم برای فاصله‌گرفتن کامل از رمزنگاری فعلیش تعیین کرده.

دلیلش Q-Day‌ه؛ روزی که کامپیوترهای کوانتومی اونقدر قوی بشن که بتونن رمزنگاری بانک، پیام‌رسان‌ها و اسناد دولتی رو بشکنن. NIST از همین حالا استانداردهای رمزنگاری مقاوم در برابر کوانتوم منتشر کرده و دولت‌ها دارن زیرساخت‌هاشون رو عوض می‌کنن.

بعضی دولت‌ها همین الان دارن داده‌های رمزگذاری‌شده رو جمع‌آوری و ذخیره می‌کنن، بدون این‌که بتونن بازش کنن؛ فقط منتظرن یه کامپیوتر کوانتومی به‌اندازه‌ی کافی قوی ساخته بشه تا بازش کنن. یعنی هر اطلاعاتی که قراره سال‌ها محرمانه بمونه، از همین الان در خطره.

https://newsroom.ibm.com/2026-08-19-ibm-connects-its-first-modular-cryogenic-systems-in-milestone-toward-fault-tolerant-quantum-computing

https://ibm.com/quantum/blog/modular-cryogenics

https://cnn.com/2026/05/17/science/quantum-computing-cybersecurity-q-day

https://nist.gov/news-events/news/2024/08/nist-releases-first-3-finalized-post-quantum-encryption-standards

https://paloaltonetworks.com/cyberpedia/what-is-q-day

@DevTwitter | <^mad/>

از ۲ روز پیش Claude Code به جای این که از Tool ها استفاده کنه، از sed/cat/python برای تغییر و خوندن استفاده میکنه که به شدت رو اعصابه و نمیشه تغییرات رو درست دنبال کرد.
علتش هم اینه که تو سیستم پرامپت بهش گفتن اینشکلی باشه.
این برای من فیکسش میکنه:
https://github.com/anthropics/claude-code/issues/87971#issuecomment-5350494250

@DevTwitter | <Nobody/>

یکی دامین grok.bot رو یک ماه قبل از لانچ grok bot خریده، یه لندینگ پیج بالا آورده و بابتش ۱ میلیون دلار از ایلان میخواد :)

از اونجایی که ایلان ماسک ۱۱ میلیون دلار بابت خرید tesla.com داده، احتمالش زیاده این رو بخره :)

* البته الان آورده رو 300 هزار دلار

@DevTwitter | <Amir/>

https://terminal-code.com

این پروژه یه vs-code کامل رو میاره توی ترمینالتون و با تم ترمینال هم میشه. باحال و جدید بود خیلی.

@DevTwitter | <Mahdi MirMohamadi/>

اسلک از سرویس جدید Slack Code برای برنامه نویسی با هوش مصنوعی رونمایی کرد

اسلک قابلیت Slack Code را معرفی کرده که به تیم‌ها اجازه می‌دهد ایجنت‌های هوش مصنوعی را در کانال‌های اختصاصی برای نوشتن، بررسی و انتشار کد به کار بگیرند. این قابلیت با حضور ایجنت‌هایی از جمله کلاد، چت‌جی‌پی‌تی، Devin، کوپایلوت و دیگر سرویس‌ها ارائه شده و روند کدنویسی، بازبینی و پیش‌نمایش را داخل اسلک انجام می‌دهد.

سرویس Slack Code در راستای استراتژی Salesforce برای تبدیل Slack به مرکز فعالیت ایجنت‌های هوش مصنوعی عرضه شده است.

https://slack.com/features/code-channels

@DevTwitter | <Digiato/>

معرفی ریپو:
یه ریپو خوب پیدا کردم داره SKillهای مهندسی نرم افزار (Software Engineering) رو یکجا جمع میکنه،
یه وب سایت هم داره که بصورت بصری و با فیلترهای خوب اینا رو تفکیک کرده.
یه سر بزنید.

Repository:
https://github.com/ArabelaTso/Skills-4-SE
Website:
https://arabelatso.github.io/Skills-4-SE/

@DevTwitter | <Saeid/>

یه مدتی بود داشتم روی یک دانلود منیجر کار میکردم فکر میکنم الان دیگه قابل استفاده باشه برای همین توی گیتهاب گذاشتمش دوست داشتید یک نگاهی بهش بندازید
(باگ هایی احتمالا داره اگه استفاده کردید و باگ دیدید توی خود گیت هاب issue باز کنید)

https://github.com/2sulraw/MoonHunt-DownloadManager

@DevTwitter | <Warlus/>

رونمایی از Ornith-1.5؛ نسل جدید مدل‌های متن‌باز با معماری‌های 9B Dense، 35B MoE و 397B MoE

​این مدل با استراتژی End-to-End Self-Improvement آموزش دیده و ادعا میکنه در استدلال، کدنویسی و تسک‌های ایجنتیک پا‌به‌پای Claude Opus 4.8 رقابت می‌کنه:

​ SWE-Bench Verified: 86
Terminal-Bench 2.1: 86.1
ClawEval: 81.4
Tool Decathlon: 71.2

​تمام وزن‌ها + نسخه‌های کوانتایز شده (GGUF، FP8، MLX و NVFP4) با لایسنس کاملاً تجاری MIT منتشر شدند.
​ بلاگ فنی: http://ornith.ai/ornith_1_5.html
هاگینگ‌فیس: http://huggingface.co/collections/

@DevTwitter | <کدنویس اسطوره‌ای/>