جادوی TypeScript Generics — نوشتن کدی که همه‌چیز رو می‌فهمه!
تصور کن یه فانکشن داری که از API داده می‌گیره. یک‌بار قراره لیست مشتری‌ها برگردونه، یک‌بار لیست سفارش‌ها.
نمی‌خوای برای هر کدوم جدا فانکشن بنویسی، اما نمی‌خوای TypeScript هم غر بزنه که "any" استفاده کردی.
اینجاست که Generics به کار میان.
مثال ها در عکس موجود هست ....
اینجا TypeScript خودش می‌فهمه نوع چی هست و T رو جایگزین می‌کنه.

چرا این جذابه؟
کد تکراری کمتر: یک بار فانکشن می‌نویسی → برای همهٔ نوع داده کار می‌کنه.
Type-safety بالا: اگر اشتباهی property رو صدا بزنی (مثلاً customer.age وقتی توی مدل نیست)، همون لحظه TypeScript هشدار می‌ده.
مقیاس‌پذیری: برای پروژه‌های enterprise که مدل داده‌ها خیلی متنوع و پیچیده هستن، generics باعث می‌شن کد هم قابل اعتماد باشه هم تمیز.
نکتهٔ ذهنی : Generics یعنی "قالب خالی" برای نوع‌ها. مثل فرم کلیشه‌ای که هر بار با یک داده پر می‌کنی.

@DevTwitter | <Abolfazl Javadinia/>

ایجنت رایگان با گراک 4 !

اخیراً گروک 4 رایگان شده و منم رفتم تستش کنم. ولی توی این مسیر یه حرکت باحال زدم!

اول بگم گروک 4 چیه و چرا باحاله:
- مدل جدید xAI با پنجره زمینه ۲ میلیون توکن
- سرعت پردازش بالا
- رایگان! (الان حداقل اینطوریه)
- برای تحلیل کد و حل مسائل پیچیده عالیه

یه افزونه VS Code به اسم Roo Code پیدا کردم!
( توی کرسر و اینا هم میشه نصبش کرد دیگه )
این افزونه مثل یه agent هوشمند عمل می‌کنه:
- فایل‌هاتو ایندکس می‌کنه و می‌شناسه
- می‌تونی تسک‌های مشخص براش تعریف کنی و انجام بده
- از OpenRouter API پشتیبانی می‌کنه
- می‌تونی از مدل‌های مختلف مثل همون گروک 4 توش استفاده کنی

بهترین بخش اینجاست که Roo Code از OpenRouter API پشتیبانی می‌کنه و گروک 4 هم توش هست.
یعنی می‌تونی توی IDE خودت یه agent هوشمند و رایگان داری که فایل‌هاتو می‌شناسه و می‌تونی براش تسک تعریف کنی!
من تست کردم باحال بود .کار راه بندازه و رایگان بدون محدودیت .

تستش ضرر نداره کامنت کنید اگر حال کردید
https://openrouter.ai/
https://roocode.com/

@DevTwitter | <Ali Arghyani/>

دیگه CSS هم داره میشه زبان برنامه نویسی

آیا می‌دونستید که CSS به تازگی داره قابلیت شرطی‌سازی به سبک زبان‌های برنامه‌نویسی رو به خودش اضافه می‌کنه؟

با معرفی تابع if() در CSS (در نسخه‌های جدید Chrome) می‌تونیم شرایط داخل خود CSS تعریف کنیم، با کمترین نیاز به JavaScript برای تغییر استایل!
این ویژگی، CSS رو بیشتر از همیشه به یک زبان برنامه‌نویسیِ Declarative نزدیک‌تر می‌کنه و این یعنی مجبور نیستیم برای “اگر فلان بود فلان کن” به JavaScript رجوع کنیم، بلکه منطق ساده را مستقیماً در خود CSS بنویسیم.

البته فعلاً پشتیبانی مرورگرها محدود هستش، پس برای پروژه‌های تولیدی باید با احتیاط بهش رجوع کرد.
اگه دوست داری خودت این مثال رو امتحان کن تو کدپن گذاشتم:
https://codepen.io/Ali-Nazari-Uzman/pen/MYKmWxQ

@DevTwitter | <Ali Nazari/>

آپدیت اکستنشن تقویم فارسی در صف انتشار قرار گرفت.
در این آپدیت روز های تقویم رو روی آیکون اکستنشن نشون میدیم و میتونید بدون نیاز به باز کردن اکستنشن عدد روز ها رو مشاهده کنید، این قابلیت در هیچ اکستنشن خارجی ای تابحال وجود نداشته و برای اولین بار در اکستنشن تقویم فارسی ایجاد شده.
قابلیت ها:
- نمایش تمامی مناسبت ها
- قابلیت ایجاد یادداشت و یاددآوری برای روز های دلخواه
- رابط کاربری زیبا و حرفه ای
- باز شدن از طریق منوی ساید بار
- نمایش روز های ماه روی ایکون اکستنشن

