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

@dvtwi

Hashtags:
devtwitter.t.me/5

DevBooks Channel:
https://t.me/+AYbOl75CLNYxY2U0

Github:
https://github.com/DevTwitter

X:
https://x.com/devtwittir
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
برای اضافه کردن کد به سایت، به جای نصب افزونه، می‌تونیم از روش استاندارد وردپرس یعنی Child Theme استفاده کنیم. افزونه یکبارمصرف Child Theme Configurator می‌تونه «پوستهٔ فرزند» بسازه و تنظیمات پوسته فعلی رو کامل انتقال بده و بعدش هم میشه حذفش کرد!
https://wordpress.org/plugins/child-theme-configurator/

@DevTwitter | <Yashar Shahi/>
10👍10🤣9
کاش شرکت ما هم تعطیل بود فردا
کونمون یخ زد خداوکیلی

@DevTwitter
🤣202👍27🔥104
‏در حالی که استفاده از تکنولوژی وب قدیمی «HTTP/1.x» در دنیا به ۲۹.۹ درصد رسیده هنوز اما چند کشور نیمی از اتصالاتشون با این تکنولوژی هست.
(ایران، ایرلند، هنگ کنگ و چین.)
برای ایران ۸۷.۶ درصد.

@DevTwitter | <Soroush Ahmadi/>
🤣86👍12👎4
گوگل تو این چند روز چندین آس رو کرد که یک جورایی یک سور زد به openai. از جمله:
- مدلهای Gemini ۲
- مدلهای Gemma
- stream realtime
- Project Astra
و الان هم که Project Mariner. این یک پروژه جدیده که قادر است اطلاعات موجود در صفحه مرورگر شما، از جمله پیکسل‌ها و عناصر وب مانند متن، کد، تصاویر و فرم‌ها را درک و تحلیل کند و سپس با استفاده از یک افزونه آزمایشی کروم وظایفی را برای شما انجام دهد.
یعنی عملا یک AI Agent توی browser که تمام المنت های صفحه ای که توش هستید را میفهمه. باید ویدیوش را ببینید.
https://deepmind.google/technologies/project-mariner/
Youtube: https://youtube.com/watch?v=2XJqLPqHtyo

@DevTwitter | <Mehdi Allahyari/>
👍47🤣8🔥3
خلاص شدیم! یه افزونه برای تایپ خیلی راحت‌تر به زبان فارسی!

شاید برای شما هم پیش اومده باشه: دارید توی یه فرم یا باکس تایپ می‌کنید، مثلاً فارسی می‌نویسید، اما همه‌چیز از چپ به راست نمایش داده می‌شه! خواندن متن سخت می‌شه، و شاید حتی اعصابتون هم خرد بشه. این مشکل همیشگی من بود، تا اینکه تصمیم گرفتم یه راه‌حل براش پیدا کنم.

اینجاست که افزونه جدیدم با اسم Auto RTL/LTR Switcher برای گوگل کروم متولد شد!

کاری که این افزونه انجام می‌ده، خیلی ساده ولی فوق‌العاده کاربردیه: وقتی شروع به تایپ می‌کنید، افزونه زبان متن رو تشخیص می‌ده. اگه فارسی باشه، خودش متن رو به راست‌چین (RTL) تغییر می‌ده؛ اگه لاتین باشه، به حالت چپ‌چین (LTR) برمی‌گردونه.

این یعنی از حالا دیگه لازم نیست مدام تنظیمات جهت تایپ رو دست‌کاری کنید. فقط تایپ کنید و لذت ببرید!

حالا فکر کنید این افزونه کجاها به کار میاد!

مثلاً دارید از وب‌سایت ChatGPT استفاده می‌کنید، می‌دونید که این سایت‌ها معمولاً همه‌چیز رو چپ‌چین تنظیم می‌کنن، چون زبان پیش‌فرضشون انگلیسی یا لاتینه. حالا اگه وسطش بخواید یه متن فارسی تایپ کنید، چه اتفاقی می‌افته؟ متن می‌چسبه به چپ و خوندنش واقعاً اذیت‌کننده می‌شه.
اینجاست که افزونه وارد عمل می‌شه. توی همون لحظه‌ای که شروع به تایپ فارسی می‌کنید، متن رو راست‌چین می‌کنه و تجربه تایپ کردن رو براتون ساده و لذت‌بخش می‌کنه. از وب‌سایت‌های هوش مصنوعی گرفته تا فرم‌های تماس، نظرسنجی‌ها، یا هر جایی که بخواید به دو زبان تایپ کنید، این افزونه براتون یه همراه هوشمنده.

