DevTwitter | توییت برنامه نویسی – Telegram
DevTwitter | توییت برنامه نویسی
23.6K subscribers
4.36K photos
358 videos
6 files
4.1K links
توییت های برنامه نویسی و طراحی وب :)

@dvtwi

Hashtags:
devtwitter.t.me/5

DevBooks Channel:
https://news.1rj.ru/str/+AYbOl75CLNYxY2U0

Github:
https://github.com/DevTwitter

X:
https://x.com/devtwittir
Download Telegram
این Requirement Driven Vibe Coding چیه؟

یعنی قبلا ازینکه پروژه رو شروع کنیم٬‌ میشینیم قشنگ User Story و Requirementها رو می نویسیم و بر اساس اون جلو می ریم.

چندتا اسکرین‌شات که چجوری این Requirementهارو می نویسیم.

@DevTwitter | <Von Datawarehausen/>
👍47👎151
می‌دونستید Microsoft Learn هم MCP Server داره؟

https://github.com/microsoftdocs/mcp

امروز داشتم در مورد مفهوم Declaration Space در سی‌شارپ تو کتاب Programming C# 12 می‌خوندم. گفتم ببینم تو داکیومنت‌های مایکروسافت چی درموردش نوشته. با این MCP می‌تونید دسترسی به داکیومنت‌های مایکروسافت رو به AI Agent خودتون بدید و آخرین اطلاعات رو بهتر دریافت کنید


@DevTwitter | <Serajoddin Aliabadi/>
👍85
ابزار FHE Search System منتشر شد:)

موتور جستجوی امن با حفظ حریم خصوصی!

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

@DevTwitter | <Amin/>
👍83👎2
دوستان فرانت‌اند.
یک کامپوننت با shadcn ساختم اسمشو فعلا گذاشتم PersianWheelPicker که می‌توانید به‌عنوان یک Date Picker فارسی ازش استفاده کنید.
هنوز در مراحل اولیه است و ساده‌ست—خوشحال می‌شم با Fork‌هاتون بهترش کنید D:

https://github.com/deaduchiha/persian-wheel-picker

@DevTwitter | <Alireza Nikzad/>
👍323👎1
خیلی از زرنگ‌ها با Shift+Del اشتباهی ممکنه خودشون را به فنا بدهند
برای غیرفعال کردن Shift+Del جوری که اگر اشتباهی فایل را پاک کردید از سطل بتوان بازیابی کرد PowerToys را نصب کنید و از قسمت
Keyboard Manager
یک شورتکات جدید تعریف کنید که Shift+Del را غیرفعال کنه، حالا Enable Keyboard Manager را یک بار خاموش روشن کنید و Shift+Del از کار میفته

آخرین نسخه نرم افزار مایکروسافت پاورتویز

https://github.com/microsoft/PowerToys/releases/

@DevTwitter | <Teegra/>
👎41👍121
چند وقت پیش مسئولیت Refactor بخشی از یک پروژه بزرگ Next.js بهم سپرده شد.

بخشی از این کار، شناسایی و حذف کدها و فایل‌های بلااستفاده (Dead Code) بود کاری که توی پروژه‌های بزرگ معمولاً سخت، زمان‌بر و پرریسکه.
برای ساده‌تر کردن این مسیر، به ابزار knip رسیدم. ابزار قدرتمندی که فایل‌ها، فانکشن ها و حتی dependencyهای بلااستفاده رو شناسایی میکنه.

در عمل، knip تونست بخش زیادی از dead code ها رو شناسایی کنه، اما دو نکته‌ی جالب و مهم برام داشت:
- اولی مربوط به component tree بود.
یک‌سری کامپوننت‌ها به‌عنوان dead code تشخیص داده شده بودن، در حالی که وقتی سرچ می‌کردم، می‌دیدم یه جای دیگه دارن استفاده می‌شن. اما وقتی کامپوننت parent رو بررسی کردم، فهمیدم اون خودش هیچ‌جا استفاده نشده و این باعث شده بود که child رو هم dead code بدونه. این عمق تحلیل وابستگی، برام قابل توجه بود.
- دومی تشخیص ناقص بعضی dependencyها بود.
برای مثال، tailwindcss و یکی از پلاگین‌هاش که در فایل CSS ایمپورت شده بودن، به‌عنوان unused معرفی شدن. همین‌طور بعضی پلاگین‌های ESLint هم به اشتباه در لیست قرار گرفته بودن. این یعنی خروجی ابزار، هرچقدر هم دقیق باشه، همچنان نیاز به بررسی انسانی داره.
این تجربه باعث شد ابزارهای تحلیل ایستا (static analysis) رو جدی‌تر ببینم؛ نه فقط برای حذف کد، بلکه برای درک بهتر ساختار پروژه.
این اولین پست من در لینکدین هست و تصمیم دارم تجربه‌های فنی‌م رو در قالب روایت‌هایی از چالش‌های روزمره به اشتراک بذارم.