لینک اکستنشن

@DevTwitter | <امید زاهدی/>

گوگل مدل Gemini 2.5 Computer Use را با قابلیت کنترل مرورگر معرفی کرد

گوگل از یک مدل تخصصی و جدید به نام Gemini 2.5 Computer Use رونمایی کرد. این هوش مصنوعی می‌تواند مانند انسان واقعی، با کلیک، اسکرول و تایپ‌کردن با وب‌سایت‌ها و رابط‌های کاربری گرافیکی تعامل داشته باشد و کارهای پیچیده‌ای را به‌صورت خودکار انجام دهد.

برخلاف مدل‌های سنتی که به API برای تعامل با نرم‌افزارها نیاز دارند، Gemini 2.5 Computer Use مستقیماً رابط کاربری گرافیکی (GUI) را درک می‌کند: هوش مصنوعی یک اسکرین‌شات از صفحه مرورگر به همراه درخواست کاربر دریافت می‌کند. سپس با استفاده از قابلیت‌های پیشرفته درک بصری خود، صفحه را تحلیل و بهترین اقدام بعدی (مانند کلیک روی یک دکمه یا تایپ در یک فیلد) را تعیین می‌کند. در گام بعدی نیز یک اسکرین‌شات جدید گرفته می‌شود و این حلقه تا زمان تکمیل کامل وظیفه ادامه می‌یابد. این مدل درحال‌حاضر از ۱۳ اقدام اصلی مانند بازکردن مرورگر، تایپ‌کردن، کلیک، اسکرول و Drag and drop پشتیبانی می‌کند.

@DevTwitter | <Digiato | دیجیاتو/>

برنامه نویس هستید و پروژه حساس داری Telemetry رو غیرفعال کن

حتما در مورد Telemetry میدونید یا شنیدید.
من در مورد Nextjs میگم شما برای فریم وورک خودتون سرچ کنید

به صورت کلی Telemetry فرآیند جمع‌آوری و ارسال داده‌های ( بی ضرر طبق مستندات) برای تحلیل و پایش است که به صورت ناشناس از نرم افزار به سمت شرکت های سازنده فریم ورک ارسال میشه

مثلا طبق مستندات خود نکست:
https://nextjs.org/telemetry

مواردی جمع‌آوری می‌شوند عبارت‌اند از:
- فرمان اجرا شده (next build, next dev, next export)
- نسخه Next.js
- اطلاعات کلی دستگاه مثل تعداد CPUها، سیستم عامل (macOS, Windows, Linux) و اینکه آیا اجرای دستور در محیط CI است یا نه
- مدت زمان اجرای next build و تعداد صفحات پروژه
در حین توسعه، اگر خطا ظاهر شود، گزینه‌ای برای ارسال بازخورد وجود دارد (اما خود خطای کامل جمع‌آوری نمی‌شود)
در محیط‌های سازمانی یا پروژه‌های حساس امنیتی حتی به صورت ناشناس ارسال برخی اطلاعات عمومی پروژه می‌تونه امنیت رو تضعیف کنه

مستندات تأکید می‌کنه که هیچ داده‌ای که ممکن است شامل اطلاعات حساس باشد (مثل متغیرهای محیطی، مسیر فایل، محتویات فایل‌ها، لاگ‌ها) جمع‌آوری نمی‌شود. اما حقیقا من زیاد تحقیق نکردم که آیا واقعا همین موارده یا بیشتره ( اینو دیگه بچه های سکوریتی بیان بگن)
توی نکست جی اس با این دستور میتونید متوجه بشید فعاله یا غیر فعال :
next telemetry status
برای غیر فعال کردنش چند راه گفته شده من خودم از روش env
NEXT_TELEMETRY_DISABLED=1
غیرفعال کردم

نکته آخر اینکه: حتی ویژگی‌هایی که به نظر “بی‌ضرر” می‌آیند، مثل telemetry، در محیط‌های Enterprise باید بررسی و مدیریت شوند تا امنیت پروژه تضمین شود.

@DevTwitter | <Ahmad Safari/>

اگه به پروژه‌های اوپن‌سورس و ساختار و معماری‌شون علاقه‌مندین سایت DeepWiki رو داشته باشین

این سایت با هوش‌مصنوعی جزییات پروژه‌های اوپن‌سورس رو در اختیارتون میذاره

هر پروژه که روی گیتهاب هست رو کافیه به جای دامنه github.com بیاین deepwiki.com قرار بدین

