نوشته های محمد علی چراغی

سیستم عامل من!

محمد علی چراغی — Sat, 13 Mar 2021 20:30:02 +0330

اسکرین شات از NutOSمیدونم عجیبه ولی من یه سیستم عامل ساختم! به اسم NutOS یعنی "گردو"با Rust نوشته شده و هنوز خیلی کار داره و تنها کاری که میکنه اینه که سلام میکنهخوشحال میشم امتحانش کنیدبه این شکلgit clone https://github.com/AliChraghi/NutOS && cd NutOS cargo bootimage qemu-system-x86_64 -drive format=raw,file=target/x86_64/debug/bootimage-NutOS.binدستور آخر یه ماشین مجازی خیلی سبکه. اول نصبش کنید بعد این دستور رو اجرا کنیدخیلی خیلی ممنون میشم خطا هاتون رو توی کامنت ها یا ایمیلم یا به شکل Issue در Github بنویسید

چرا تفاوت ها اینقدر زیاده؟

محمد علی چراغی — Thu, 11 Mar 2021 11:01:02 +0330

چرا؟واقعا عجیبه! توی دنیایی زندگی میکنیم که همه چی عجیب و برعکس، بعضی ها روی ۳ دهم ثانیه تفاوت Go و Rust خودشون رو جر میدن ولی کاری با ۲.۵ ثانیه Crystal و Rust ندارن!بیاید نتایجی رو که خودم تست کردم رو نشونتون بدم..فیبوناچیاومدم تا عدد ۴۵ ام فیبوناچی رو با ۵ تا زبون مختلف بدست بیارم و نتیجش شد این:C--------------> 3.000V-----------------> 3.025 ( Without -prod ---> 12.625 )Crystal--------> 5.463Rust-----------> 7.975Go-------------> 8.370خب اینجا تفاوت V با C تقریبا هیچی! ولی در عوض چی؟ در قبال برنامه نویسانی که همه چیز رو شل گرفتن و همه تمرکزشون رو روی همین اعداد گذاشتن و هروز هم دارن ازش دورتر میشن! بعد از چند هفته برنامه نویسی حرفه‌ای با V متوجه میشید که برنامه نویسا با هدف سادگی همه چیز رو ساده گرفتن و اشتباهاتی میبینید که شاخ در میارید! آقایان Spythmen و Alex هم هر چی میگی روت یه چیز میگن و فقط سعی دارن بگن که کار من درسته و تو داری اشتباه میکنی. جدا از اینکه کلی وقت گذاشتم و CatUI رو درست کردم تا در vlang.io استفاده بشه و فقط با شعار سادگی دهن منو سرویس کردن آخرش هم گفتن که این که همون چیزیه که تو وبسایت هست! جالب اینجاست بعد از اون همه تلاشی که برای V کردم کسی به من نگفت فلانی تو هم بیا عضو تیم شو فقط یه ممبر نباش! در حالی که وقتی یه نفر فقط اومد و Dark Mode به سایت vpkg که بخشی از V نیست و فقط توسط کامیونیتی درست شده بهش تگ Dev زدن! من عقده تگ Dev ندارم ولی همه این ها نشون دهنده بدی های V، اینا دلایلی بودن باعث شده V رو بندازم آشغالاما اگه از این ها بگذریم وقتی که وارد سرور Crystal شدم با خوش‌آمد مواجه شدم و طوری باهام حرف میزدن که من نوب فکر کردم لینوس توروالدز هستم. اما Crystal یه مشکل بزرگ داره، تیم توسعش اعتماد به نفس ندارن! اونا همون اوایل میتونستن Rust و Go رو بندازن آشغال ولی چی شد؟ تبلیغ نشد! کسی کریستال رو نشناخت! کریستال واقعا یک الماسه مخفی ولی V یک طلای تقلبی که فقط هایپ دروغین ایجاد میکنههمین الانش هم من دلیلی نمیبینم که سمت Rust و Go برم.مطلب بالا بیشترش نظرات شخصی ولی میتونید این رو هم ببینید.( وقتی اینو تو چت V فرستادم همه ساکت موندن و گفتن حرفی برای گفتن نداریم! )خلاصه ماجرا اینه که Crystal واقعا دست کم گرفته شده. شی گرایی کریستال کامل و قدرتمند و من هیچ نقطه ضعفی درش نمیبینم جز تبلیغات ضعیفامیدوارم کسایی که این مطلب رو میخونن به رشد این زبان کمک کنن

کریستال؛ نرم مثل پایتون و روبی، سریع مثل C

محمد علی چراغی — Fri, 26 Feb 2021 16:27:19 +0330