دیگه نیاز نیست مدام خودتون تنظیمات جهت رو تغییر بدید. فقط تایپ کنید و همه‌چیز به‌طور خودکار تنظیم می‌شه!

لینک دانلود و نصب افزونه Auto RTL/LTR Switcher
https://chromewebstore.google.com/detail/auto-rtlltr-switcher/iagbjlddhajgidlfcdpocafilcabjfbi

نکته: افزونه‌های مرورگر کروم بر روی مرورگر Edge هم نصب میشن.

@DevTwitter | <Hamed Takmil/>
52👍22🔥5👎3
نسخه جدید Grok اومد.
۳ برابر سریع‌تر، دقیق‌تر و بهبود ویژگی چند زبانه.
برای توسعه‌دهنده‌ها، مدل‌های grok-2-1212 و grok-2-vision-1212 رو با قیمت ۲ دلار برای ۱ میلیون توکن دادن.
x.com/i/grok

@DevTwitter | <Soroush Ahmadi/>
👍26🤣14👎2
#کوته_نیوز

همراه اول ریده

@DevTwitter
👍94🤣27👎17
کلون ردیس رو گذاشتم روی گیتهاب فعلا فقط get و set داره و میتونه با چندتا کانکشن همزمان کار کنه. امروزم میخوام persistence رو اضافه کنم.
https://github.com/Glyphack/redis-clone
فعلا بخش hash map عش بدترین چیزشه باید ببینم چه تابع هش خوبی برای دیتابیس هست که استفاده کنم. اگرم ۳۲ بیتی باشه خروجی

@DevTwitter | <Shaygan/>
👍34🤣12🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
تا الان چندین فریمورک agentic اومده مثل autogen و metaGPT و crewai و ... چند هفته پیش هم یکی دیگه به نام PydanticAI درست شده که کار همون تیمی هست که لایبرری خوش دست و مهم pydantic را درست کرد.
باهاش کار کردم و به سرعت به یکی از ابزارهای مورد علاقه من تبدیل شده است! علاوه بر ویژگی‌های فوق‌العاده‌ای که در وب‌سایتشان ذکر شده، این موارد را بسیار دوست دارم:

- کنترل همه flow ها با پایتون ساده: سبک و بدون وابستگی‌های غیرضروری.
- ویژگی dependency injection: بسیار شهودی و قدرتمند.
- یکپارچگی با Logfire: برای observability (مشاهده‌پذیری) و ردیابی هزینه، کاملاً بی‌نقص.
این یک کتابخانه ساده است که با قابلیت و انعطاف‌پذیری بالا عرضه شده برای کار کردن با agent ها.
برای نمایش توانایی‌های آن، یک آموزش تهیه کرده‌ام که نحوه پیاده‌سازی یک سیستم multi agent RAG با استفاده از PydanticAI را نشان می‌دهد. اگر به سیستم‌های (RAG) یا سیستم‌های مبتنی بر agent علاقه دارید، حتماً چکش کنید.
Github: https://github.com/mallahyari/twosetai/blob/main/pydanticai_multi_agent_rag.ipynb

@DevTwitter | <Mehdi Allahyari/>
9👍5
فیچر Canvas از OpenAI برای همه فعال شده! ابزار عالی برای کدنویسی و نوشتن متن‌های حرفه‌ای به صورت بهینه‌تر، آسون‌تر و باکیفیت‌تر.

تو دوره زیر تو ۵۰ دقیقه یادش بگیرین (ویدیو ۶ برای متخصصای GenAIه و لازم نیست ببینیدش.)

https://www.deeplearning.ai/short-courses/collaborative-writing-and-coding-with-openai-canvas/

@DevTwitter | <Reza Jafari/>
👍164🔥3
ترکیب nextjs و وردپرس عجب چیزیه !!‌

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

چی شد؟ فهمیدم که وردپرس مثل یه موتور قدرتمنده، ولی خب بدن نداره! یعنی چی؟ یعنی ما وردپرس رو به عنوان بک‌اند (محل نگهداری و مدیریت محتوا) نگه می‌داریم، ولی ظاهر سایت (فرانت‌اند) رو با یه چیز دیگه می‌سازیم. اینجا بود که Next.js اومد وسط!

حالا چرا هدلس وردپرس؟

فکر کن وردپرس شده مغز و Next.js شده دست و پا. وردپرس محتوا رو نگه میداره و Next.js اونو به بهترین شکل نشون میده! اینجوری هم سرعت سایتمون بالاتره هم دستمون برای طراحی بازتره.

اما یه نکته مهم:

این روش یه مقدار پیچیده‌تر از وردپرس سنتیه. باید یه کم فنی تر باشی و با کد زدن حال کنی!

