DevTwitter | توییت برنامه نویسی
33.4K subscribers
5.7K photos
468 videos
6 files
5.67K links
توییت های برنامه نویسی و طراحی وب :)

Admin:
@dvtwi

Hashtags:
devtwitter.t.me/5

DevBooks Channel:
https://xn--r1a.website/+AYbOl75CLNYxY2U0

Github:
https://github.com/DevTwitter

X:
https://x.com/devtwittir
Download Telegram
اگه با Next.js کار می‌کنی، امروز نسخه‌ی پروژه‌هات رو چک کن.

تیم Next.js روز ۱۴ اکتبر یه آپدیت امنیتی اضطراری داد. سه آسیب‌پذیری داشت:

بحرانی: اجرای کد از راه دور (RCE) بدون احراز هویت، توی توابع use cache وقتی چند typed array برمی‌گردونن (App Router + Cache Components). راه‌حل موقت نداره.

بحرانی: RCE توی Image Optimization API هنگام کار با فایل SVG، روی لینوکس‌های glibc-based. راه‌حل موقت: نسخه‌ی sharp حداقل 0.35.5.

مهم: حمله‌ی DoS توی App Router وقتی حداقل یک Server Action داری. (Pages Router یا پروژه بدون Server Action آسیب‌پذیر نیست.)

نسخه‌های اصلاح‌شده:
npm install next@16.4.1
npm install next@15.5.28

۳ کار سریع:
1- با npm ls next نسخه‌ی پروژه‌هات رو ببین
2- آپدیت کن، حتی اگه فکر می‌کنی از use cache استفاده نمی‌کنی (خود تیم Next.js همین رو می‌گه)
3- اگه روی Docker و لینوکس دیپلوی می‌کنی، نسخه‌ی sharp رو هم چک کن

@DevTwitter | <Alireza Fakhar/>
❤13👍8🍌2
Media is too big
VIEW IN TELEGRAM
یکی با Gemini 4 Argon یه بازی تو سبک Subway Surfers با ماشین جدید پرنده تسلا رودستر ساخته.

قبلا چقدر طول می‌کشید ساخت همچین چیزی؟
roadster-rush.ai.studio

@DevTwitter
❤52🍌14👍8
GhostIDE — آینده کدنویسی ایرانی

یک IDE ایرانی که در حال حاضر در مرحله بتا است و برای رقابت با غولهای جهانی آماده میشود.

قابلیتها:

- پشتیبانی از توسعه وب، C/C++، Node.js و هر زبان و تکنولوژی دیگری
- محیطی شیک و حرفهای با تم های شخصیت سازی شده
- سیستم افزونه مشابه VS Code
- فروشگاه آیکون و فونت
- ابزار StringRes برای توسعه دهندگان اندروید (ترجمه منابع)
- ترجمه متن به صورت رایگان
- محیط نرم و روان با ۶۰ فریم بر ثانیه
- سرور زبان (LSP) با تمام امکانات: تکمیل خودکار، تشخیص خطا، Go to Definition و...

ابزار GhostIDE یک پروژه ایرانی است که در حال رشد و توسعه است. اگر دوست دارید بخشی از این مسیر باشید، از پروژه حمایت کنید، تستش کنید و فیدبک بدهید.

لینک گیتهاب:
https://github.com/HanzoDev30/Ghostide

@DevTwitter | <mr H/>
🍌162❤42🔥13
جایگزین اختصاصی برای React؟!

تلگرام وب عملا Zero dependency ساخته شده. توی دنیای وب که هر کار کوچیکی یه پکیج npm جداگانه می‌خواد، این تقریباً باورنکردنیه.

تیم تلگرام به جای استفاده از ری‌اکت، یه فریم‌ورک مشابه از صفر ساخته به اسم Teact.
بعد رفته سراغ پروتکل MTProto و اون رو هم برای جاوااسکریپت از نو پیاده کرده. Web Workerها رو عمیق دستکاری کرده، یه سیستم کش چندلایه گذاشته، و از WebAssembly و استریمینگ پیشرفته هم استفاده کرده.

حاصلش یه کدبیس سبک و سریعه که هر خطش با یه هدف نوشته شده.

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

