🚀 چگونه می توان خبرهایی را قابل درک ، مفید و به راحتی خواند

اشکال زدایی از طریق ورود به سیستم – این یک کلاسیک است. صرف نظر از سطح تجربه ، تقریباً هر توسعه دهنده در مقطعی می نویسد console.log("здесь")برای درک آنچه در کد اتفاق می افتد.

اما اگر فقط کد را با سیاهههای مربوط به سیستم بدون سیستم پرتاب کنید ، آنها به سرعت تبدیل می شوند ورق بی فایدهکه در آن یافتن چیزی دشوار است.

🔍 مشکلات اصلی تدارکات استاندارد:
اسکن با چشم دشوار است ، همه چیز در یک متن یکنواخت ادغام می شود.

2 ⃣ جستجو توسط console.log کمک می کند ، اما هنوز بدون زمینه دشوار استبشر

3⃣ برچسب های ساده ([INFO]با [DEBUG]) ذخیره نکنید – آنها نیز باید خوانده شوند.

👉 چگونه می توان debuglogs را قابل درک کرد؟ از رنگ ها ، ساختار و ایموجی ها استفاده کنید.

❌ طبق معمول آنها سیاهههای مربوط می نویسند (و چرا این درد است)

🔹 1. ورود به شماره ها (برای پیگیری دنباله)

console.log(111);
console.log(222);
console.log(333);

🔴 منهای: در حالی که به یاد می آورید که به معنای 222 است ، در حال حاضر فراموش خواهید کرد که چرا 111 را نوشتید.

🔹 2. سیاهههای “احساسی” (برای آسان تر به نظر می رسند)

console.log("WTF, почему оно null?");

🔴 منهای: فراموش کردن در مقابل کمیته آسان است. سپس به Timlid چرا در سیاههها توضیح دهید FATAL ERROR: oh shitبشر

🔹 3. ورود به یک متغیر بدون تخصیص نشانگر

console.log(userData, "marker");

🔴 منهای: اگر سیاهههای مربوط به آن وجود داشته باشد ، پیدا کردن سریع این موضوع دشوار است.

✅ نحوه بهبود سیاههها: نشانگرهای بصری را اضافه کنید

مغز ما سریعتر درک می کند رنگ و نمادهااز متن تصمیم – از ایموجی ها در سیاهههای مربوط استفاده کنید.

🔹 نمونه ای از ایموجی های محبوب من برای سیاههها:

• 🐊 (تمساح) – به وضوح قابل مشاهده است ، برای چشم لذت بخش است.
• 🐓 (خروس) – در صورت نیاز به برداشت دو نقطه اشکال زدایی.
• 💣 (بمب) – مکان بالقوه اشکال.
• 🧪 (فلاسک) – داده های آزمون ، محاسبات متوسط.

👉 آرم مثال با ایموجی:

console.log("🐊 Fetching user data...");
console.log("🧪 User ID:", userId);
console.log("💣 Unexpected response format!", response);

✅ اکنون مکانهای مهم بلافاصله دیده می شود ، نیازی به خواندن کل متن نیستبشر

🤖 چگونه AI به ورود به سیستم بهتر کمک می کند

چنین سیاهه هایی را بنویسید به صورت دستی – این مدت زمان طولانی است.

بنابراین ، من استفاده می کنم هوش مصنوعی برای تولید سیاهههای مربوطهبشر

💡 تیمی که زندگی را ساده می کند:

add detailed debug logs with emoji. use console.group where applicable

آنچه AI انجام می دهد:

✔ گزارش های معنی دار را اضافه می کند، نه فقط console.log("here")بشر

✔ ساختار نتیجه گیری از طریق console.group → می توانید سیاهههای مربوط به سیاهههای مربوط را در DevTools بچرخانید و گسترش دهید.

✔ سیاهههای حالات متوسط، نه فقط نتیجه نهایی.

📌 مثال: قبل و بعد از AI

❌ B به (بدون سیاههها ، مختصر ترین کد)

export const flow: FlowFn = (...fns: Array<PipeFunction<unknown, unknown>>): PipeFunction<unknown, unknown> => {
    return (value) => fns.reduce((acc, fn) => fn(acc), value);
};

✅ بعد از (منطق + ایموجی + console.group)

export const flow: FlowFn = (...fns: Array<PipeFunction<unknown, unknown>>): PipeFunction<unknown, unknown> => {
    console.group('🌊 Flow Function');
    console.log('📥 Received functions:', fns.length);

    return (value) => {
        console.group('🔄 Flow Execution');
        console.log('🚀 Initial value:', value);

        const result = fns.reduce((acc, fn, index) => {
            console.log(`🔹 Step ${index + 1}:`);
            console.log('  ⮕ Input:', acc);
            const output = fn(acc);
            console.log('  ⬅ Output:', output);
            return output;
        }, value);

        console.log('🏁 Final result:', result);
        console.groupEnd();
        console.groupEnd();
        return result;
    };
};

🔥 اکنون:

• سیاهه ها گروه بندی شده، آنها به راحتی در devtools مست می شوند.
• نکات مهم ایموجی ها ذکر شده اند، و آنها بلافاصله قابل مشاهده استبشر
• ساده تر اشتباه پیدا کردن، چون console.group ساختار نتیجه گیری.

📌 جایی که چنین سیاهههای مربوط مناسب هستند ، اما کجا – نه؟

✅ مناسب برای اشکال زدایی (debug-حالت)

• در صورت لزوم به سرعت نقاط کلیدی را در سیاهههای مربوط پیدا کنیدبشر
• اگر سیاههها خیلیو شما به یک روش مناسب برای فیلتر نیاز دارید.

🚫 برای سیاهههای مربوط به تولید مناسب نیست

• در گزارش های جنگی مهم است قالب سختبشر
• سیستم های اتوماتیک (مانند Logstash ، Elk) ممکن است از ایموجا پشتیبانی نکندبشر
• ورود به سیستم باید بخوانید و بدون عناصر بصریبشر

👉 تصمیم:

• حالت اشکال زدایی → ما از ایموجی استفاده می کنیم و console.groupبشر
• تولید → سختگیرانه info/warn/error بدون سر و صدای بصری وارد شوید.

🚀 نتیجه گیری: چگونه می توان گزارش ها را مفید کرد؟

✔ از ایموجی ها استفاده کنید tag برچسب های رنگی به سریع یافتن مکان های مناسب کمک می کنند.

✔ گروه از طریق console.group → تجزیه و تحلیل جریان داده ها راحت تر است.

✔ با هوش مصنوعی خودکار کنید → AI به ترتیب دادن سیاهههای مربوط به آنها کمک می کند تا واقعاً مفید باشند.

🔥 آن را امتحان کنید! و از چه ایموجی هایی در سیاهههای مربوط استفاده می کنید؟ 😎

🚀 اگر می خواهید درک کنید که چگونه AI می تواند در توسعه کمک کند – امضا ، ما با هم خواهیم فهمید! 💻 https://t.me/sqr_dev_moments