https://github.com/webpro-nl/knip


@DevTwitter | <Mohammad Nazari/>
29👍21🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
وقتی که با AI Agent ها کار میکنید وایجنت قراره که یک کد را اجرا کنه، برای اینکه بیخطر باشه و مشکلی پیش نیاد، بهترین روش اینه که کد توی یک محیط ایزوله/sandbox اجرا بشه و خروجی کد برگرده به ایجنت. این کتابخونه واقعا یکی از بهترین هاست برای این کار. هم راحت نصب میشه و هم زبانهای مختلف را پشتیبانی میکنه. حتما امتحانش کنید.
Github: https://github.com/vndee/llm-sandbox

@DevTwitter | <Mehdi Allahyari/>
15
امروز یکی از پروژه های لاراولی که داکرایز شده بود رو میخواستم ببرم روی octane و مشکلم روی محیط develop این بود که بعد از تغییر فایل ریلود نمیشد و اگه نمیتونستم از --watch هم استفاده کنم چون با خطا مواجه میشدم.
تصمیم گرفتم یه اسکریپت ساده بنویسم که این مشکل من رو حل کنه و هر وقت فایلی تغییر میکنه دستور
php artisan octane:reload
رو برای من به صورت خودکار اجرا کنه.
بعد دیدم این مشکل ممکنه خیلی جاهای دیگه هم وجود داشته باشه.
برای همین اسکریپت رو تبدیل به پکیج کردم تا راحت تر بتونم ازش استفاده کنم.
گفتم با شما هم به اشتراک بزارم.
فرقی هم نمیکنه پروژه شما گولنگی باشه یا php یا هر چیزی میتونید از این watcher استفاده کنید.
هر چند برای هر استکی یه همچین ابزاری هست. اما این پکیج خیلی سادست و چیز خاص و اضافه ای نداره.
https://github.com/zhitoo/watcher

@DevTwitter | <Hossein Shafiei/>
16👎2👍1🔥1
به نظرتون برای یه سایت با وردپرس و المنتور و جت‌انجین، چقدر باید هزینه گرفت؟
دقت کنید که کار نوکد/لوکد داره انجام میشه.
رینو، طراح سایت ساکن هلند، روند طراحی و هزینه دریافت شده برای یکی از پروژه‌هاش رو مستند کرده:
https://www.youtube.com/watch?v=TKwqTarIqok

@DevTwitter | <Yaser Shahi/>
👍187👎2
ابعاد جدید از پروژه ۵۰۰ میلیاردی استارگیت:
از امسال OpenAI سالانه ۳۰ میلیارد دلار به Oracle پرداخت می‌کنه برای سرویس‌های دیتاسنتر! این از کل فروش اراکل از اول امسال بیشتر بوده.

سهام Oracle هم بسیار بالا رفته و لری الیسون دوباره شد دومین فرد ثروتمند دنیا

https://techcrunch.com/2025/07/22/openai-agreed-to-pay-oracle-30b-a-year-for-data-center-services/

@DevTwitter | <Farokh/>
🔥178👍2👎1
اگه حافظه سرور به خاطر حجم بالای کش redis پر بشه چیکار باید کرد؟!
یه وقتایی هست که اپلیکیشنت زیر بار هست و به خاطر حجم زیاد کلیدهای کش٬ حافظه سرورت overload میشه مخصوصا وقتی برای کلیدهای کش ttl ست نکرده باشی و اونجاست که اپ داون میشه. توی این شرایط eviction policies هست که میاد وسط و میتونه سریع رم سرورت رو خالی کنه تا مشکل رفع بشه. اما این مفهوم redis eviction policies چی هست و چطور میشه کانفیگش کرد؟
توی مقاله زیر درباره انواع policy توضیح دادم که چی هست و چطور باید کانفیگ کنی تا اپلیکیشنت رو از کرش کردن در این مواقع بحرانی نجات بده
https://farshadth.medium.com/understanding-redis-eviction-policies-5b7e913ced2b

@DevTwitter | <Farshad Tofighi/>
🔥17👍52
یک CLI نوشتم که اطلاعات سیستم رو Live مانیتور می‌کنه و در یک وب‌داشبورد نمایش میده.

روی هر سه سیستم‌ عامل ویندوز، لینوکس و مک کار می‌کنه.

npm install -g sisviz

اولین پکیج نودی بود که ساختم و بیشتر از PyPI واسم جالب بود.

لینک ریپازیتوری GitHub:
https://github.com/MahdiMirshafiee/SisViz

@DevTwitter | <Mahdi/>
👍27🔥133
رفقا سایت digital plat رو دریابین ، خیلی راحت با داشتن یه اکانت توی گیتهاب میتونین ازش یه دامنه ی رایگان بگیرین ، کافیه بعد از تایید ایمیلتون که میتونین با tempmail هم بزنین از تب داشبورد سایت وصل کنین به گیتهابتون و دامنه خودتون رو بسازین و تمام.
https://domain.digitalplat.org