https://github.com/Ajaxy/telegram-tt


@DevTwitter | <Shahram boroukanlou/>
🔥64❤15🍌7
تست‌نویسی با زبان معمولی

ابزار e2e تست‌های وب و موبایل رو با دستور انگلیسی اجرا می‌کنه. بعد از اولین اجرا، تست رو ضبط و بدون AI تکرار می‌کنه.

https://github.com/tester-army/e2e

@DevTwitter | <Mti/>
👍12
افزونه گوگل فلو که قبلا آموزشش رو دادیم ظاهراً برای اکثر افراد از کار افتاده

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

https://github.com/ahmadrezalog/flow-shield

@DevTwitter | <AminiYT/>
🔥13❤3🍌2
کلاد کد (Claude Code) حالا می‌تونه سرعت سایتت رو با Lighthouse بررسی کنه، مشکلات کندی رو برطرف کنه و دوباره تست بگیره تا ببینی چقدر عملکرد سایت بهتر شده.

برای شروع، ابزار رسمی Chrome DevTools از گوگل رو به Claude Code اضافه کن:

claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

بعد وارد پوشه پروژه سایتت شو، Claude Code رو اجرا کن و این پرامپت رو بهش بده:

سایت [URL] رو در Chrome باز کن و با Lighthouse عملکردش رو بررسی کن. همچنین یک Performance Trace بگیر.

۵ مشکل اصلی سایت رو بر اساس میزان تأثیرشون روی عملکرد، همراه با شواهد هر مشکل، فهرست کن.

مشکلات رو یکی‌یکی در کدهای همین پروژه برطرف کن.

بعد از اصلاحات، دوباره تست بگیر و امتیازهای قبل و بعد رو بهم نشون بده.

این ابزار می‌تونه درخواست‌های شبکه و خطاهای Console رو هم بررسی کنه و از صفحات سایت اسکرین‌شات و Snapshot حافظه بگیره.

نکته: گوگل به‌صورت پیش‌فرض آمار استفاده از ابزار رو جمع‌آوری می‌کنه. اگه نمی‌خوای این آمار جمع‌آوری بشه، گزینه --no-usage-statistics رو به دستور راه‌اندازی اضافه کن.

سورس پروژه در گیت‌هاب: https://github.com/ChromeDevTools/chrome-devtools-mcp

@DevTwitter | <Yarad/>
👍36👎1🍌1
هر چند روز یکبار، هارنس اختصاصی Deepseek به شما ۵ یوآن کردیت میده که به رایگان از مدل‌هاش استفاده کنی...
الانم که Deepseek 4.1 flash 1017 رو فعال کرده
و پرفورمنسش بی نظیره تو کدنویسی و دیباگ!
هارنسش رو نصب کنید
و هر چند روز یکبار چک کنید که بهتون شارژ میده

https://www.deepseek.com/en/harness/

@DevTwitter | <جویان میگه:/>
❤35👍6🍌4
مفیدتربن ابزاری که با AI بزای خودم ساختم. ابزار کنترل داکر به صورت دسکتاپ، جایگزین داکر دسکتاپ که فقط برای مصرف شخصی رایگانه و رنچر سنگین و پرباگ و ارب استک و مشابه اون. این ابزار فول رایگانه. صددرصد با Rust و خیلی سبک و سریع. برای مک، لینوکس و ویندوز

https://manimovassagh.github.io/Ferrodock/

@DevTwitter | <Mani/>
🍌31👍11🔥4
تیم Claude Code میگه حدود ۹۰ درصد کد Claude Code رو خود Claude نوشته :)

از ژوئن تا سپتامبر تعداد PR های مرج شده بیشتر از ۲ برابر شده، ولی سهم PR هایی که revert شدن بیشتر از ۴۰ درصد کم شده.

سوال اصلی اینه که این همه کد رو کی ریویو میکنه؟

خلاصه روش ریویوشون:

۱. قبل از PR، ایجنت باید کارشو ثابت کنه: تست، بیلد یا اسکرین‌شات. بعد یه subagent با کانتکست تازه diff رو ریویو میکنه.

۲. کنار CLAUDE.md یه REVIEW.md کوتاه دارن که میگه تو اون ریپو چی مهمه. هر کامنتی که تو ریویو تکرار میشه میره تو همین فایل.

