کلاد کد (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 حافظه بگیره.
نکته: گوگل بهصورت پیشفرض آمار استفاده از ابزار رو جمعآوری میکنه. اگه نمیخوای این آمار جمعآوری بشه، گزینه
سورس پروژه در گیتهاب: https://github.com/ChromeDevTools/chrome-devtools-mcp
@DevTwitter | <Yarad/>
برای شروع، ابزار رسمی 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 | <جویان میگه:/>
الانم که Deepseek 4.1 flash 1017 رو فعال کرده
و پرفورمنسش بی نظیره تو کدنویسی و دیباگ!
هارنسش رو نصب کنید
و هر چند روز یکبار چک کنید که بهتون شارژ میده
https://www.deepseek.com/en/harness/
@DevTwitter | <جویان میگه:/>
❤35👍6🍌4
مفیدتربن ابزاری که با AI بزای خودم ساختم. ابزار کنترل داکر به صورت دسکتاپ، جایگزین داکر دسکتاپ که فقط برای مصرف شخصی رایگانه و رنچر سنگین و پرباگ و ارب استک و مشابه اون. این ابزار فول رایگانه. صددرصد با Rust و خیلی سبک و سریع. برای مک، لینوکس و ویندوز
https://manimovassagh.github.io/Ferrodock/
@DevTwitter | <Mani/>
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/>
از ژوئن تا سپتامبر تعداد 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/>
این ویدیو دربارهٔ همین وضعیته و برای افرادی هست که توی خیلی چیزا خوبن و حس میکنن میتونستن کارهای مختلفی بکنن و از دستش دادن...
ویدیو میگه چجوری با این موضوع دیل کنیم
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/>
یه مجموعه پیدا کردم که این سبک رو به کامپوننتهای واقعی 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/>
https://github.com/emahboubinia/duckai-openai-api
@DevTwitter | <Erfan/>
❤31🍌8🔥2
چند بار شده agentم کارش تموم شده ولی من درگیر یه کار دیگه بودم و کلا یادم رفته.
برای همین ClaudeBuddy رو ساختم:
یه رفیق کوچولو که روی دسکتاپتون زندگی میکنه و هر وقت agent کارش تموم شد، میزنه به شیشهی مانیتورتون که «هی، کارم تموم شد!»
https://github.com/pooriaanv/claudeBuddy
@DevTwitter | <Pooria/>
برای همین 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/>
با 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/>
ریپازیتوری برای یادگیری و مرور دستورات 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/>
هدف قیچی سادهست: خفه کردن پیامکهای اسپم و تبلیغاتی، بدون قربانی کردن حریم خصوصی.
ایدهی اصلی اینه که پیامکهای ما، اطلاعات شخصی ما هستن و نباید برای انجام کار سادهای مثل تشخیص اسپم، حتما به یک سرور خارجی فرستاده بشن. برای همین، قیچی با کمک 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/>
یه جایگزین متنباز برای 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/>
هدف نهایی این پروژه، سادهسازی مقیاسپذیری PostgreSQL و انتقال پیچیدگی مدیریت شاردینگ از لایه اپلیکیشن به زیرساخت دیتابیس است.
در تست شاردینگ با سه شارد، هزینه پردازشی هر عملیات خواندن برای Shahrah برابر ۵۰٫۷ میکروثانیه بوده، در مقابل ۶۲٫۵ میکروثانیه برای PgDog. همچنین در تست خواندن کلیددار تکشاردی، با ۵۴٫۵ میکروثانیه در مقایسه با PgCat با ۵۸٫۵ و PgDog با ۶۵٫۵ میکروثانیه عملکرد بهتری ثبت کرده است. در تست عبور ساده درخواستها نیز هزینه پردازشی Shahrah برابر ۳۲٫۶ میکروثانیه بوده است.
https://github.com/rs-alireza/shahrah/
@DevTwitter | <Alireza/>
🍌13❤12🔥2
اگر LLMها به هر شکلی با نرمافزار یا محصول شما یکپارچه شدن، بد نیست در مورد مسائل امنیتی مربوطه نگاهی به OWASP Top 10 for LLM Applications بندازید.
https://genai.owasp.org/resource/owasp-top-10-for-llm-applications-2025/
@DevTwitter | <Hamed/>
https://genai.owasp.org/resource/owasp-top-10-for-llm-applications-2025/
@DevTwitter | <Hamed/>
🍌7❤4👍2
گزارش رسمی Anthropic از آینده بازار کار: ایجنتهای هوش مصنوعی ۶ برابر انسانها کار میکنند و استخدام جونیورها سقوط کرده است!
شرکت Anthropic در مطالعه داخلی جدید خود «How employment is changing at Anthropic» دادههای خیرهکنندهای از تغییر ساختار مهندسی منتشر کرده که تصویری واقعی از آینده شرکتهای تک است:
سقوط استخدام نیروهای تازهکار: سهم استخدام مهندسان جونیور از ۲۷٪ به تنها ۹٪ رسیده است؛ چرا که وظایف روتین مثل کدنویسی پایه و دیباگ کردن به Claude سپرده شده است.
قانون ۶ به ۱: ساعت کاری ایجنتهای تعاملی AI در این شرکت اکنون ۶ برابر ساعت کاری کارمندان انسانی است (و در تیمهای تحقیقاتی ۱۹ برابر!). در نتیجه، خروجی کد به ازای هر مهندس ۵ برابر شده است.
رشد شرکت و تغییر ترکیب به جای تعدیل: اندازه کلی Anthropic طی یک سال ۳ برابر شده و استخدام فنی همچنان بالاست، اما تقاضا از سمت جونیورها به سمت نیروهای ارشد و مستقل شیفت کرده است.
ظهور عصر «Meta-Work»: گلوگاه جدید در شرکت، «توجه انسانی» برای بررسی خروجی ایجنتهاست. معیار استخدام دیگر صرفاً دانش فنی و پیادهسازی نیست، بلکه «قدرت قضاوت، استقلال کاری و مهارت مدیریت ایجنتها» است.
هوش مصنوعی در حال حذف مهندسی نرمافزار نیست، اما پلههای اول نردبان شغلی را با سرعت زیادی برمیدارد. چالش بزرگ سالهای آینده: وقتی کارهای سطح پایه به ایجنتها سپرده میشود، نیروهای ارشد فردا کجا باید تجربه کسب کنند؟
@DevTwitter | <Legendary Coder/>
شرکت Anthropic در مطالعه داخلی جدید خود «How employment is changing at Anthropic» دادههای خیرهکنندهای از تغییر ساختار مهندسی منتشر کرده که تصویری واقعی از آینده شرکتهای تک است:
سقوط استخدام نیروهای تازهکار: سهم استخدام مهندسان جونیور از ۲۷٪ به تنها ۹٪ رسیده است؛ چرا که وظایف روتین مثل کدنویسی پایه و دیباگ کردن به Claude سپرده شده است.
قانون ۶ به ۱: ساعت کاری ایجنتهای تعاملی AI در این شرکت اکنون ۶ برابر ساعت کاری کارمندان انسانی است (و در تیمهای تحقیقاتی ۱۹ برابر!). در نتیجه، خروجی کد به ازای هر مهندس ۵ برابر شده است.
رشد شرکت و تغییر ترکیب به جای تعدیل: اندازه کلی Anthropic طی یک سال ۳ برابر شده و استخدام فنی همچنان بالاست، اما تقاضا از سمت جونیورها به سمت نیروهای ارشد و مستقل شیفت کرده است.
ظهور عصر «Meta-Work»: گلوگاه جدید در شرکت، «توجه انسانی» برای بررسی خروجی ایجنتهاست. معیار استخدام دیگر صرفاً دانش فنی و پیادهسازی نیست، بلکه «قدرت قضاوت، استقلال کاری و مهارت مدیریت ایجنتها» است.
هوش مصنوعی در حال حذف مهندسی نرمافزار نیست، اما پلههای اول نردبان شغلی را با سرعت زیادی برمیدارد. چالش بزرگ سالهای آینده: وقتی کارهای سطح پایه به ایجنتها سپرده میشود، نیروهای ارشد فردا کجا باید تجربه کسب کنند؟
@DevTwitter | <Legendary Coder/>
❤34🍌11👎4
This media is not supported in your browser
VIEW IN TELEGRAM
این یکی پر از کامپوننتهاییه که از UIهای معمولی فاصله گرفتن!
مجموعهای از کامپوننتهای مدرن و خلاقانهست که با انیمیشنها و جزئیات جذابشون میتونن ظاهر پروژهتون رو متفاوت کنن.
حتماً یه نگاهی بندازید و سیوش کنید.
https://systaliko-ui.vercel.app
@DevTwitter | <negahUi/>
مجموعهای از کامپوننتهای مدرن و خلاقانهست که با انیمیشنها و جزئیات جذابشون میتونن ظاهر پروژهتون رو متفاوت کنن.
حتماً یه نگاهی بندازید و سیوش کنید.
https://systaliko-ui.vercel.app
@DevTwitter | <negahUi/>
🍌13🔥7👍4
چند سال پیش یه وبینار Git برگزار کردم
برای اون وبینار وقت گذاشتم و internal های گیت و اینکه چطور کار می کنه رو یاد گرفتم
چیزی که باورم نمیشد این بود که چرا انقدر inefficient هست و دوباره کاری داره و همه چیز هزار جا کپی میشه
با اینکه git یه سیستم محبوبی بود که همه استفاده می کردند و حتما باید درست باشه
الان که Scion معرفی شد وقت گذاشتم و مقاله مهندسی Anthropic رو خوندم و خیلی لذت بردم
یه مفهومی که معرفی کرده Changeset هست که خیلی منطقی هست
خیلی Anthopic رو دوست دارم از مدل Opus گرفته تا cli بودن Claude Code و اینکه به خودشون اجازه دادن git که bottleneck شده بود رو عوض کنند.
خیلی هیجان زده هستم که کلی تغییرات تو راه داریم.
بهتون پیشنهاد می کنم که این مقاله رو بخونید چون دید خیلی خوبی بهتون میده.
https://www.anthropic.com/engineering/redesigning-source-control
@DevTwitter | <Pouria Jahandideh/>
برای اون وبینار وقت گذاشتم و internal های گیت و اینکه چطور کار می کنه رو یاد گرفتم
چیزی که باورم نمیشد این بود که چرا انقدر inefficient هست و دوباره کاری داره و همه چیز هزار جا کپی میشه
با اینکه git یه سیستم محبوبی بود که همه استفاده می کردند و حتما باید درست باشه
الان که Scion معرفی شد وقت گذاشتم و مقاله مهندسی Anthropic رو خوندم و خیلی لذت بردم
یه مفهومی که معرفی کرده Changeset هست که خیلی منطقی هست
خیلی Anthopic رو دوست دارم از مدل Opus گرفته تا cli بودن Claude Code و اینکه به خودشون اجازه دادن git که bottleneck شده بود رو عوض کنند.
خیلی هیجان زده هستم که کلی تغییرات تو راه داریم.
بهتون پیشنهاد می کنم که این مقاله رو بخونید چون دید خیلی خوبی بهتون میده.
https://www.anthropic.com/engineering/redesigning-source-control
@DevTwitter | <Pouria Jahandideh/>
❤18👍3🍌3
یکی از سؤالهای رایج در System Design:
چطور یک سیستم خرید و رزرو موجودی رو در مقیاس بالا طراحی کنیم؟
فرض کنید یک محصول فقط ۱۰ موجودی داره.
وقتی کاربر وارد فرآیند خرید میشه، هنوز خرید نهایی انجام نشده؛ ابتدا باید موجودی رو براش Reserve کنیم تا کاربر فرصت پرداخت داشته باشه.
بعد از پرداخت موفق، Reservation به Purchase تبدیل میشه و موجودی واقعاً از انبار کم میشه.
در بسیاری از طراحیها، برای مدیریت سریع موجودی و concurrency در مرحلهی Reservation از Redis در کنار Database استفاده میشه.
اما این معماری چالشهای خودش رو داره.
وقتی بخشی از state در Redis و بخشی در Database قرار داره، حفظ consistency بین این دو سیستم ساده نیست.
اگر Reservation در Redis موفق شه ولی ثبتش در Database شکست بخوره چی؟
اگر Payment موفق شه ولی مرحلهی نهایی کردن Purchase شکست بخوره چی؟
با افزایش scale، مسائلی مثل hot key، contention، retry، failure و synchronization هم جدیتر میشن.
نکتهی جالب اینجاست که در مقالهی جدیدی، Shopify دقیقاً همین مسئله رو بررسی کرده و Redis رو از معماری Inventory Reservation خود حذف کرده و به MySQL منتقل شده.
با استفاده از مکانیزمهایی مثل "SKIP LOCKED" و row-level locking، توانستند concurrency موردنیاز رو مستقیماً در Database مدیریت کنند.
شاید سؤال بعدی در یک System Design Interview این باشه:
اگر MySQL بتونه این workload را مدیریت کنه، چرا اصلاً Redis رو وارد معماری کنیم؟
لینک مقاله برای مطالعه بیشتر(فیلتر شکن میخواد):
https://shopify.engineering/scaling-inventory-reservations
@DevTwitter | <AmirHossein Doroudian/>
چطور یک سیستم خرید و رزرو موجودی رو در مقیاس بالا طراحی کنیم؟
فرض کنید یک محصول فقط ۱۰ موجودی داره.
وقتی کاربر وارد فرآیند خرید میشه، هنوز خرید نهایی انجام نشده؛ ابتدا باید موجودی رو براش Reserve کنیم تا کاربر فرصت پرداخت داشته باشه.
بعد از پرداخت موفق، Reservation به Purchase تبدیل میشه و موجودی واقعاً از انبار کم میشه.
در بسیاری از طراحیها، برای مدیریت سریع موجودی و concurrency در مرحلهی Reservation از Redis در کنار Database استفاده میشه.
اما این معماری چالشهای خودش رو داره.
وقتی بخشی از state در Redis و بخشی در Database قرار داره، حفظ consistency بین این دو سیستم ساده نیست.
اگر Reservation در Redis موفق شه ولی ثبتش در Database شکست بخوره چی؟
اگر Payment موفق شه ولی مرحلهی نهایی کردن Purchase شکست بخوره چی؟
با افزایش scale، مسائلی مثل hot key، contention، retry، failure و synchronization هم جدیتر میشن.
نکتهی جالب اینجاست که در مقالهی جدیدی، Shopify دقیقاً همین مسئله رو بررسی کرده و Redis رو از معماری Inventory Reservation خود حذف کرده و به MySQL منتقل شده.
با استفاده از مکانیزمهایی مثل "SKIP LOCKED" و row-level locking، توانستند concurrency موردنیاز رو مستقیماً در Database مدیریت کنند.
شاید سؤال بعدی در یک System Design Interview این باشه:
اگر MySQL بتونه این workload را مدیریت کنه، چرا اصلاً Redis رو وارد معماری کنیم؟
لینک مقاله برای مطالعه بیشتر(فیلتر شکن میخواد):
https://shopify.engineering/scaling-inventory-reservations
@DevTwitter | <AmirHossein Doroudian/>
👍11❤8🍌5
Media is too big
VIEW IN TELEGRAM
وقتی Context پر بشه، Claude Code شروع میکنه به فراموش کردن.
با Context Mode خروجی ابزارها توی Sandbox میمونه و فقط نتیجه برمیگرده؛ تا ۹۸٪ کمتر.
لینک:
https://github.com/mksglu/context-mode
@DevTwitter | <Diego Jr/>
با Context Mode خروجی ابزارها توی Sandbox میمونه و فقط نتیجه برمیگرده؛ تا ۹۸٪ کمتر.
لینک:
https://github.com/mksglu/context-mode
@DevTwitter | <Diego Jr/>
❤12🍌4