اگه میخوای بیشتر بدونی:

یه سرچ کوچولو تو گوگل بزن "WordPress Headless with Next.js" کلی مقاله و آموزش پیدا میکنی.

یه نگاه به کتابخونه‌های WPGraphQL یا Advanced Custom Fields هم بنداز.

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

خلاصه که، هدلس وردپرس با Next.js یه ترکیب فوق‌العاده است که اگه یه مقدار وقت بذاری و یاد بگیری، میتونه کلی پروژه خفن برات بیاره!

@DevTwitter | <Alireza Fakhar/>
🤣67👍41👎125
چند وقته برای ساخت بخش‌های مختلف Admin Panel تو پروژه‌هام از Filament PHP استفاده می‌کنم و باید بگم واقعاً یه ابزار فوق‌العاده‌ست! اگر با Laravel کار می‌کنید و دنبال یه راه حل سریع، شیک و منعطف برای پنل‌های ادمین می‌گردید، حتماً Filament رو امتحان کنید.

تو یکی از پروژه‌هام که نیاز داشتم یه پنل مدیریت برای سفارش‌ها و کاربران بسازم، Filament کمک کرد تو چند ساعت یه سیستم کامل و کاربردی راه بندازم. جالب اینجا بود که به‌جای صرف وقت برای طراحی فرم‌ها و جداول، تونستم بیشتر روی منطق اصلی پروژه تمرکز کنم.

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

https://filamentphp.com

@DevTwitter | <Danial Rahimy/>
👍48🤣63🔥2
سرورلس کامپیوتینگ: تحول در دنیای توسعه نرم‌افزار
سرورلس کامپیوتینگ (Serverless Computing) یک مدل معماری است که به توسعه‌دهندگان این امکان را می‌دهد تا بدون نیاز به مدیریت زیرساخت‌های سرور، تنها بر روی نوشتن و پیاده‌سازی کد تمرکز کنند. برخلاف آنچه که از اسمش به نظر می‌رسد، سرورلس به این معنا نیست که هیچ سروری وجود ندارد، بلکه این به این معناست که تمام مدیریت سرور، مقیاس‌پذیری و نگهداری آن به عهده ارائه‌دهندگان خدمات ابری (مانند AWS، Google Cloud و Azure) است.
چرا سرورلس کامپیوتینگ یک تغییر بزرگ است؟
کارایی هزینه‌ای بالا: ما فقط برای منابعی که مصرف می‌کنیم هزینه پرداخت می‌کنیم. به این معنی که برای زمان‌هایی که کد شما اجرا نمی‌شود، هیچ هزینه‌ای نمی‌پردازیم. این ویژگی برای استارتاپ‌ها و کسب‌وکارهای در حال رشد که به دنبال صرفه‌جویی در هزینه‌ها هستند، ایده‌آل است.
مقیاس‌پذیری خودکار: در این مدل، نیازی به نگرانی درباره مقیاس‌پذیری و تنظیم تعداد سرورها نیست. ابزارهای سرورلس به‌طور خودکار بار ترافیک را مدیریت کرده و تعداد منابع مورد نیاز را بسته به تقاضا تنظیم می‌کنند.
تمرکز بیشتر روی کد: توسعه‌دهندگان می‌توانند بیشتر بر روی نوشتن منطق کسب‌وکار و ویژگی‌های جدید تمرکز کنند، بدون اینکه دغدغه‌ای در مورد مدیریت زیرساخت‌ها داشته باشند.
پیاده‌سازی سریع‌تر: به دلیل این که تنها قسمت‌های خاصی از برنامه به صورت مستقل اجرا می‌شوند، می‌توانیم ویژگی‌های جدید را در زمان کوتاهی پیاده‌سازی کرده و آن‌ها را سریع‌تر به محیط تولید منتقل کنیم.
انعطاف‌پذیری و سرعت: برای ایجاد API ها، پردازش‌های زمان واقعی، و میکروسرویس‌ها به راحتی می‌توان از سرورلس استفاده کرد که باعث افزایش سرعت توسعه و تغییرات می‌شود.
ابزارهای سرورلس معروف:
AWS Lambda
Google Cloud Functions
Azure Functions
این ابزارها به ما این امکان را می‌دهند که کدهای خود را در قالب توابع مستقل اجرا کنید و فقط زمانی که این توابع فراخوانی می‌شوند، منابع مصرف شوند.

نتیجه‌گیری:
سرورلس کامپیوتینگ به ما این امکان را می‌دهد که بدون نیاز به مدیریت سرورها و زیرساخت‌های پیچیده، به سرعت و به صورت مقیاس‌پذیر برنامه‌نویسی کنیم. این رویکرد، به‌ویژه برای پروژه‌های کوچک و استارتاپ‌ها که می‌خواهند از هزینه‌های سرور اجتناب کنند و بر نوشتن کد تمرکز کنند، ایده‌آل است.