۳. لوکال /code-review و /security-review رو بزنید.

۴. سطح ریسک رو خود تغییر تعیین میکنه، نه نویسنده‌ش. داکیومنت و کارای پشت feature flag بدون تایید انسانی، تغییرات عادی با تایید یه نفر، حساس‌ترین بخش‌ها با دو نفر.

۵. بعد از ۳ دور ریویو، به جای دور چهارم برگردید رویکرد رو عوض کنید.

۶. feature flag و rollback سریع داشته باشید، چون یه چیزایی بالاخره رد میشه.

مقاله کامل:
https://claude.dev/blog/solving-code-review-at-anthropic/

@DevTwitter | <Alireza.js/>
💔18❤11👍4
وقتی به همه‌چیز علاقه داری و انتخاب یکی، حسِ از دست دادن بقیه رو می‌ده.

این ویدیو دربارهٔ همین وضعیته و برای افرادی هست که توی خیلی چیزا خوبن و حس می‌کنن می‌تونستن کارهای مختلفی بکنن و از دستش دادن...
ویدیو میگه چجوری با این موضوع دیل کنیم
https://youtu.be/3NGL3K6_iEk

@DevTwitter | <Ali Rashedi/>
❤35👎2
This media is not supported in your browser
VIEW IN TELEGRAM
فکر می‌کردین بشه UI رو به سبک ایزومتریک طراحی کرد؟

یه مجموعه پیدا کردم که این سبک رو به کامپوننت‌های واقعی React آورده.

توی این مجموعه، کامپوننت‌های آشنای UI با زاویه و عمق سه‌بعدی طراحی شدن و بعضی‌هاشون هم انیمیشن و تعامل دارن.

برای کسایی که دنبال ایده‌های متفاوت برای طراحی رابط کاربری هستن، دیدن این مجموعه می‌تونه جالب باشه.

https://isometric.buildlab.in/

@DevTwitter | <Zeinab Anvari/>
👍18👎6❤4
با این پروژه می‌تونید مدل GPT-6 Luna در Duck.ai رو از طریق یک API سازگار با OpenAI به 9Router و سایر ابزارهای مشابه متصل کنید

https://github.com/emahboubinia/duckai-openai-api

@DevTwitter | <Erfan/>
❤31🍌8🔥2
چند بار شده agentم کارش تموم شده ولی من درگیر یه کار دیگه بودم و کلا یادم رفته.

برای همین ClaudeBuddy رو ساختم:
یه رفیق کوچولو که روی دسکتاپتون زندگی می‌کنه و هر وقت agent کارش تموم شد، می‌زنه به شیشه‌ی مانیتورتون که «هی، کارم تموم شد!»

https://github.com/pooriaanv/claudeBuddy

@DevTwitter | <Pooria/>
❤56🍌26👍3
معرفی PerRoute | کلاینت رایگان و متن‌باز ویندوز

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

امکانات اصلی:
- امکان اختصاص سرور جداگانه به هر برنامه
- انتخاب هوشمند سریع‌ترین و پایدارترین سرور
- اتصال مجدد خودکار هنگام قطعی
- جلوگیری از نشت ترافیک با قابلیت Killswitch
- مشاهده مصرف اینترنت و مدیریت پهنای باند برنامه‌ها
- پشتیبانی از پروتکل‌های VLESS، VMess، Trojan و Shadowsocks
- پشتیبانی از لینک اشتراک، کانفیگ و کد QR
- رابط کاربری مدرن و ساده با تم روشن و تاریک

سیستم‌عامل: ویندوز ۱۰ و ۱۱

کاملاً رایگان و متن‌باز

دانلود آخرین نسخه:
https://github.com/AliMirzad/PerRoute/releases/latest

گیت‌هاب پروژه:
https://github.com/AliMirzad/PerRoute

@DevTwitter | <Ali Mirzad/>
🍌13❤8👍4
Git Handbook | راهنمای Git و GitHub

