چگونه یک ویرایشگر متن غنی را در واکنش با SlateJS

ساختیم

ksimonsKevin Simons

Kitemaker (https://kitemaker.co)

ساخت یک ویرایشگر عالی برای برنامه وب مبتنی بر React خود به هیچ وجه آسان نیست. اما با SlateJS کارها بسیار راحت تر می شوند. حتی با کمک Slate ، ساخت یک ویرایشگر با امکانات کامل بیشتر از آن است که بتوانیم در یک پست وبلاگ آن را پوشش دهیم ، بنابراین این پست تصویر بزرگی به شما می دهد و پست های بعدی به جزئیات کثیف فرو می روند. < p class = "paragraf"> توجه: این پست بر اساس بحث اخیر در نشست جاوا اسکریپت NYC است. می توانید ویدئو را در اینجا تماشا کنید:

[محتوای جاسازی شده]

SlateJS

ما در حال ساخت Kitemaker هستیم ، جدید ، سریع و گزینه ای بسیار مشارکتی برای انتشار ردیاب هایی مانند Jira ، Trello و Clubhouse. ما معتقد به کارهای از راه دور و به ویژه کار غیرهمزمان هستیم تا اعضای تیم زمان طولانی و بدون وقفه ای برای انجام کار داشته باشند. نکته اصلی در حمایت از این نوع کارها داشتن یک ویرایشگر بسیار عالی است تا تیم ها از همکاری در زمینه مسائل و اطمینان از هم ترازی الهام بگیرند. و ما فکر می کنیم بهترین ویرایشگر را در اختیار داریم:

کلید های میانبر نشانه دار، بلوک های کد با نحو برجسته، تصاویر ، جاسازی طرح ها از Figma ، عبارات ریاضی با LaTex ، نمودارهای MermaidJS و البته شکلک ها ♥. همه کارها کاملاً با Slate انجام شده است.

پس چرا اولاً تصمیم گرفتیم که با Slate همراه شویم؟ این قطعاً تنها چارچوب ویرایشگر موجود نیست. برای ما ، مواردی که ما را به سمت تخته سنگ سوق داد:

• درباره چگونگی ساختار سند شما نظر ندارد و این انعطاف پذیری لازم را به ما می دهد
• این کار هر نوار ابزار داخلی یا سایر تصاویر را به شما تحمیل نکنید
• با در نظر گرفتن React ساخته شده است و تفاوت زیادی در هنگام ارائه اسناد پیچیده ایجاد می کند
• این اساس همکاری را ایجاد می کند ویرایش که چیزی است که به اعتقاد ما برای Kitemaker مهم است
• ما فلسفه موجود در آن را واقعاً دوست داریم
• این یک جامعه پر رونق است ، به ویژه در Slack

چگونه Slate اسناد را نمایندگی می کند

یکی از بهترین قسمت های Slate این است که چگونه نظرات کمی درباره نحوه ساختار اسناد ارائه می دهد. این فقط چند مفهوم دارد:

• ویرایشگر – ظرف سطح بالای سند شما
• عناصر سطح بلوک – “بخش” های خاص دامنه که اسناد شما را تشکیل می دهند ، مانند پاراگراف ها ، بلوک های کد و لیست ها. اینها مواردی است که می توانید در سند خود بین آنها خطوط افقی بکشید
• عناصر درون خطی – عناصر ویژه ای که متناسب با متن سند شما جریان دارند ، مانند پیوندها
• گره های متنی – اینها حاوی متن واقعی در سند
• علائم – حاشیه نویسی هایی که روی متن قرار می گیرند ، مانند علامت گذاری متن به صورت پررنگ یا مورب

خوانندگان تیزبین متوجه می شوند که این ساختار آن بسیار شبیه به DOM است و متن ، بلوک و خطوط داخلی Slate بسیار شبیه به همتایان خود در DOM رفتار می کنند. بصری:

تخته سنگ از قالب JSON بسیار ساده ای برای نمایش اسناد استفاده می کند و سند بالا به این شکل است من n نمایندگی تخته سنگ:

[ { “نوع” : “بند” ، “کودکان” : [ { “متن” : “متن دارای پیوند” } ، { “type” : “link” ، “url” : “https://kitemaker.co” ، “کودکان” : [ { “متن” : “https://kitemaker.co” } ] } ، { “متن” : “اینجا” } ] } ، { “نوع” : “بند” ، “کودکان” : [ { “متن” : “نوشتار با” } ، { “متن” : “پررنگ” ، “پررنگ” : درست است } ، { “متن” : “و” } ، { “متن” : “ایتالیک” ، “ایتالیک” : درست است } ، { “متن” : “اینجا” } ] }
]

همانطور که قبلاً گفتیم ، اسلیت در مورد نحوه ساختار اسناد واقعاً نظری ندارد در لکه JSON در بالا ، تنها موردی که Slate به آن اهمیت می دهد این است که آرایه ای از عناصر بلوک با خاصیت کودکان بدست می آورد و این کودکان یا عناصر بلوک دیگری هستند یا مخلوطی از گره های متنی و عناصر درون خطی هستند. خودشه. Slate به نوع ، url یا مشخصات پررنگ اهمیت نمی دهد و همچنین به نحوه ارائه این گره های مختلف اهمیتی نمی دهد. این کار کار با آن را واقعاً انعطاف پذیر و قدرتمند می کند.

سلام ویراستار جهان

پس زمینه کافی. بیایید چند کد را بررسی کنیم! بیایید ببینیم یک م Sلفه ویرایشگر ساده با استفاده از Slate به نظر می رسد:

function < span> MyEditor ( ) { ساختار ویرایشگر = useMemo ( () => withReact (createEditor ()) ، []]؛ ساختار [value، setValue] = React.useState ([ { کودکان : [{ متن : ‘در حال آزمایش’ }] ، } ، ]) ؛ بازگشت ( < تخته سنگ ویرایشگر = {ویرایشگر} مقدار = {ارزش} onChange = {(v) = > setValue (v)}> <قابل ویرایش /> تخته > )
}

• و همین. این یک م componentلفه کاملاً مفید با Slate است!
• ما از createEditor () برای ایجاد ویرایشگر استفاده می کنیم (فعلا نگران نباشید withReact () – این یک افزونه است که در زیر به آن خواهیم پرداخت)
• ما یک یک آرایه ساده از گره ها برای ذخیره سند (دقیقاً همانطور که در بالا نگاه کردیم)
• ما یک م <لفه را ارائه می دهیم که به عنوان یک ارائه دهنده زمینه عمل می کند ، ویرایشگر ایجاد شده در بالا را برای تمام اجزای زیر آن ارائه می دهیم . این واقعاً جالب است زیرا به عنوان مثال می توانید در زیر م toolلفه نوار ابزار و سایر م componentsلفه ها را اضافه کنید که می تواند ویرایشگر را گرفته و سند را با آن دستکاری کند. ما همچنین مقدار و ویژگی های onChange را سیم کشی می کنیم ، شبیه هر ورودی در React
• ما یک م <لفه اضافه می کنیم که ویرایشگر واقعی است که کاربر با آن در صفحه ارتباط برقرار می کند

خسته کننده است. چگونه کارها را گسترش دهیم؟

بنابراین ، در حالی که نوشتن آن مثال قبلی پیش پا افتاده بود ، ما هنوز فقط یک ویرایشگر داریم که در مورد آن کار می کند و همچنین . خیلی هیجان انگیز نیست. </p> <p class = "paragraf"> خوشبختانه Slate مکانیزمی را برای جالب تر کردن همه چیز فراهم می کند: </ p> </p> <ul> <li> <strong> پلاگین ها: </ strong> پلاگین ها به ما اجازه می دهد تا نادیده بگیریم رفتار اصلی ویراستار. آنها مربوط به رندر نیستند ، فقط مهم این است که آنچه هنگام وارد شدن متن یا افتادن یک تصویر اتفاق می افتد </ li> <li> <strong> گردانندگان رویداد: </strong> به ما امکان می دهد مواردی مانند با فشار دادن کلید ، بنابراین می توانیم کلیدهای میانبر را اضافه کنیم یا اجازه دهید “tab” را فشار دهید تا یک لیست گلوله ای ایجاد شود. </ li> <li> <strong> ارائه سفارشی با React: </strong> با Slate می توان دقیقاً نحوه ایجاد هر گره را تعیین کرد سند ما باید با استفاده از React </li> </ul> <p class = "paragraph"> ارائه شود بیایید نگاهی سریع به هر یک از اینها بیندازیم. </ p> </p> <h2> پلاگین ها </ h2> </p> <p class = " paragraf "> پلاگین ها مفهومی فریبنده و ساده ، قدرتمند در Slate هستند. به طور کلی افزونه ها چیزی شبیه به این دارند: </ p> </p> <div class = "code-container" readability = "16"> <span> صادرات </ span> <span class = "hljs-function"> <span> تابع </ span> <span> withMyPlugin </span> (<span> editor: ReactEditor </span>) </span> { <span> ساختار </ span> {insertText، insertData، normalizeNode، isVoid، isInline} = ویرایشگر؛ <span> // هر زمان متن در سند وارد می شود فراخوانی می شود (به عنوان مثال وقتی </ span> <span> // کاربر چیزی را تایپ می کند) </ span> editor.insertText = <span class = "hljs-function"> (<span> متن </ span>) => </ span> { <span> // کار جالبی انجام دهید! </ span> insertText (متن) ؛ }؛ <span> // وقتی کاربران چیزها را به ویرایشگر پیست می کنند یا می کشند </ span> تماس گرفته می شود editor.insertData = <span class = "hljs-function"> (<span> داده </ span>) => </ span> { <span> // کار جالبی انجام دهید! </ span> insertData (داده) }؛ <span> // ما یک پست کامل را به این پست اختصاص خواهیم داد ، اما نکته اصلی استفاده از آن است </ span> <span> // برای اجرای طرح سفارشی خود به سند JSON </span> editor.normalizeNode = <span class = "hljs-function"> (<span> ورودی </span>) => </span> { <span> // کار جالبی انجام دهید! </ span> normalizeNode (ورود)؛ }؛ <span> // به تخته سنگ می گوید که بعضی از گره ها محتوای متنی ندارند (آنها دارای اعتبار نیستند) </span> <span> // بسیار مفید برای مواردی مانند تصاویر و نمودارها </ span> editor.isVoid = <span class = "hljs-function"> (<span> عنصر </span>) => </span> { <span> اگر </ span> (element.type === <span> “تصویر” </ span>) { <span> بازگشت </ span> <span> درست </ span> ؛ } <span> بازگشت </ span> isVoid (عنصر) است؛ }؛ <span> // به تخته سنگ می گوید که گره های خاصی به صورت درون خطی قرار دارند و باید مانند متن </span> با متن جریان داشته باشند <span> // پیوند موجود در مثال ما در بالا </ span> editor.isInline = <span class = "hljs-function"> (<span> عنصر </ span>) => </ span> { <span> اگر </ span> (element.type === <span> “پیوند” </ span>) { <span> بازگشت </ span> <span> درست </ span> ؛ } <span> بازگشت </ span> isInline (عنصر)؛ }؛ <span> بازگشت </ span> ویرایشگر ؛ } </div> <p class = "paragraph"> طبق قرارداد ، نام آنها با </ p> با شروع می شود. آنها یک ویرایشگر Slate می گیرند ، هر عملکردی را که برای لغو نیاز دارند لغو می کنند و ویرایشگر اصلاح شده را به عقب برمی گردانند. اغلب اوقات ، آنها در برخی از این عملکردها موارد کمی را کنترل می کنند و برای بقیه به حالت پیش فرض برمی گردند. <strong> هشدار تخریب: </ strong> حدود 80٪ اضافه کردن قابلیت ها به ویرایشگر Slate انجام تطبیق رشته در این توابع پلاگین است و سپس سند را با استفاده از API غنی Slate دستکاری می کنید. </p> <p class = "paragraph"> توابع بیشتری وجود دارد شما می توانید بیش از مواردی که در بالا نشان داده شده است ، لغو کنید ، اما اینها رایج ترین آنها هستند. می توانید همه اطلاعات مربوط به افزونه ها را در مستندات Slate بخوانید. </ p> </p> <p class = "paragraf"> یکی از قدرتمندترین قسمت های پلاگین های Slate این است که می توانند با هم ترکیب شوند. هر پلاگین می تواند به دنبال چیزهایی باشد که برای آن مهم است و همه موارد دیگر را بدون تغییر منتقل می کند. سپس می توانید چندین افزونه را با هم بسازید و حتی یک ویرایشگر قدرتمندتر نیز بدست آورید: </ p> </p> <div class = "code-container" readability = "9"> <span class = "hljs-function"> <span> تابع </ span> <span>MyEditor</span>(<span> </span>) </span> { <span> ساخت </ span> editor = useMemo (<span class = "hljs-function"> <span> () </span> => </span> withReact (withDragAndDrop (withMarkdownShortcuts (withEmojis (withReact (createEditor () )))) ، []) ؛ …<br /> } </div> <h2> گردانندگان رویدادها </ h2> </p> <p class = "paragraf"> مانند بسیاری از اجزای ورودی React ، م </لفه </ p> <Editable> دارای یکسری رویدادها است که می توانید به آنها گوش دهید. ما در اینجا وقت نداریم که همه آنها را مرور کنیم ، اما موردی را که بیشتر اوقات استفاده می کنیم ذکر خواهیم کرد: onKeyDown () </p> <p class = "paragraph"> با مدیریت این رویداد ، می توانیم انواع کارهای قدرتمند را در ویرایشگر ما ، مانند اضافه کردن کلیدهای میانبر به عنوان مثال: </ p> </p> <div class = "code-container" readability = "11"> <قابل ویرایش onKeyDown = {(e) => { <span> // اگر کاربر فرمان را نگه داشته و “b” را بزند </ span> بیایید متن فعلی را پررنگ کنیم <span> if </span> (e.metaKey && e.key === <span> ‘b’ </span>) { e.preventDefault () ؛ Editor.addMark (editor، <span> ‘bold’ </span>، <span> true </span>)؛ } }} …<br /> /> </div> <p class = "paragraf"> ما از وقایع کلیدی پایین در همه مکان Kitemaker استفاده می کنیم: </ p> </p> <ul> <li> هنگام فشار دادن برگه ، لانه سازی و از بین بردن لانه ها </ li> <li> خروج از لیست ها و بلوک های کد هنگام ورود (یا در بعضی موارد backspace) فشار داده می شود </ li> <li> تقسیم بلوک ها (به عنوان مثال عناوین) با فشار دادن enter در وسط یک بلوک </ li> <li> و بسیاری بسیاری دیگر </li> </ul> <h2> ارائه سفارشی با React </h2> <p class = "paragraph"> Slate هیچ نظری در مورد نحوه دیدن بلوک ها و خطوط داخلی شما روی صفحه ندارد. به طور پیش فرض ، این فقط تمام بلوک ها را به عناصر ساده </ p> </p> <div> و تمام خطوط را به عناصر ساده <span> تبدیل می کند ، اما این بسیار کسل کننده است. </p> <p class = "paragraf"> برای غلبه بر رفتار پیش فرض Slate ، تمام آنچه که ما نیاز داریم برای انجام این کار ، انتقال یک تابع به خاصیت renderElement مpلفه </ p> <Editable> است: </p> <div class = "code-container" readability = "11"> <قابل ویرایش renderElement = {({عنصر ، ویژگی ها ، کودکان}) => { <span> سوئیچ </ span> (element.type) { <span> مورد </ span> <span> “کد” </ span>: <span> return </span> <span class = "xml"> <span> <<span> pre </span> {<span class = "hljs-attr"> … ویژگی </ span>}> < / span> {children} <span> </ <span> pre </span>> </span> </span>؛ <span> مورد </ span> <span> “پیوند” </ span>: <span> return </span> <span class = "xml"> <span> <<span> a </span> <span class = "hljs-attr"> href </span> = <span> {عنصر. url} </span> {<span class = "hljs-attr"> … صفات </ span>}> </span> {کودکان} <span> </ <span> a </span>> </ span> </span>؛ <span> پیش فرض </ span>: <span> return </span> <span class = "xml"> <span> <<span> div </span> {<span class = "hljs-attr"> … صفات </ span>}> < / span> {children} <span> </ <span> div </span>> </span> </span>؛ } }}<br /> /> </div> <p class = "پاراگراف"> تمام آنچه این کد انجام می دهد این است که به دنبال ویژگی </ p> نوع یک گره و انتخاب مسیر ارائه متفاوت بر اساس آن است. به یاد داشته باشید ، همانطور که قبلاً گفتیم ، Slate به این خواص اهمیتی نمی دهد ، فقط ما هستیم. بنابراین در حالی که قرارداد استفاده از type برای نشان دادن نوع گره است ، اما هیچ چیزی شما را مجبور به انجام این کار نمی کند. همچنین می توانید انواع خصوصیات دیگری را که به ارائه کمک می کنند به اجزای خود اضافه کنید (مانند ویژگی url که در پیوندهای بالا مشاهده کردیم). </p> <p class = "paragraph"> مواردی که از </ p> renderElement برگردانده شده اند فقط باید باشند واکنش به م componentsلفه ها. شکل ظاهری آنها و پیچیدگی آنها کاملاً به خود شما بستگی دارد. در اینجا ما در حال بازگرداندن یک عنصر </p> <pre> ساده برای نشان دادن یک بلوک کد هستیم ، اما هیچ چیزی مانع بازگشت یک کامپوننت کامل <Code> که از برجسته سازی نحو پشتیبانی می کند (مانند آنچه در Kitemaker می کنیم) نیست. </p> <p class = "پاراگراف" > فقط یک نکته مهم است که باید هنگام اجرای رندر خود به خاطر بسپارید - همیشه پارامتر </ p> ویژگی ها را به عنوان خصوصیات در بالاترین م you'reلفه ای که باز می گردانید ، گسترش دهید. اگر این کار را نکنید ، Slate نمی تواند حسابداری داخلی خود را انجام دهد و کارها برای شما بسیار بد پیش می رود. </p> <p class = "paragraph"> این یک معرفی سریع سریع برای ارائه سفارشی بوده است ، بنابراین این کار را نکنید اگر هنوز آن را کاملاً درک نکرده اید نگران باشید. </ p> </p> <h2> چه چیزی در Slate مشکل دارد؟ </ h2> </p> <p class = "paragraf"> شما اکنون برخی از اصول Slate را دیده اید ، بنابراین " برای شروع آزمایش آماده هستم ما فکر کردیم که کمی در مورد برخی از مشکلات و بخشهای مشکل کار با Slate به شما هشدار می دهیم تا شاهد آمدن آنها باشید و دلسرد نشوید: </ p> </p> <ul> <li> <strong> کپی و جایگذاری: </ strong> کپی و چسباندن در وب یک خرابکاری است. ما یک پست کامل را به نحوه مدیریت این موضوع در Kitemaker اختصاص خواهیم داد. نسخه کوتاه این است که برای آزمایش "منطق چسباندن" خود ، ما یک سند تا حدودی پیچیده در مجموعه ویرایشگران وب محبوب Google Docs ، Notion ، Dropbox Paper ، Quip و غیره ساخته ایم. </ li> <li> <strong> تاریخچه : </strong> به طور پیش فرض ، Slate از لغو / انجام مجدد پشتیبانی نمی کند. با این وجود افزونه ای به نام useHistory () ارائه می شود که این قابلیت را فراهم می کند. با این حال ، متوجه شده ایم که این تجربه کاربری دقیق مورد نظر ما را فراهم نمی کند و بنابراین مجبور شده ایم خود آن را تمدید کنیم </ li> <li> <strong> شناورها / منوهای شناور: </ strong> سر و کار داشتن با مواردی که ظاهر می شوند و باید به درستی موقعیت یابی شوند (مانند آنچه در ویرایشگر Kitemaker در بالا هنگام تایپ "/" برای درج بلوک یا "@" برای ذکر کاربر تایپ می شود) می تواند بسیار حیله گر باشد </ li > <li> <strong> دست زدن به کلید: </ strong> Kitemaker محصولی با تعداد زیادی کلید میانبر برای همه چیز است (ما می خواهیم کاربران ما بتوانند بدون برداشتن دست از روی کلیدها از آن استفاده کنند) اما بعضی اوقات چالش های مربوط به کنترل کلید در "مبارزه" Slate با کلیدهای میانبر ما </ li> <li> <strong> سطح API بزرگ: </strong> API Slate کاملا گسترده است و ما حتی در این پست شروع به لمس آن نکرده ایم . بسیاری از توابع برای دستکاری سند وجود دارد (افزودن گره ها ، از بین بردن گره ها ، تقسیم گره ها ، پیچیدن گره ها ، افزودن متن ، حذف کلمات و غیره) و همیشه کاملاً مشخص نیست که کدام API را در کدام شرایط استفاده کنید </ li> < li> <strong> برخی از مزیت ها با </ strong> <strong> روش های ورودی مانند نوار لمسی Macbook Pro: </strong> ما از کاربران با استفاده از MBP و همچنین مواردی مانند ورودی های قلم برای نوشتن ژاپنی شکایت داشته ایم. برای رفع برخی از رفتارهای عجیب و غریب PR وجود دارد که امیدوارم به زودی برطرف شود ? </li> </ul> <p class = "paragraf"> برخی از این موضوعات پیشرفته را در پست های بعدی خود پوشش خواهیم داد. </ p> </p> <h2> و یک کلمه کوتاه اخطار </ h2> </p> <p class = "paragraf"> در حالی که ما تاکنون از Slate بسیار راضی بوده ایم ، چند اخطار وجود دارد که هر تیمی برای ساخت ویرایشگر خود اقدام کند از این موارد آگاه باشید: </ p> </p> <ul> <li> مانند هر پروژه منبع باز ، پیشرفت در Slate موج می زند. در حالی که سال گذشته بازنویسی عظیمی صورت گرفت و اوضاع خیلی سریع پیش رفت ، اکنون پیشرفت به میزان قابل توجهی کند شده است. بسیاری از مسائل باز و روابط عمومی آزاد وجود دارد. ما امیدواریم که بتوانیم سهم خود را در جهت بهبود این کار انجام دهیم ، اما انجمن می تواند از پشتیبانی بیشتری استفاده کند </ li> <li> پس از بازنویسی در سال گذشته ، اسناد و مدارک به استاندارد قبل از بازنویسی نرسیده است. مقدار قابل توجهی از اسناد اصلی وجود دارد که جزئیات مورد نیاز توسعه دهندگانی را که تازه شروع به کار پروژه کرده اند ، ندارد. ما برای بهبود این مورد تغییراتی ارائه داده ایم ، اما کار بیشتری لازم است </ li> <li> Slate در Android به درستی پشتیبانی نمی شود. خوشبختانه یک پروژه Kickstarter برای رفع این مشکل تأمین اعتبار شد. عالی! ? </li> </ul> <h2> کارهای دیگری در انتظار شما خواهد بود! </ h2> </p> <p class = "paragraf"> امیدواریم که این یک مقدمه سطح عالی Slate برای شما باشد و برخی از اطلاعات شما را به شما ارائه دهد در مورد اینکه آیا شما سعی کنید Slate را امتحان کنید یا نه. راهی وجود دارد که می تواند مطالب بیش از حد در یک پست را پوشش دهد ، اما تعدادی پست وجود دارد که به دنبال برخی موضوعات پیچیده تر می روند. </ p> </p> <p class = "paragraph"> با تشکر برای خواندن ! آیا این مقاله را مفید دانستید؟ اگر می خواهید مطالب بیشتری مانند این را مشاهده کنید ، <strong>ksimons </strong> و <strong>KitemakerHQ </strong> را در توییتر دنبال کنید. </ p> </p> <p class = "paragraf"> کوین سیمونز مدیر CTO است Kitemaker ، ردیاب شماره گیری فوق العاده سریع که به تیم های توزیع شده ابرقدرت می دهد </ p> </p> <p class = "paragraph"> قبلاً در https://blog.kitemaker.co/building-a-rich-text-editor-in- منتشر شده است react-with-slatejs </p> <div class = "share"> این داستان را به اشتراک بگذارید </ div> </p> <h4> مرتبط </ h4> </p> <div class = "StoryGrid-sc-1uemu9f-0 llSDJs"> <div class = "image-wrapper"> <img src = "https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images٪2Fimg-47230c6.jpeg؟alt=media&token=c7ae7801- f10a-4c57-8c8d-a099ec637556 "alt =" Adf image "class =" img - حاوی "> </ div> </p> <div class =" card -actions "> <p> <span> داستان قبل از شکلک </ span > </p> </p></div> <div class = "image-wrapper"> <img alt src = "https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images ٪ 2FugoTV1vwcgR4mN8MMDUUN4vt6p02-s6243wpf.jpeg؟ alt = media & token = ceb523d0-345d-4e7d-9c63-5aa97429fd f5 "> </div> <div class =" card -actions "> <p> <span> داستان قبل از شکلک </ span> </p> </p></div> <div class =" image-wrapper "> < IMG ALT SRC = "https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images٪2Fm6Fn34A3L1VtH37KBVq0wUCK0Qh1-3xl3tnp.jpeg؟alt=media&token=76a3d81b-6f15-469f-96d6-0cfc283fd196 "> </div> </p></div> <h4> برچسب ها </ h4></p> </div> <footer class="entry-meta" aria-label="ورود متا"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">دسته‌ها </span><a href="https://seo-pbn.ir/category/news-hack-and-blockchain/" rel="category tag">اخبار هک و بلاک چین</a></span> <nav id="nav-below" class="post-navigation" aria-label="Posts"> <div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://seo-pbn.ir/why-you-should-customize-your-bash-terminal-and-how-to-do-it/" rel="prev">چرا باید ترمینال Bash خود را سفارشی کنید و نحوه انجام آن</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://seo-pbn.ir/5-tips-to-prevent-hackers-from-stealing-your-crypto-assets/" rel="next">5 نکته برای جلوگیری از سرقت هکرها از دارایی های رمزنگاری شده شما</a></span></div> </nav> </footer> </div> </article> </main> </div> <div class="widget-area sidebar is-right-sidebar" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="search-2" class="widget inner-padding widget_search"><form method="get" class="search-form" action="https://seo-pbn.ir/"> <label> <span class="screen-reader-text">جستجوی برای:</span> <input type="search" class="search-field" placeholder="جستجو و کمک;" value="" name="s" title="جستجوی برای:"> </label> <button class="search-submit" aria-label="جستجو"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button></form> </aside><aside id="text-3" class="widget inner-padding widget_text"><h2 class="widget-title">لینک های محبوب</h2> <div class="textwidget"><p><a href="https://seohat.ir/" target="_blank" rel="noopener">کلاه سئو (soehat)</a></p> <p><a href="https://rellmusic.com/" target="_blank" rel="noopener">دانلود آهنگ جدید</a></p> <p><a href="https://seo-pbn.ir/%d8%ae%d8%b1%db%8c%d8%af-%d8%b1%d9%be%d9%88%d8%b1%d8%aa%d8%a7%da%98-edu-%d8%a7%d8%b2-%d8%b3%d8%a7%db%8c%d8%aa-%da%a9%d9%84%d8%a7%d9%87-%d8%b3%d8%a6%d9%88/">خرید رپورتاژ edu</a></p> <p><a href="https://bit.ly/36g20gi">بک لینک edu</a></p> </div> </aside> <aside id="recent-posts-2" class="widget inner-padding widget_recent_entries"> <h2 class="widget-title">مطالب جدید</h2> <ul> <li> <a href="https://seo-pbn.ir/%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%af%d8%b1-%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%da%a9%d9%85%da%a9-%d8%a8%d9%87-%d9%85%d8%b1%d8%a8%db%8c%d8%a7%d9%86-%db%8c%d8%a7-%d8%ac%d8%a7/">هوش مصنوعی در آموزش: کمک به مربیان یا جایگزینی آنها؟ دیدگاه های تخصصی</a> </li> <li> <a href="https://seo-pbn.ir/bing-search-testing-product-see-details-button-38017-html/">دکمه “مشاهده جزئیات” محصول تست جستجوی Bing</a> </li> <li> <a href="https://seo-pbn.ir/bitunix-%d9%88%d8%a7%d8%b1%d8%af-15-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%af%d8%b1-%d8%b1%d8%aa%d8%a8%d9%87-%d8%a8%d9%86%d8%af%db%8c-coingecko-%d9%85%db%8c-%d8%b4%d9%88%d8%af-%d9%88-%d8%af%d8%b1-%d9%87%d9%81/">Bitunix وارد 15 برتر در رتبه بندی CoinGecko می شود و در هفته اول سپتامبر 2024 به نقطه عطفی دست یافته است.</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d8%a8%d9%84%db%8c%d8%ba%d8%a7%d8%aa-%da%af%d9%88%da%af%d9%84-%d8%a8%d8%b1%d8%a7%db%8c-%d8%ad%d8%b0%d9%81-%d8%aa%d8%af%d8%b1%db%8c%d8%ac%db%8c-%d8%a7%d8%b3%d8%aa%d8%b1%d8%a7%d8%aa%da%98%db%8c/">تبلیغات گوگل برای حذف تدریجی استراتژی پیشنهادی CPC پیشرفته</a> </li> <li> <a href="https://seo-pbn.ir/how-to-bounce-back-when-social-media-metrics-dip/">چگونه با کاهش معیارهای رسانه های اجتماعی به عقب برگردیم</a> </li> <li> <a href="https://seo-pbn.ir/bing-308-redirects-38031-html/">بینگ با تغییر مسیرهای 308 مانند تغییر مسیرهای 301 رفتار می کند</a> </li> <li> <a href="https://seo-pbn.ir/%da%af%d8%b1%d9%88%d9%87-%d8%a2%d8%af%d8%a7%d9%86%db%8c-%d9%88-%d9%86%db%8c%d9%85%d9%87-%d9%87%d8%a7%d8%af%db%8c-%d8%aa%d8%a7%d9%88%d8%b1-%d9%88%d8%a7%d8%ad%d8%af-%d8%aa%d8%b1%d8%a7%d8%b4%d9%87-10/">گروه آدانی و نیمه هادی تاور واحد تراشه 10 میلیارد دلاری را در هند ایجاد می کنند</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a2%d8%b4%d9%86%d8%a7%db%8c%db%8c-%d8%a8%d8%a7-%d9%85%da%a9%d8%a7%d9%86%db%8c%d8%b3%d9%85-%d9%85%d9%82%db%8c%d8%a7%d8%b3%d8%a8%d9%86%d8%af%db%8c-%d8%b0%d8%ae%db%8c%d8%b1%d9%87/">آشنایی با مکانیسم مقیاس‌بندی ذخیره‌سازی ازدحام اتریوم</a> </li> <li> <a href="https://seo-pbn.ir/biggest-traffic-losers/">25 بزرگترین بازنده ترافیک در SaaS</a> </li> <li> <a href="https://seo-pbn.ir/recap-09-09-2024-38035-html/">خلاصه انجمن جستجوی روزانه: 9 سپتامبر 2024</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a7%d8%b3%d8%aa%d8%b1%d8%a7%d8%aa%da%98%db%8c-reddit-%d8%a8%d8%b1%d8%a7%db%8c-%d8%ac%d8%b0%d8%a8-%d8%aa%d8%a8%d9%84%db%8c%d8%ba-%da%a9%d9%86%d9%86%d8%af%da%af%d8%a7%d9%86-%d9%87%d8%af%d9%81-%da%af/">استراتژی Reddit برای جذب تبلیغ کنندگان: هدف گذاری مبتنی بر علاقه</a> </li> <li> <a href="https://seo-pbn.ir/bing-productgroup-markup-38032-html/">Bing هنوز از نشانه گذاری ProductGroup استفاده نمی کند اما ممکن است در آینده باشد</a> </li> <li> <a href="https://seo-pbn.ir/google-business-profile-broken-appointment-link-notifications-38019-html/">اعلان‌های پیوند قرار ملاقات شکسته نمایه کسب‌وکار Google</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%d8%a7%d8%b1%da%86%d9%88%d8%a8-describe-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d9%88%d8%b6%db%8c%d8%ad%d8%a7%d8%aa-%d9%85%d8%a4%d8%ab%d8%b1-youtube/">چارچوب DESCRIBE برای توضیحات مؤثر YouTube</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d8%a7%d8%b1%db%8c%d8%ae%da%86%d9%87-%d8%a7%db%8c-%d8%a7%d8%b2-%d8%a7%d8%ae%d8%aa%d9%84%d8%a7%d9%84%d8%a7%d8%aa-google-cloud-%d9%88-data-center/">تاریخچه ای از اختلالات Google Cloud و Data Center</a> </li> <li> <a href="https://seo-pbn.ir/%da%a9%d8%a7%d8%b1%d8%a2%d9%81%d8%b1%db%8c%d9%86%d8%8c-%d8%b7%d8%b1%d8%b2-%d9%81%da%a9%d8%b1-%d8%ae%d9%88%d8%af-%d8%b1%d8%a7-%d9%87%da%a9-%da%a9%d9%86-%d9%88-%d8%ae%d9%88%d8%af%d8%aa-%d8%b1%d8%a7/">کارآفرین، طرز فکر خود را هک کن و خودت را باور کن</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%da%af%d9%88%d9%86%d9%87-%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%ae%d8%a7%d8%b7%d8%a8-%d8%b1%d8%a7-%d8%aa%d9%82%d9%88%db%8c%d8%aa-%da%a9%d9%86%db%8c%d9%85-%d8%a7%d8%b3%d8%aa%d8%b1%d8%a7%d8%aa/">چگونه تعامل مخاطب را تقویت کنیم: استراتژی ها و تکنیک های برتر</a> </li> <li> <a href="https://seo-pbn.ir/google-ads-to-sunset-enhanced-cpc-38033-html/">Google Ads To Sunset CPC را در مارس 2025 افزایش داد</a> </li> <li> <a href="https://seo-pbn.ir/the-techbeat-finance-from-first-principles-9-9-2024/">The TechBeat: Finance from First Principles (9/9/2024)</a> </li> <li> <a href="https://seo-pbn.ir/8-%d9%88%db%8c%d8%af%db%8c%d9%88-%d8%a7%d8%b2-10-%d9%88%db%8c%d8%af%db%8c%d9%88%db%8c-tiktok-%d8%aa%d9%88%d8%b3%d8%b7-%d8%a8%d8%b1%d9%86%d8%af%d9%87%d8%a7-%d9%86%d9%85%db%8c-%d8%aa%d9%88%d8%a7%d9%86/">8 ویدیو از 10 ویدیوی TikTok توسط برندها نمی توانند توجه را جلب کنند</a> </li> <li> <a href="https://seo-pbn.ir/farm-clicker-%d8%a7%d9%88%d9%84%db%8c%d9%86-%d9%86%d8%b3%d8%ae%d9%87-%d8%a8%d8%aa%d8%a7-%d8%b1%d8%a7-%d8%a8%d8%a7-%d9%be%d8%b4%d8%aa%db%8c%d8%a8%d8%a7%d9%86%db%8c-%d8%aa%d9%84%da%af%d8%b1%d8%a7%d9%85/">Farm Clicker اولین نسخه بتا را با پشتیبانی تلگرام و زنجیره TON راه اندازی کرد</a> </li> <li> <a href="https://seo-pbn.ir/yondr-%d8%a8%d9%87-%d8%af%d9%86%d8%a8%d8%a7%d9%84-%d9%88%d8%a7%d9%85-%d8%ae%d8%b5%d9%88%d8%b5%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d9%88%d8%b3%d8%b9%d9%87-%d9%85%d8%b1%da%a9%d8%b2-%d8%af%d8%a7%d8%af/">Yondr به دنبال وام خصوصی برای توسعه مرکز داده مالزی است</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d8%b2%d9%86%d8%ac%db%8c%d8%b1%d9%87%d8%a7%db%8c-%d8%a7%d8%b2-%d9%81%da%a9%d8%b1-2/">تأیید قیاسی استدلال زنجیره‌ای از فکر در LLM</a> </li> <li> <a href="https://seo-pbn.ir/%d8%ad%d9%84-%d9%85%d8%b4%da%a9%d9%84-%d8%aa%d9%88%d9%87%d9%85-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%a8%d8%a7-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%87%d8%a7%db%8c-%d8%b7%d8%a8/">حل مشکل توهم هوش مصنوعی با برنامه های طبیعی خود تأیید</a> </li> <li> <a href="https://seo-pbn.ir/%d8%b4%da%a9%d8%b3%d8%aa%d9%86-%d8%ae%d8%b7%d8%a7%d9%87%d8%a7%db%8c-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%af%d8%b1-llm/">شکستن خطاهای استدلال قیاسی در LLM</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d8%b2%d9%86%d8%ac%db%8c%d8%b1%d9%87%d8%a7%db%8c-%d9%81%da%a9%d8%b1%db%8c-%d9%82%d8%a7%d8%a8%d9%84-%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7/">استدلال زنجیره‌ای فکری قابل تأیید قیاسی | HackerNoon</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%da%af%d9%88%d9%86%d9%87-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d8%b7%d8%a8%db%8c%d8%b9%db%8c-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%b1%d8%a7-%d8%af%d8%b1/">چگونه برنامه طبیعی استدلال قیاسی را در میان مجموعه داده های متنوع بهبود می بخشد</a> </li> <li> <a href="https://seo-pbn.ir/the-noonification-finance-from-first-principles-9-8-2024/">The Noonification: Finance from First Principles (9/8/2024)</a> </li> <li> <a href="https://seo-pbn.ir/google-results-change-location/">نحوه تغییر مکان در جستجوی گوگل</a> </li> <li> <a href="https://seo-pbn.ir/%d9%86%d8%ad%d9%88%d9%87-%d8%a7%d8%b1%d8%b3%d8%a7%d9%84-%d8%a7%d8%b9%d9%84%d8%a7%d9%86%d9%87%d8%a7%db%8c-slack-%d8%af%d9%82%db%8c%d9%82-%d8%a7%d8%b2-github-actions/">نحوه ارسال اعلان‌های Slack دقیق از GitHub Actions</a> </li> <li> <a href="https://seo-pbn.ir/%da%af%d9%85%d8%b4%d8%af%d9%87-%d8%af%d8%b1-%d8%a7%d9%81%da%a9%d8%a7%d8%b1-hackernoon/">گمشده در افکار | HackerNoon</a> </li> <li> <a href="https://seo-pbn.ir/%db%b1%db%b1-%d8%a7%d9%84%da%af%d9%88%db%8c-%da%a9%d9%84%db%8c%d8%af%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%db%8c%da%a9-%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d8%b6%d8%b1%d9%88%d8%b1%db%8c/">۱۱ الگوی کلیدی طراحی: یک راهنمای ضروری</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%da%af%d9%88%d9%86%d9%87-%d8%a7%d8%b2-%db%8c%da%a9-%d8%b4%d8%aa%d8%a7%d8%a8-%d8%af%d9%87%d9%86%d8%af%d9%87-%d8%a8%d9%87-%d8%b9%d9%86%d9%88%d8%a7%d9%86-%db%8c%da%a9-%d8%a7%d8%b3%d8%aa%d8%a7%d8%b1/">چگونه از یک شتاب دهنده به عنوان یک استارتاپ فناوری دیجیتال واقعاً بهره مند شویم</a> </li> <li> <a href="https://seo-pbn.ir/grpc-%d8%a8%db%8c%d9%86-%d9%88%d8%a8-%d9%88-%d8%b3%d8%b1%d9%88%d8%b1-%db%8c%da%a9-%d8%a7%d8%b1%d8%aa%d8%a8%d8%a7%d8%b7-%d8%b3%d8%a7%d8%af%d9%87-grpc/">gRPC بین وب و سرور: یک ارتباط ساده gRPC</a> </li> <li> <a href="https://seo-pbn.ir/%d9%87%d9%86%da%af%d8%a7%d9%85%db%8c-%da%a9%d9%87-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%a8%d8%a7-%d8%b4%da%a9%d8%b3%d8%aa-%d9%85%d9%88%d8%a7%d8%ac%d9%87-%d9%85/">هنگامی که استدلال قیاسی با شکست مواجه می شود: ابهامات زمینه ای در مدل های هوش مصنوعی</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%d8%a7%d8%b1%da%86%d9%88%d8%a8%db%8c-%d8%ac%d8%af%db%8c%d8%af-%d8%a8%d8%b1%d8%a7%db%8c-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d9%82%d8%a7%d8%a8%d9%84-%d8%a7/">چارچوبی جدید برای استدلال قیاسی قابل اعتماد هوش مصنوعی</a> </li> <li> <a href="https://seo-pbn.ir/%da%86%da%af%d9%88%d9%86%d9%87-%d8%aa%d9%86%d8%b8%db%8c%d9%85-%d8%af%d9%82%db%8c%d9%82-%d8%a8%d8%b1-%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%af%d8%b1-%d9%85%d8%af%d9%84/">چگونه تنظیم دقیق بر تأیید قیاسی در مدل‌های Vicuna تأثیر می‌گذارد</a> </li> <li> <a href="https://seo-pbn.ir/%d8%af%d8%b1%da%a9-%d8%aa%d8%a3%d8%ab%db%8c%d8%b1-%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%a8%d8%b1-%d8%af%d9%82%d8%aa-%d9%be%d8%a7%d8%b3%d8%ae-%d9%86%d9%87%d8%a7%db%8c%db%8c/">درک تأثیر تأیید قیاسی بر دقت پاسخ نهایی</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d8%b2%d9%86%d8%ac%db%8c%d8%b1%d9%87%d8%a7%db%8c-%d8%a7%d8%b2-%d9%81%da%a9%d8%b1/">تأیید قیاسی استدلال زنجیره‌ای از فکر: جزئیات بیشتر در مورد استخراج پاسخ</a> </li> <li> <a href="https://seo-pbn.ir/%d9%86%da%a9%d8%a7%d8%aa-%d8%b6%d8%b1%d9%88%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d8%aa%d8%a7%db%8c%db%8c%d8%af-%d8%b2%d9%86%d8%ac%db%8c%d8%b1%d9%87-%d8%a7%d8%b3%d8%aa%d8%af%d9%84%d8%a7%d9%84-%d9%88/">نکات ضروری برای تایید زنجیره استدلال و تولید برنامه طبیعی</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d8%a3%db%8c%db%8c%d8%af-%d9%82%db%8c%d8%a7%d8%b3%db%8c-%d8%a8%d8%a7-%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-%d9%87%d8%a7%db%8c-%d8%b7%d8%a8%db%8c%d8%b9%db%8c-%d9%85%d8%b7%d8%a7%d9%84%d8%b9%d8%a7/">تأیید قیاسی با برنامه های طبیعی: مطالعات موردی</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a2%db%8c%d8%a7-%d8%a2%d9%86-llm-%d8%af%d8%b1-%d9%88%d8%a7%d9%82%d8%b9-%d9%85%d9%86%d8%a8%d8%b9-%d8%a8%d8%a7%d8%b2-%d8%a7%d8%b3%d8%aa%d8%9f-%d9%85%d8%a7-%d8%a8%d8%a7%db%8c%d8%af-%d8%af%d8%b1/">آیا آن LLM در واقع “منبع باز” است؟ ما باید در زمینه AI Governance درباره Open-Washing صحبت کنیم</a> </li> <li> <a href="https://seo-pbn.ir/%d9%86%d8%ad%d9%88%d9%87-%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%da%af%d8%b1%d8%af%d8%b4-%d9%87%d8%a7%db%8c-%da%a9%d8%a7%d8%b1%db%8c-%d9%87%d9%88%d8%b4-%d9%85%d8%b5%d9%86%d9%88%d8%b9%db%8c-%d8%af%d8%b1-%d8%af/">نحوه ایجاد گردش های کاری هوش مصنوعی در دنیای واقعی با AutoGen: راهنمای گام به گام</a> </li> <li> <a href="https://seo-pbn.ir/google-ad-tech-sept-2024/">پرونده Google در دعوای فنی تبلیغات وزارت دادگستری</a> </li> <li> <a href="https://seo-pbn.ir/%d8%aa%d9%85%d8%b1%db%8c%d9%86%d8%a7%d8%aa-%d8%b3%d9%be%d8%a7%d8%b3%da%af%d8%b2%d8%a7%d8%b1%db%8c-%d8%a8%d8%b1%d8%a7%db%8c-%d9%87%da%a9%d8%b1-%d8%b7%d8%b1%d8%b2-%d9%81%da%a9%d8%b1-%d8%b1%d8%b4%d8%af/">تمرینات سپاسگزاری برای هکر: طرز فکر رشد را راه اندازی کنید</a> </li> <li> <a href="https://seo-pbn.ir/techbeat-chatgpt-%d8%af%d8%b1-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%aa%d8%b3%d8%aa-%da%86%da%af%d9%88%d9%86%d9%87-%d9%81%d8%b1%d8%a2%db%8c%d9%86%d8%af%d9%87%d8%a7%db%8c-qa-%d8%b1%d8%a7-%d8%b3%d8%a7-3/">TechBeat: ChatGPT در طراحی تست: چگونه فرآیندهای QA را ساده کنیم (9/8/2024)</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a7%d8%b2-%da%a9%d9%84%db%8c%da%a9-%d8%aa%d8%a7-%d8%a7%d8%b1%d8%b2%d8%b4-%d8%b1%d9%88%db%8c%da%a9%d8%b1%d8%af-%d9%be%d8%a7%db%8c%d8%af%d8%a7%d8%b1-tapswap-%d8%a8%d8%b1%d8%a7%db%8c-tap-to-earn/">از کلیک تا ارزش: رویکرد پایدار TapSwap برای Tap-to-Earn</a> </li> <li> <a href="https://seo-pbn.ir/the-noonification-inside-the-secrets-of-physical-penetration-testing-9-7-2024/">The Noonification: Inside the Secrets of Physical Penetration Testing (9/7/2024)</a> </li> <li> <a href="https://seo-pbn.ir/beyond-the-base-game-elden-ring-shadow-of-the-erdtree-%d9%85%d8%b7%d8%a7%d9%84%d8%b9%d9%87-%d9%85%d9%88%d8%b1%d8%af%db%8c-%d8%a8%d8%a7%d8%b2%d8%a7%d8%b1%db%8c%d8%a7%d8%a8%db%8c/">Beyond The Base Game: Elden Ring Shadow of the Erdtree مطالعه موردی بازاریابی</a> </li> <li> <a href="https://seo-pbn.ir/%d8%a7%db%8c%d8%ac%d8%a7%d8%af-%d9%81%d8%b1%d9%85-%d8%ab%d8%a8%d8%aa-%d9%86%d8%a7%d9%85-%d8%af%d8%b1-%d8%ae%d8%a8%d8%b1%d9%86%d8%a7%d9%85%d9%87-sendfox-%d8%af%d8%b1-next-js-%db%8c%da%a9-%d8%a2%d9%85/">ایجاد فرم ثبت نام در خبرنامه SendFox در Next.js: یک آموزش</a> </li> </ul> </aside><aside id="categories-2" class="widget inner-padding widget_categories"><h2 class="widget-title">دسته‌ها</h2> <ul> <li class="cat-item cat-item-13"><a href="https://seo-pbn.ir/category/reportage/">آگهی خبری</a> </li> <li class="cat-item cat-item-24"><a href="https://seo-pbn.ir/category/instagram/">اخبار اینستاگرام</a> </li> <li class="cat-item cat-item-1"><a href="https://seo-pbn.ir/category/new-news-seo/">اخبار جدید سئو</a> </li> <li class="cat-item cat-item-5"><a href="https://seo-pbn.ir/category/news-datacenter-servers/">اخبار دیتاسنتر و سرور های جهانی</a> </li> <li class="cat-item cat-item-19"><a href="https://seo-pbn.ir/category/google-news/">اخبار گوگل</a> </li> <li class="cat-item cat-item-4"><a href="https://seo-pbn.ir/category/news-hack-and-blockchain/">اخبار هک و بلاک چین</a> </li> <li class="cat-item cat-item-18"><a href="https://seo-pbn.ir/category/digital-marketing/">دیجیتال مارکتینگ</a> </li> <li class="cat-item cat-item-14"><a href="https://seo-pbn.ir/category/new-news-seo/seo-pbn/">سئو pbn</a> </li> <li class="cat-item cat-item-20"><a href="https://seo-pbn.ir/category/google-ai/">هوش مصنوعی گوگل</a> </li> <li class="cat-item cat-item-22"><a href="https://seo-pbn.ir/category/glossary/">واژه نامه سئو</a> </li> </ul> </aside><aside id="archives-2" class="widget inner-padding widget_archive"><h2 class="widget-title">بایگانی‌ها</h2> <ul> <li><a href='https://seo-pbn.ir/2024/09/'>سپتامبر 2024</a></li> <li><a href='https://seo-pbn.ir/2024/08/'>آگوست 2024</a></li> <li><a href='https://seo-pbn.ir/2024/07/'>جولای 2024</a></li> <li><a href='https://seo-pbn.ir/2024/06/'>ژوئن 2024</a></li> <li><a href='https://seo-pbn.ir/2024/05/'>می 2024</a></li> <li><a href='https://seo-pbn.ir/2024/04/'>آوریل 2024</a></li> <li><a href='https://seo-pbn.ir/2024/03/'>مارس 2024</a></li> <li><a href='https://seo-pbn.ir/2024/02/'>فوریه 2024</a></li> <li><a href='https://seo-pbn.ir/2024/01/'>ژانویه 2024</a></li> <li><a href='https://seo-pbn.ir/2023/12/'>دسامبر 2023</a></li> <li><a href='https://seo-pbn.ir/2023/11/'>نوامبر 2023</a></li> <li><a href='https://seo-pbn.ir/2023/10/'>اکتبر 2023</a></li> <li><a href='https://seo-pbn.ir/2023/09/'>سپتامبر 2023</a></li> <li><a href='https://seo-pbn.ir/2023/08/'>آگوست 2023</a></li> <li><a href='https://seo-pbn.ir/2023/07/'>جولای 2023</a></li> <li><a href='https://seo-pbn.ir/2023/06/'>ژوئن 2023</a></li> <li><a href='https://seo-pbn.ir/2023/05/'>می 2023</a></li> <li><a href='https://seo-pbn.ir/2023/04/'>آوریل 2023</a></li> <li><a href='https://seo-pbn.ir/2023/03/'>مارس 2023</a></li> <li><a href='https://seo-pbn.ir/2023/02/'>فوریه 2023</a></li> <li><a href='https://seo-pbn.ir/2023/01/'>ژانویه 2023</a></li> <li><a href='https://seo-pbn.ir/2022/12/'>دسامبر 2022</a></li> <li><a href='https://seo-pbn.ir/2022/11/'>نوامبر 2022</a></li> <li><a href='https://seo-pbn.ir/2022/10/'>اکتبر 2022</a></li> <li><a href='https://seo-pbn.ir/2022/09/'>سپتامبر 2022</a></li> <li><a href='https://seo-pbn.ir/2022/08/'>آگوست 2022</a></li> <li><a href='https://seo-pbn.ir/2022/07/'>جولای 2022</a></li> <li><a href='https://seo-pbn.ir/2022/06/'>ژوئن 2022</a></li> <li><a href='https://seo-pbn.ir/2022/05/'>می 2022</a></li> <li><a href='https://seo-pbn.ir/2022/04/'>آوریل 2022</a></li> <li><a href='https://seo-pbn.ir/2022/03/'>مارس 2022</a></li> <li><a href='https://seo-pbn.ir/2022/02/'>فوریه 2022</a></li> <li><a href='https://seo-pbn.ir/2022/01/'>ژانویه 2022</a></li> <li><a href='https://seo-pbn.ir/2021/12/'>دسامبر 2021</a></li> <li><a href='https://seo-pbn.ir/2021/11/'>نوامبر 2021</a></li> <li><a href='https://seo-pbn.ir/2021/10/'>اکتبر 2021</a></li> <li><a href='https://seo-pbn.ir/2021/09/'>سپتامبر 2021</a></li> <li><a href='https://seo-pbn.ir/2021/08/'>آگوست 2021</a></li> <li><a href='https://seo-pbn.ir/2021/07/'>جولای 2021</a></li> <li><a href='https://seo-pbn.ir/2021/06/'>ژوئن 2021</a></li> <li><a href='https://seo-pbn.ir/2021/05/'>می 2021</a></li> <li><a href='https://seo-pbn.ir/2021/04/'>آوریل 2021</a></li> <li><a href='https://seo-pbn.ir/2021/03/'>مارس 2021</a></li> <li><a href='https://seo-pbn.ir/2021/02/'>فوریه 2021</a></li> <li><a href='https://seo-pbn.ir/2021/01/'>ژانویه 2021</a></li> <li><a href='https://seo-pbn.ir/2020/12/'>دسامبر 2020</a></li> <li><a href='https://seo-pbn.ir/2020/11/'>نوامبر 2020</a></li> <li><a href='https://seo-pbn.ir/2020/10/'>اکتبر 2020</a></li> </ul> </aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="وب‌گاه" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> <a href="https://seohat.ir">سئو شده توسط کلاه سئو</a> </div> </div> </footer> </div> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><!--[if lte IE 11]> <script src="https://seo-pbn.ir/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"\u0628\u0627\u0632\u06a9\u0631\u062f\u0646 \u0632\u06cc\u0631 \u0645\u0646\u0648","closeSubMenuLabel":"\u0628\u0633\u062a\u0646 \u0632\u06cc\u0631 \u0645\u0646\u0648"}; </script> <script src="https://seo-pbn.ir/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js" defer></script> </body> </html>