تیترو خوندید؟ ( معلومه دیگه )چقدر زیباست این حرف، وقتی دغدغه پرفورمنس داشته باشید این چیزا رو پیدا میکنیدبله کریستال سینتکسی مثل روبی داره ولی مثل C سریعهکریستال یک زبان کامپایلری مثل Go و Vمن حدود یک ماه با تیم V کار میکردم و تو این مدت حتی ازم خواستن استخدام بشم ولی چون تعهد کاملی به V نداشتم قبول نکردمقبل از اینکه بریم سراغ Crystal میخوام نکات مثبت و منفی V رو بگممثبتکامپایل سریعسینتکس C Likeقابلیت تبدیل به C و بلعکس ( C++ هم میشه )کامیونیتی خوب و مهربان ( الکس (سازنده V ) هم که از همه بهتره ) ( رنج سنی هم ۱۳ <-> ۶۲ )کتابخانه های خوبمنفیمدیریت خطای شخمیمشکلاتی در سینتکس ( باید چند روز کار کنید تا بفهمید )بک اند C ( این میتونه مثبت باشه ولی معنیش اینه که بعد کامپایل سر و کارتون با GCC اینم بخونید )عدم رسیدگی کامل به Issue ها ( نزدیک ۹۰۰ تا که ۴۳ تا رو که باید بسته میشدن رو لیست کردم و حذف شد)ساختار اشتباه در برخی جاهامن بخاطر همین ها چند روزی با خودم کلنجار میرفتم ( حتی رفتم خودم یه زبان بسازم ( کار وحشتناکی ) ) ولی کریستال رو پیدا کردماینم یه کد کریستالی برای یک سرور HTTP فوق سریعrequire "http/server" server = HTTP::Server.new do |context| context.response.content_type = "text/plain" context.response.print "Hello world! The time is #{Time.local}" end address = server.bind_tcp 8080 puts "Listening on http://#{address}" server.listenبقیه رو میتونید توی سایت کریستال بخونیدنظر یادتون نره

ای کاش از اول این رو دیده بودم

محمد علی چراغی — Wed, 17 Feb 2021 18:33:27 +0330

امروز گیت هاب رو باز کردم و دیدم یکی آقای دنیل بداخلاق به یه ریپو ستاره داده، جالب تر اینجاست که ۱۴۹ هزار تا هم ستاره خورده بود، ترغیب شدم ببینم چیه. که متوجه شدم یه رودمپ خیلی عالی و کامل برای توسعه وب. با خودم گفتم ای کاش زودتر اینو دیده بودم. واقعا به کسایی که تازه میخوان وارد برنامه نویسی وب بشن توصیه میکنم. حتی برای کسایی که حرفه‌ای هستن هم توصیه میکنمhttps://github.com/kamranahmedse/developer-roadmap/tree/master/translations/persianنسخه فارسی هم دارهاسم سازندش هم فارسی ولی تو برلین ( مشکوکه )

وِکس ( VEX ) ،سریعترین و قدرتمند ترین فریمورک وب

محمد علی چراغی — Mon, 25 Jan 2021 11:27:33 +0330

سلام، بالاخره بعد از دو ماه برگشتم. من تو این دو ماه یک ماه وقتمو صرف دینو، اکتیکس و ... کردم. ۱۵ روز صرف اسباب کشی به اصفهان و بقیش رو صرف یادگیری V و مشارکت در توسعه VEX ( از پریروز شروع کردم ) و تو این مدت یه دوست خوب فیلیپینی پیدا کردم که به من خیلی کمک کرد ( ned )خلاصه بگم من تو این مدت کوتاه که به سرور دیسکورد Vlang جوین شدم خیلی تغییر کردم.وِکس ( VEX ) چیه؟طبق تعریف خودش در گیت‌هاب: یک فریمورک راحت در استفاده و ماژولار برای V است. درسته کاملا ماژولاره و حتی بزودی میتونه از WebSocket هم پشتیبانی کنه. در کنار همه این ها پرفورمنسی در حد C دارهقابلیت های کلیدی ( Key Features )پشتیبانی کامل از متد های HTTP مثل GET, POST, PUT, PATCH, DELETE, و OPTION بسیار راحت الحلقوم ( Easy-To-Use )ساخت روت ( Route ) گروهیپشتیبانی از فایل های استاتیک سرورتجزیه پارامتر ها و کوئریپشتیبانی Middlewareتجزیه کوکی ( پشتیبانی ساده )سرور Websocket ( بزودی )تجزیه Body قدرتمند ( Body Parsing )It's design is inspired from the KISS (Keep It Simple, Stupid) it's Similar to Express.JS, Approach and is Consists of the Following SubModules:وکس بر پایه KISS (Keep It Simple, Stupid) است. که مشابه اون رو در اکسپرس دیدید. یعنی اینکه VEX که خودش یک ماژول تشکیل شده از زیر ماژول ( SubModule )ساب ماژول ها ( SubModules )سرور ( server ): برای ساخت سرورروتر ( router ): برای هندل کردن روت ها و میدل‌ویر هاکانتکس ( ctx ): شامل درخواست ها ( Req ) و پاسخ های ( Resp ) ها استمایم ( mime ): برای شناسایی نوع فایل ها است که خودش از کتابخانه v-mime درست شدهاچ تی ام ال ( html ): برای ساخت صفحه HTML داینامیک ( البته قراره یک Template هم بسازیم )ابزار های سودمند ( utils )ی دارای یک سری ابزار های سودمند که میتونید توی پروژه ازشون استفاده کنیداگه یکم سخت بنظر میرسه این ویدیو رو ببینید که ند چند روز پیش ضبط کرده https://youtu.be/U-MquC3OKtMمیتونید صفحه Wiki رو هم ببینید.ستاره هم فراموش نشود ( به هیچ عنوان )