ریپازیتوری برای یادگیری و مرور دستورات Git و مفاهیم کاربردی کار با GitHub طراحی شده. از دستورات پایه مثل "commit" و "branch" گرفته تا مدیریت برنچ‌ها و کار با مخزن‌های گیت، می‌تونی ازش به‌عنوان یک مرجع برای یادگیری و تمرین استفاده کنی.

https://github.com/Royatvand/git-handbook

@DevTwitter | < Abol/>
❤11👎2🍌2
مدتیه دارم روی پروژه‌ای به اسم «قیچی» کار می‌کنم؛ یک اپلیکیشن پیامک اندرویدی متن‌باز که از اول با تمرکز روی حریم خصوصی ساخته شده.
هدف قیچی ساده‌ست: خفه کردن پیامک‌های اسپم و تبلیغاتی، بدون قربانی کردن حریم خصوصی.

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

قیچی یک پروژه‌ی متن‌بازه و با Avalonia و CSharp توسعه داده می‌شه. هدفم اینه که در نهایت یک اپلیکیشن پیامک ساده، قابل اعتماد و کاربردی داشته باشیم؛ اپلیکیشنی که کمک کنه از شر پیامک‌های تبلیغاتی و مزاحم خلاص بشیم، بدون تبلیغات آزاردهنده، بدون جمع‌آوری بی‌دلیل اطلاعات و بدون این حس که برای استفاده از یک ابزار ساده، باید از حریم خصوصی‌مون بگذریم.

اگر دوست داشتید، با گزارش باگ و فیدبک، مشارکت در توسعه یا حتی یک Star روی گیت‌هاب می‌تونید کمک کنید قیچی بهتر بشه.

گیت‌هاب پروژه و دانلود:
https://github.com/MahdiyarGHD/GheychiApp

@DevTwitter | <Mahdyar/>
1❤66👍20🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
ابزار OpenDesign Motion منتشر شده و متن‌باز هم هست!

یه جایگزین متن‌باز برای Claude Motion که بهت اجازه می‌ده با هر AI Agent و مدلی ویدیوهای موشن بسازی؛ بدون اینکه مجبور باشی از Opus 5.5 استفاده کنی.

جالب‌تر اینکه ویدیوی معرفی خودشون رو هم کاملاً با OpenDesign ساختن!

https://open-design.ai

@DevTwitter | <Yarad/>
👍27👎1🍌1
پروژه Shahrah یک پراکسی متن‌باز توسعه‌یافته با زبان Rust برای PostgreSQL که با هدف ساده‌سازی شاردینگ و مدیریت دیتابیس‌های توزیع‌شده طراحی شده است. این پروژه درخواست‌های اپلیکیشن را دریافت می‌کند و به‌صورت هوشمند به شارد یا دیتابیس مناسب هدایت می‌کند. با قابلیت‌هایی مانند Query Routing و Read/Write Splitting و مدیریت Connection pooling مدیریت ترافیک دیتابیس را بهینه می‌کند. یکی از ویژگی‌های کلیدی آن، پشتیبانی از معماری چندمنطقه‌ای و مسیریابی درخواست‌ها بر اساس محل قرارگیری داده‌هاست. همچنین قابلیت‌هایی برای انتقال داده بین مناطق، توزیع مجدد شاردها و بازیابی عملیات انتقال فراهم می‌کند.
هدف نهایی این پروژه، ساده‌سازی مقیاس‌پذیری PostgreSQL و انتقال پیچیدگی مدیریت شاردینگ از لایه اپلیکیشن به زیرساخت دیتابیس است.

در تست شاردینگ با سه شارد، هزینه پردازشی هر عملیات خواندن برای Shahrah برابر ۵۰٫۷ میکروثانیه بوده، در مقابل ۶۲٫۵ میکروثانیه برای PgDog. همچنین در تست خواندن کلیددار تک‌شاردی، با ۵۴٫۵ میکروثانیه در مقایسه با PgCat با ۵۸٫۵ و PgDog با ۶۵٫۵ میکروثانیه عملکرد بهتری ثبت کرده است. در تست عبور ساده درخواست‌ها نیز هزینه پردازشی Shahrah برابر ۳۲٫۶ میکروثانیه بوده است.

https://github.com/rs-alireza/shahrah/

@DevTwitter | <Alireza/>
🍌13❤12🔥2