مثلا فریمورک لاراول:
https://deepwiki.com/laravel/laravel

@DevTwitter | <Λmir/>

این پروژه کوچک بعدی من در مسیر یادگیری و ورود به دنیای یادگیری ماشین است که با استفاده از رگرسیون لجستیک انجام دادم.

link: https://github.com/Shayyan81/Class-Logistic-Reg-churn


@DevTwitter | <shayan rajaby/>

این یک ریپوزیتوری هستش که بهتون 100 تا ریجکس پترن پرکابرد ایرانی رو بهتون میده که میتونید در فرم ها و در هرجایی که میخواید ولیدیشن انجام بدید استفاده کنید و لذت ببرید و تقریبا میشه گفت خیلی تکمیله و هر چیزی داخلش پیدا میشه و میتونید استفاده کنید
https://github.com/ImLeoNova/100-Iranian-Regex-Patterns

@DevTwitter | <LeoNova/>

#کدبوک

یه راهنمای عملی برای تبدیل شدن به یه توسعه‌دهنده حرفه‌ای Rust:

- یادگیری اصول و الگوهای حرفه‌ای کدنویسی در Rust
- ساخت اپلیکیشن‌های واقعی با تمرکز بر عملکرد و ایمنی
- درک عمیق از ownership، هم‌زمانی و مدیریت حافظه
- نکات و ترفندهایی از تجربه واقعی نویسنده در پروژه‌های صنعتی

* فایل PDF این کتاب رو میتونید از کانال DevBooks که لینکش توی بیو هست دانلود کنید.

@DevTwitter

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

سبک و مینیمال، با کارکرد خیلی محشر

ویدیوی بررسی اپلیکیشن Handy:
https://www.youtube.com/watch?v=blWwz2ZkGVA&list=PLwUWEGKy5kyNrPv05-Asbhm6g6S8_eRPb&index=14

@DevTwitter | <ًRyan Heida/>

استفاده از این ابزار برای هرکس که به زبان پارسی با هوش مصنوعی صحبت میکنه لازمه!