کارت تمومه Node.JS ( بیاید بکشیمش ?? )

محمد علی چراغی — Sun, 29 Nov 2020 11:52:05 +0330

فتوشاپ ندارم!آیا خبر دارید چند ماه پیش نسخه استیبل Deno منتشر شد؟ آیا پوشه node_modules روی اعصابتان میرقصد؟ آیا از حجم زیاد اپلیکیشنتان خسته شدید؟ خب ما اینجا یک راهکار اساسی داریم به اسم Denoمیدونی Deno چیه؟خودش میگه: A secure runtime for JavaScript and TypeScriptخب خیلی خلاصه گفته اما اینجا یکم بیشتر میدونید دینو یک محیط اجرایی ( Runtime ) برای Javascript و Typescript است که مثل Node.JS از موتور V8 استفاده میکنه و برخلاف Node که با C++ نوشته شده دینو با Rust نوشته شدهدینو به طور پیشفرض امن ( یعنی چی؟ یعنی اینکه برای اجرای هر دستور باید بهش اجازه بدیم که باعث میشه امن بشه ولی خیلی رو مخه ) و از تایپ اسکریپت بدون اتفاده از modules یا چیز دیگه‌ای پشتیبانی میکنه. خب تا اینجا تنها برتریش تایپ اسکریپت و امن بودنش بود اما مهم تر از همه اینها اینکه نیازی به پوشه node_mudoles ندارید و میتونید اونها رو از یک آدرس اینترنتی ( URL ) ایمپورت کنید. چیه حالا Deno رو به Node ترجیه میدید؟ میخواید بکشیدش؟ اما باید بگم که هنوز وقتش نرسیده چون همه اینها مقدمه بود برای اینکه این لینک ها رو باز کنید و تا آخر عمر دیگه برای پروژه Vue از Vue CLI استفاده نکنید.نوبتی ببینید:Medium ( شیلتر شکن میخواد )StackoverflowGithub ( پدرسوخته )راستی نظرتون چیه از این به بعد برای پست ها میم بزارم؟

بهترین ها: بهترین دیتابیس برای Django و Node.JS؟

محمد علی چراغی — Fri, 23 Oct 2020 21:11:24 +0330