@DevTwitter | <Mohammad Hosein Shahbazi/>
👍282👎2
افزایش کارایی در لاراول با جلوگیری از مشکل N+1

آیا می‌دانستید که N+1 Query Problem یکی از موضوعات رایج در مصاحبه‌های برنامه‌نویسی لاراول است؟ اگر به دنبال افزایش دانش خود برای پروژه‌ها و همچنین آمادگی برای مصاحبه هستید، این نکته طلایی را از دست ندهید!

مشکل N+1 چیست؟

این مشکل زمانی رخ می‌دهد که برای هر رکورد، یک کوئری جداگانه اجرا شود. مثلاً وقتی لیست کتاب‌ها را با نویسنده‌هایشان واکشی می‌کنید، به‌جای یک کوئری کلی، چندین کوئری اجرا می‌شود که کارایی برنامه را به شدت کاهش می‌دهد.
راه‌حل؟ (Eager Loading):

با استفاده از with() در لاراول، می‌توانید روابط مدل‌ها را در یک کوئری بازیابی کنید و از N+1 جلوگیری کنید

در تصویر نمونه درست و غلط رو هم درج کردم

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

نکته مصاحبه‌ای:

مصاحبه‌کنندگان اغلب می‌پرسند: "چگونه می‌توان از مشکل N+1 جلوگیری کرد؟" حالا شما با این پاسخ آماده هستید!

@DevTwitter | <Alireza Ahmadi/>
👍28🤣8👎1
اگه تجربه توسعه مینی اپای تلگرام رو داشته باشید احتمالا دردسرای تانل کردن و ماک کردن دیتا و تست کردن همزمان نسخه اندروید و ios رو دیدید. عرفان با این اپش همه این مشکلات رو حل کرده و شما میتونید یه محیط توسعه کامل برای مینی اپا رو داشته باشید
https://github.com/erfanmola/TMA-Studio

@DevTwitter | <MohammadReza Shahmoradi/>
👍47🤣145🔥3
مارکدان خیلی خوبه؛ ولی اگر بتونی خیلی راحت فایل‌های پی‌دی‌اف و آفیس و... رو بهش تبدیل کرد، بهتر هم می‌شه. مایکروسافت یه لایبری پایتونی داده براش.
https://github.com/microsoft/markitdown
یه اپ هم یکی با استفاده ازش ساخته که غیر برنامه‌نوس‌ها هم راحت استفاده کنن:
https://msftmd.replit.app

@DevTwitter | <Amin Mesbahi/>
👍36
میخواستم ببینم هر ماژول به چه ماژولی دیپندنسی داره و بخصوص چی بهش دیپندنسی داره کلی سرچ کردم و کارای احمقانه آخرش تو نیم‌ساعت یه اسکریپت پایتون نوشتم و تامام کدش هم خیلی و ساده و احمقانه هست ولی کار میکنه و کافیه

https://gist.github.com/behdad222/4d016d20ea64ad0ca56743c67496821a

@DevTwitter | <Behdad Abedi/>
🤣15👍7🔥5
خیلی دلم میخواد توی این پارسر پایتونی که نوشتم کل ast رو عوض کنم به جای اینکه درخت باشه یه آرایه درست کنم و با اندیس parent/child رو به هم وصل کنم ببینم چقدر سرعتش بهتر میشه ولی اصلا وقت نمیشه

@DevTwitter | <Shaygan/>
🤣275👍3👎2
شروع پروژه متن‌باز Shop Center

دارم روی بک‌اند یه فروشگاه بزرگ با NestJS کار می‌کنم که قراره ویژگی‌های جذاب و مقیاس‌پذیر داشته باشه. پروژه کاملا متن‌بازه و منتظر پیشنهادها و مشارکت‌های شما هستم!

گیت‌هاب:
https://github.com/AliDeWeb/Shop-Center

@DevTwitter | <Ali Moradi/>
👍51🤣10🔥7👎4
سیستم‌های هوش مصنوعی داده‌های تمیز و ساختارمند رو می‌خواد، اما آماده‌سازیش سخته.

ابزار FireCrawl این کار رو آسون می‌کنه! یه ابزار متن‌باز برای کراول و تبدیل وب‌سایت به فرمت‌های آماده مثل Markdown و HTML، با قابلیت مدیریت پروکسی، ضدربات و محتوای داینامیک.

https://github.com/mendableai/firecrawl

@DevTwitter | <Reza Jafari/>
👍313