این روزها تقریباً همه از هوش مصنوعی و مدل‌های زبانی (LLM) استفاده می‌کنیم. اما یه مشکل قدیمی همیشه با ما پارسی‌زبان‌ها بوده:
زبان پارسی راست‌چینه (RTL)، ولی بیشتر زبان‌های برنامه‌نویسی و ریاضایت چپ‌چین (LTR) هستن. نتیجه؟
خروجی‌های درهم‌ریخته، متن‌های نامرتب و تجربه‌ای اعصاب‌خُردکن :(

برای همین، من یه ابزار اوپن‌سورس ساختم که خروجی‌های Markdown مدل‌های زبانی رو کاملاً تمیز و خوانا رندر می‌کنه.
با این ابزار می‌تونی به‌راحتی مشخص کنی کدوم بخش‌ها راست‌چین باشن و کدوم چپ‌چین.
مثلاً متن پارسی RTL، ولی بلاک‌های کد LTR — نتیجه؟ خروجی‌ای حرفه‌ای، تمیز و چشم‌نواز

ویژگی‌ها:
پشتیبانی کامل از RTL و LTR
پشتیبانی از بلاک‌های کد
پشتیبانی از فرمول‌های ریاضی و LaTeX
رابط کاربری ساده و کاربرپسند

ممنون میشم اگه استفاده کردید با دادن ستاره حمایت کنید

https://matinkg.github.io/markdown-renderer/

@DevTwitter | <Axone/>

حتماً برات پیش اومده یه آبجکت یا آرایه بزرگ داری که توش کلی مقدار null، undefined، رشته خالی و صفر قاطی داده‌های درستت شده!
موقع ارسال به سرور، ذخیره تو دیتابیس یا تمیز کردن خروجی API، همین داده‌های اضافی گاهی باعث کلی دردسر می‌شن، از validation error گرفته تا حجم اضافه و باگ‌های عجیب.

اینجا دقیقاً کاریه که deep-cleaner-js برات انجام می‌ده.

- همه‌ی مقدارهای اضافی (null، undefined، ""، 0) رو پاک می‌کنه.
- داده‌هات رو deep تمیز می‌کنه، حتی اگه چند سطح تودرتو باشن.
- انواع خاص مثل Date، RegExp، Map، Set، Buffer رو خراب نمی‌کنه.
- از TypeScript پشتیبانی کامل داره و کاملاً قابل تنظیمه.
- هیچ وابستگی خارجی نداره (Zero dependencies).
- ساختارش به‌صورت امن نوشته شده و از Circular reference هم نمی‌ترسه.

- نسخه جدید (2.1.1) کلی بهینه‌سازی داره، سرعت بالاتر رفته و تست‌های جامعی براش نوشته شده (بیش از ۵۰ تست مختلف).

خلاصه: هر وقت خواستی قبل از ارسال دیتا، ذخیره‌سازی، یا پاکسازی نتیجه‌ی API، ساختار داده‌هات رو تمیز و مرتب کنی، این کتابخونه دقیقاً همونه که دنبالش بودی!

https://www.linkedin.com/pulse/deep-cleaner-v211-here-clean-your-data-like-pro-mohammad-rostami-7evdc/


@DevTwitter | <Mohammad/>

برای تست API همیشه Postman هست که به کارمون بیاد اما اینکه شما نیاز به agent داری یا بار سنگینی که رو سیستم میندازه و... ممکنه یکم تو مخی باشه چون بنظر خودم برای پروژه های کوچیک که تیم بزرگی هم روش کار نمیکنن زیادی سنگین و اضافیه!
خب ابزار جایگزین زیاد هست و حتی اکستنشن هایی هم داریم اما بنظرم بازم نقص هاشون بیشتر از مزایاشون هست
تو یه مقاله با Requsetly آشنا شدم که بنظرم میتونه برای پروژه های لوکال و کوچیک به کار بیاد و حافظه سیستم رو بیخودی اشغال نمیکنه
https://requestly.com/

@DevTwitter | <Ali Palvaneh/>

اگر تجربه خوبی از Wine و PlayOnLinux نداشتید، Winboat شاید مناسب شما باشد که با الهام از WinApps ایجاد شده و ویندوز به صورت Nested Virtualization داخل Docker اجرا می‌شود.
این جور ابزارها مهاجرت به لینوکس را برای خیلی ها آسان می کنند.
https://github.com/TibixDev/winboat

@DevTwitter | <VAHID NAMENI/>

یک تسک نسبتا سخت (برای Ai) دادم به بهترین مدلهایی که الان برای coding مطرح هستند. ازشون تنها با یک پرامپت خواستم نقشه یک خونه رو طراحی کنن (پراپمت در پایین). با کلیک بر لینک زیر میتونید خروجی همشون رو ببینید و مقایسه کنید: https://floor-plan-comparison.netlify.app
این رو ببینید تازه میفهمید واقعا اختلافشون چقدره.
مدل های شرکت کننده:
Opus 4.1 - GLM 4.6 - Sonnet 4.5- GPT 5 Hight- Codex High - Qwen 3 Max - Qwen 3 Coder
--
پرامپت:
Create me a Floor plan for a 1585 sqft land in 3d. Make sure that it has 2 Rooms, 2 washrooms and it should be a usable floor plan. Use HTML,CSS,JS along with Three.JS. Give me just one html file that i can run and view this.

@DevTwitter | <Amin Anvary/>

معرفی یک ابزار/لایبرری خیلی جالب و به درد بخور به اسم LLM Intercept: یه پراکسی سبک و ساده برای ذخیره و استفاده‌مجدد از درخواست‌های LLM‌هاتون.

تقریباً همه‌ی اپ‌ها دارن از APIهای سازگار با OpenAI استفاده می‌کنن. حالا با LLM Intercept می‌تونید اون تماس‌ها رو ضبط کنید و تبدیلشون کنید به دیتاست برای فاین‌تیون مدل‌های کوچیک‌تر و ارزون‌تر.

ایده‌اش ساده‌ست
مثل همیشه از یه مدل بزرگ (مثلاً GPT-4 یا Claude) توی اپتون استفاده کنید.
ترافیک رو از طریق LLM Intercept عبور بدید تا ورودی و خروجی‌ها به‌صورت شفاف ذخیره بشن.
دیتای جمع‌شده رو به‌صورت Parquet خروجی بگیرید (می‌تونید پرامپت‌های سیستمی رو حذف کنید).
با اون داده‌ها یه مدل کوچیک‌تر مثل Liquid AI LFM2 (از ۳۵۰M تا ۲.۶B) رو فاین‌تیون کنید.
بعد مدل بزرگ رو با مدل خودتون جایگزین کنید. لوکال، خصوصی و تقریباً رایگان.
هدف: کمک به تیم‌ها برای اینکه بتونن از ترافیک واقعی اپشون، مدل‌های کوچیک و بهینه بسازن، بدون دردسر، سریع و اقتصادی.
این خیلی به درد میخوره.
Github: https://github.com/mlech26l/llm_intercept

@DevTwitter | <Mehdi Allahyari/>

در حال کد زدن با کمک Sonnet 4.5 هستم و باید بگم عالیه... عالی. کافیه یه کم منطق برنامه‌نویسی و الگوریتم و فلوچارت و طراحی الگوریتم و معماری نرم‌افزار بدونی...

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

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

@DevTwitter | <عادل طالبی/>