احتمالا وقتی که شما برنامه نویسی وب رو با PHP شروع کردید هیچ وقت به این فکر نکردید که از دیتابیسی غیر از MySQL استفاده کنید ( شایدم فکر کردید! )اما حالا که بیشتر با دنیای وب و بک اند آشنا شدید کنجکاوی بیشتری پیدا کردید و همیشه در همه چیز دنبال بهترین ها هستید.یکی از مهم ترین "بهترین ها" ها که در تیتر هم خوندید دیتابیس است. هیچ سایت بزرگ یا حداقل بدردبخوری بدون دیتابیس هیچ است و در واقع بدون ذخیره اطلاعات هیچ است!اما اگه در کنار اینها برنامه نویس Python و مخصوصاً Node.JS باشید بیشتر به این موضوع فکر کرده‌اید. این مقاله رو بخونید تا تجربیات من رو در «انتخاب بهترین دیتابیس برای Django و Node.JS رو بخونید»Djangoجنگو به عنوان محبوب ترین محیط اجرایی پایتون برای وب بهترین دیتابیس برای خودش رو به ترتیب زیر قرار داده:PostgreSQLMariaDBMySQLOracleSQLiteهمونطور که مشخصه PostgreSQL بیشترین سازگاری رو با Django داره. در ضمن بهتره بدونید PostgreSQL ساده ترین روش برای اتصال رو برای Django ارائه میده و طبق تجربه و اون چیزی که من تاحالا دیدم فوق‌العاده سریع مخصوصا تو لینوکس که منو شگفت زده کرد. البته باید بدونید امکانات Postgres خیلی زیاده و بیشتر بدرد دیتا های زیاد میخوره پس اگه پروژه کوچیکی دارید بهتره برید سراغ گزینه های سبک تر مثل MariaDB و MySQL. راستی خالی از لطف نیست که بدونید pgAdmin با Flask نوشته شده! پس در کل نتیجه میگیریم PostgreSQL بهترین دیتابیس برای Django و Flask هست و البته اگه پروژه سبک و کوچیکی دارید میتونید از MySQL استفاده کنید...Node.JSاگه میخواید به حرفای بعضی اهل فن و ... گوش کنید همینجا خوندن رو تموم کنید این پست رو لایک کنید و برید ولی اگه به من اعتماد دارید میخواید به حرفای من گوش بدید پس با دقت ادامه پست رو بخونید...همونطور که میدونید یا شایدم نمیدونید اکثرا ما رو به استفاه از MongoDB برای Node.JS توصیه میکنند که واقعا از نظر من مسخره و بی پایه و اساس؛ چون خود MongoDB بی پایه و اساس. Mongo هیچ استانداردی برای استفاده از خودش نداره از اون بدتر Mongoose که برای یه SELECT و INSERT یا بقول خودش ( find و save ) باید اول یه Schema درست کنید بعد یه مدل و بعد فقط یه SELECT انجام بدید. بیشتر توضیح نمیدم خودتون ببینید...var Schema = mongoose.Schema; var usersSchema = new Schema({ _id: mongoose.ObjectId, name: String, password: String, }); var usersModel = mongoose.model("users", usersSchema); const result = await usersModel.find({});حالا INSERT یا همون Save رو بیخیال فقط میخوام نشون بدم که اگه بخوایم همینو با PostgreSQL انجام بدیم چطوره...const result = client.query("SELECT * FROM `users`");خب احتمالا تا اینجا متقاعد شدید که باید بیخیال MongoDB بشید اما اگه باز هم میخواید بگید که سرعت MongoDB خیلی زیاده پس نتایج آزمایش زیر رو که خودم گرفتم رو ببینید (البته واقعا نمیدونم میشه به این نوع تست اعتماد کرد یا نه ).تست Select با PostgreSQL:تست Select با MongoDB:البته اگه به این تست اعتماد ندارید ( خودمم ندارم ) میتونید این رو ببینید.به غیر از این ها من خودم وقتی با Postgres کار میکنم سرعت بیشتری رو احساس میکنم. به هر حال تصمیم با شما است ولی خب به هر حال باید لایک کنید!

چرا از Vue استفاده میکنم؟ و چرا به React ترجیهش میدم...

محمد علی چراغی — Tue, 29 Sep 2020 20:38:52 +0330