@DevTwitter | <sixtinine learn/>
21👎11👍7
جی پی تی های پیاده شده الان مثل chatGPT خیلی پیچیده ان، ولی قدیمی ها مثل GPT-2 خیلی ساده تر بودن و برای یادگیری خیلی بهترن، با این ریپو می‌تونید برای خودتون یه GPT کوچولو بسازید :

http://github.com/karpathy/nanoGPT

@DevTwitter | <Nimo/>
🔥213👍1
لایت‌هوس (Lighthouse) چیه و چرا باید جدیش بگیریم؟
هر بار که تو مرورگر کروم روی DevTools می‌زنیم و تب Lighthouse رو باز می‌کنیم، یه ابزار قدرتمند داریم که می‌تونه کیفیت واقعی سایت‌مونو از دید گوگل و کاربر بسنجه

چه چیزی را آنالیز میکند؟
آنالیز Performance (سرعت لود صفحه)
آنالیز Accessibility (دستیابیپذیری برای همه کاربران، حتی افراد کمتوان)
آنالیز SEO (بهینه‌بودن برای موتورهای جستجو)
آنالیز Best Practices (رعایت استانداردهای وب)
آنالیز PWA (بررسی قابلیت‌های Progressive Web App)

مثلا Performance چک میکنه :
چند ثانیه طول می‌کشه تا اولین تعامل ممکن باشه؟
چقدر طول می‌کشه صفحه کاملاً لود شه؟
چقدر حجم داریم؟ Lazy loading داریم؟ کد اضافی زیاد داریم؟
و همه اینا مستقیم روی تجربه کاربر و سئو تأثیر می‌ذاره.
یعنی امتیاز لایت‌هوس خوب = رضایت گوگل + رضایت کاربر

یه نکته مهم:
امتیاز ۱۰۰ یعنی «فعلاً خوبه»، نه این که همیشه عالی بمونه. یه تغییر کوچیک تو تصاویر، فونت‌ها یا اسکریپت‌ها ممکنه امتیازتو نصف کنه! پس همیشه تست کن.

چطور ازش استفاده کنم؟
در کروم، صفحهٔ موردنظر را باز کنید. Ctrl + Shift + I (یا F12) را بزنید تا DevTools باز شود.
تب Lighthouse را انتخاب کنید.
گزینه‌های موردنظر (مثل Mobile یا Desktop) را تنظیم و «Generate report» را بزنید.

در دنیای وب، سرعت و تجربهٔ کاربری حرف اول را میزند. Lighthouse مثل یک کوچِ شخصی عمل میکند که همیشه نقاط ضعف سایتتان را به شما گوشزد میکند. پس دفعهٔ بعد که روی پروژهٔ جدیدی کار میکنید، حتماً از آن استفاده کنید!

@DevTwitter | <Soheil Seyyedi/>
30👍3
This media is not supported in your browser
VIEW IN TELEGRAM
یکی فهمیده که ترک‌پد مک‌بوک‌ها مبتونه ترازوی نسبتا خوبی هم باشه چون میزان فشاری که کاربر بهش میاره رو باید بتونه تشخیص بده. برا همین نشسته یه اپ اوپن‌سورس هم برا این قضیه نوشته که بشه از مک‌بوک به عنوان ترازو هم استفاده کرد!
https://github.com/KrishKrosh/TrackWeight

@DevTwitter | <Pixel/>
🔥84👍172👎1
معرفی Google Analytics MCP Server
به کمک Analytics MCP می تونید به زبان طبیعی از جمینای سوال بپرسید و این مدل زبانی، اطلاعات رو از حساب آنالیتیکس شما استخراج و سپس به زبان طبیعی به شما پاسخ میده. مستندات MCP رسمی آنالیتیکس گوگل

https://github.com/googleanalytics/google-analytics-mcp/

https://youtube.com/watch?v=PT4wGPxWiRQ

@DevTwitter | <Alireza Naji/>
👍6👎41
کمپانی Nvidia یک ریپو عالی داده که میتونید ایجنت بسازید که ویدیو رو خلاصه کنه، توش جستجو کنه و به سوالات تصویری جواب بده.
واقعا یک Blueprint هست که میتونید برای انواع کاربردهای دیگه هم استفاده کنید. خوب طبیعتا از سرویسهای خود Nvidia استفاده شده مثل مدل‌های Nemotron، NeMo Retriever و VLMهای قدرتمند. ولی میتونید با مدلهای دیگه راحت جایگزین کنید اگه دسترسی به سرویسهای NVIDIA NIM ندارید.
و اینکه هم از Vector RAG و هم Graph-RAG استفاده کردند.
Github: https://github.com/NVIDIA-AI-Blueprints/video-search-and-summarization

@DevTwitter | <Mehdi Allahyari/>
17👍3👎1