اینکه چرا من تا این حد Vue رو دوست دارم و React رو رها کردم داستان خودشو داره، ولی میخوام اینجا یه سری دلایل بیارم که چرا باید React یا Angular رو بیخیال بشید و بچسبید به Vue و مکمل محبوب SSR اون یعنی Nuxt.در ادامه قراره رستگار بشید :)1 - انعطاف پذیرهدر واقع منظورم از انعطاف پذیری بحث های حاشیه‌ای نیست. خیلی واضح میگم:وقتی با Vue کار میکنید روش های زیادی برای انجام یک کار دارید. Vue سعی نمی کنه شما رو در انجام کارها به یک روش خاص، مثل بعضی از چارچوب های معروف جاوا اسکریپت، محدود کنه.برای پروژه های بزرگ ، هر دوی Vue و React در روتینگ ( Routing ) راه حل های قدرتمندی ارائه میدهند. همچنین جامعه React با ارائه ابزار های State Management مثل Redux و Flux قدرت بیشتری به React داده است. اما فکر نمیکنم Vuex کم از این دو داشته باشد، حتی کار با Vuex خیلی راحت تر است مخصوصا اگر از Nuxt هم استفاده کنید دیگر آن دردسر های همیشگی فهموندن رو ندارید...اینجاست که Vue یک قدم از React جلو می‌افته :)2 - عاشق چشم و ابروی ما استوقتی با Vue کار میکنید حس میکنید که ما رو دوست داره... اما چرا؟برای مثال VueCli که با پیکربندی ، اجرا ، تجزیه و تحلیل و آزمایش یک پروژه جدید سرعت پروژه را افزایش میدهد. VueCli در مقایسه با رقبا بسیار انعطاف پذیرتر است و تنظیمات از پیش پیکربندی شده بسیاری را ارائه می دهد.یا Syntax ویو که همه اجزاش به طور یکپارچه به شکلی بسیار ساده با هم در ارتباط هستند.ساده و باحال نیست؟اصلا همین سادگی Vue هست که همه رو مجذوب خودش کرده و الان هم که دارم این مطلب رو مینویسم 173 هزار تا ستاره تو GitHub خورده...همچنین بگم که همینطور که میدونید یا شایدم نمیدونید وقتی CSS رو تو React ایمپورت میکنید React اون رو به CSS In JS تبدیل میکنه تا استایل شما فقط روی کامپوننتی که میخواید محدود بشه که روی پرفورمنس تاثیر خوبی نداره! اما تو Vue اینطور نیست و میتونید بدون اینکه از CSS In JS استفاده کنید از وجود CSS محدود شده ( Scoped ) لذت ببرید. البته همانطور که گفتم Vue شما را محدود نمیکند، و میتوانید از وجود پکیج هایی مثل styled-components-vue و vue-emotion بهره ببرید!3 - کتابخانه های UIحتما شما هم برای انتخاب بهترین UI Framework سرچ و تحقیق کرده‌اید و اگر با React کار میکنید BluePrint انتخاب اولتان است اما در Vue اوضاع کمی متفاوت است و شما با کلی UI Framework طرف هستید. مخصوصا دو غول به اسم های Vuetify و BootstrapVue ( رقابتشون فعلا سر تعداد کامپوننت ها است )همچنین وقتی با UI Frameworks کار میکنید اضافه کردن کامپوننت ها در React بسیار سخت است و باید تک تک کامپوننت ها را ایمپورت کنید که حتی باعث میشود دور UI Frameworks ها را خط بکشیدimport { Button, Alert, Cards, Forms, Images, Figures, Jombotron, ListGroup, Progress, Spinners, Modal, Navs, Tabs, Popovers, Pagination } from 'react-bootstrap/Button';عذاب آور نیست؟!! لیست کامل UI Framework های محبوب Vue و ReactVueVuetify BootstrapVueBuefyQuasarCoreUI VueVue MaterialVuesaxiViewVue Material KitPrimeVueElementKeen UIMint UIVueTailwindReactAnt DesignMaterialUIReact BootstrapBlueprintSemantic UI ReactRebassFluent UIEvergreenChakra UIGrommetهر دو فریمورک در گستره عظیم UI Frameworks عملکرد خوبی داشتند اما React بدلیل مشکل خود در ایمپورت شما را به سمت کار با کلاس ها سوق میدهد.4 - کارایی، سرعت و حجمفقط 10KBتو عکس بالا هیچ حرفی نیست... فقط میخوام بگم که React توی بحث برفورمنس خیلی از Vue عقب تره!الان که دارم این مقاله رو مینویسم نسخه فعلیش 2.6.10 هست که حجم Runtime کلیش 22.8KB هست ولی نسخه 3 که فقط چند روزه منتشر شده فقط 10KB حجم داره که یعنی تقریبا 1/4 React و برای هرکسی باور نکردنیه! (300 خط کد حدوداً میشه 10KB ) در این بین هم که Ember.js و Angular توی حجم روسیاه هستند...5 - محبوب است و توسط بهترین ها استفاده شدهحتما تا حالا رستگار شدید و به قدرت Vue.JS ایمان آوردید پس چرا گوگل نیاره! بله درست متوجه شدید. گوگل که خود به وجود آورنده Angular است در قسمت استخدام و فرصت های شغلی خود از Vue.JS استفاده میکند. البته استفاده از Vue به گوگل محدود نمیشود و شرکت ها و سایت های معروف بسیاری با استفاده از این فریمورک قدرتمند ساخته شده‌اند. مثل :Adobe BehanceAdobe Schrift Bewegt Apple DevelopersFacebook NewsFeedNetflixXiaomiAlibabaGitLabLiveStorm9GagNintendoChessو ....6 - قدرتمند است!برخلاف دیگر فریمورک ها، Vue از ابتدا طراحی شده است تا به تدریج قوی تر شود (: این مدلی دوست دارم :) همچنین هسته اصلی Vue فقط بر روی لایه View متمرکز شده (معماری MVVM ) و انتخاب و ادغام آن با سایر فریمورک ها یا پروژه های دیگر آسان است. و همچنین یادتان نرود دست شما را در انجام هر کاری باز میگذارد...