Transcript
00:00:00يا سيدي، لقد ظهر لتوه تصميم ثانٍ مستنسخ من "كلود ديزاين" على غيت هاب. نعم، هذا صحيح، لدينا الآن
00:00:06نسخة مستنسخة أخرى، لكن هذه المرة تأتي مع واجهة رسومية فعلية. في وقت سابق من هذا الأسبوع قمت بنشر
00:00:13فيديو عن تصميم "هوا واشو"، والذي كان بمثابة أول نسخة مستنسخة من "كلود ديزاين" هنا في السوق.
00:00:20لقد أبلى بلاءً حسنًا حقًا، وأظهرنا أنه يتفوق تقريبًا في مواجهة مباشرة مع تنسيق "كلود ديزاين" القياسي
00:00:24ومع ذلك لا يواجه أيًا من مشاكل الاستخدام. كانت إحدى المشكلات في تصميم "هوا واشو" هي
00:00:30حقيقة أنه كان يعمل فقط داخل واجهة الأوامر؛ لم يكن لديه واجهة رسومية مثل التي تراها هنا
00:00:36مع أداة التصميم المفتوحة الجديدة هذه التي تحاكي بشكل كبير "كلود ديزاين". أعني، فقط انظر إلى هاتين
00:00:43الأداتين هنا؛ لدينا "أوبن ديزاين" وهو ما سنتحدث عنه اليوم،
00:00:48وهنا لدينا "كلود ديزاين". متشابهان للغاية. والشيء الرائع حقًا في "أوبن ديزاين"
00:00:54هو أنه مبني على أساس تصميم "هوا واشو"، وكما رأيتم في الفيديو السابق، فإن تصميم "هوا واشو"
00:00:59جيد جدًا حقًا. لقد حصلنا على محتوى رائع وتصاميم واجهات أمامية ممتازة من هذا المستودع، والآن
00:01:06نقوم ببساطة بأخذ ذلك ووضع طبقة رسومية جميلة فوقه، بحيث يصبح التعامل معه أسهل بكثير
00:01:11لمعظم المستخدمين، ويمنحنا الكثير من ذلك النوع من اللمسات النهائية التي رأيناها في الأصل مع
00:01:16"كلود ديزاين". والأفضل من ذلك، أن "أوبن ديزاين" هو شيء يمكننا استخدامه مع أي أداة برمجية؛ لا
00:01:22يشترط أن يكون "كلود كود" فقط، يمكننا استخدام "جيميناي" أو "كودكس". ومرة أخرى، لا نواجه
00:01:28مشاكل الاستخدام التي نراها داخل تطبيق "كلود ديزاين" الأصلي. لذا سنقوم اليوم باستعراض "أوبن ديزاين".
00:01:34سأريكم كيف يعمل، وكيفية تثبيته، وما الذي يجب أن تهتموا به هنا، لأنني
00:01:39أعتقد أن هناك القليل من الحشو، وسنجري بالفعل بعض المقارنات بينه وبين "كلود
00:01:43ديزاين". تنبيه بالنتائج: إنه جيد جدًا. أعتقد أنه متين، وأنا متحمس جدًا لأننا بدأنا
00:01:49نحصل على كل هذه النسخ المشتقة من "كلود ديزاين" لأنني أحبه حقًا، لكن الاستخدام
00:01:53سيء للغاية. لذا، كلما زاد ظهور هذا النوع من الأدوات، أعتقد أن شركة أنثروبيك ستسرع
00:02:00في الانضمام وإصلاح فوضى الاستخدام هذه. إن "أوبن ديزاين" هو البديل مفتوح المصدر لـ
00:02:05"كلود ديزاين". يمكننا ربطه بأدوات مثل "كلود كود" أو "كودكس"، أو يمكننا ببساطة إحضار مفتاح API الخاص بنا
00:02:12إذا أردنا استخدام أي واجهة أو نظام آخر. سيكتشف تلقائيًا أنواع برمجيات الذكاء الاصطناعي الموجودة
00:02:16على جهازك، ولديه 31 مهارة و 72 نظام تصميم عالي الجودة مدمج فيه بالفعل. والآن عندما
00:02:24قلت إنه مبني على تصميم واشو، لم أكن أمزح؛ فهم يشيرون إلى ذلك صراحةً. إنه
00:02:28نوع من التجميع بين تصميم واشو، ومهارة باوربوينت من غوزينج، وتصميم الكود المفتوح، ثم
00:02:34"مالتيكا". بوضع كل ذلك معًا، أقول حقًا أن هذا هو تصميم "هوا واشو" مع طبقة رسومية جميلة
00:02:40فوقه. بقية المستودع تتعمق كثيرًا فيما يحدث خلف الكواليس مع بعض
00:02:45الأمثلة والعروض التوضيحية. كل ما تحتاج معرفته هو أن هذا "كلود ديزاين" مفتوح المصدر، أو أقرب شيء
00:02:49يمكنك الحصول عليه. الآن وقبل أن نبدأ في التثبيت، كلمة سريعة من راعي حلقة اليوم:
00:02:53أنا. لقد أطلقت للتو دورة احتراف "كلود كود"، وهي الطريقة الأولى للانتقال من الصفر إلى
00:02:58مطور ذكاء اصطناعي، خاصة إذا لم تكن من خلفية تقنية. أنا أقوم بتحديثها كل أسبوع،
00:03:04ونحن نركز حقًا على حالات الاستخدام الواقعية وكيفية استخدام هذه الأداة لإحداث فرق فعلي
00:03:09في عملك أو أي مشروع تعمل عليه. يمكنك العثور عليها داخل "تشيس إيه آي بلس"، هناك
00:03:14رابط في التعليق المثبت وآمل أن أراك هناك. الآن، هناك طريقتان لتثبيت هذا؛ يمكنك الذهاب
00:03:18إلى هذا المستودع، وفتح واجهة الأوامر ولصق كل هذا هناك. الخيار الثاني هو
00:03:23الذهاب إلى هذا الرابط ونسخه، سأضع رابطًا له في الوصف، ثم تلصقه في
00:03:28"كلود كود" أو "كودكس" أو غيرهما وتقول: "مرحبًا، ثبّت هذا لي في مجلد جديد" وسيقوم
00:03:32بتجهيزه وتشغيله. بمجرد تثبيت هذا وتشغيله، من المفترض أن يعطيك رابطًا
00:03:36لخادم التطوير المحلي. إذا لم يفعل، فقط أخبر "كلود كود": "مرحبًا، شغّل خادم تطوير لـ أوبن ديزاين"
00:03:42ويجب أن ترى صفحة مثل هذه. وعلى الأرجح ستظهر لك نافذة منبثقة تقول: "مرحبًا، هل
00:03:46تريد استخدام واجهة أوامر محلية، أم واجهة أنثروبيك، أم ماذا تريد أن تفعل بخصوص نظام الذكاء الاصطناعي؟"
00:03:51لذا ستحتاج لاختيار واجهة الأوامر المحلية (local cli)، وهذا يعني أنه يسحب البيانات من "كلود كود" أو "كودكس" أو الكود
00:03:56المفتوح، وتحديدًا "كلود كود" و "كودكس". بهذه الطريقة لن تدفع رسوم API، بل سيتم سحب كل شيء
00:04:01من حسابك الحالي. وبالنسبة للنموذج، يمكنك اختيار الافتراضي وهو إعدادات واجهة الأوامر، وبعد ذلك لدينا
00:04:06القدرة على إضافة مزودي الوسائط، لأنك كما سترى هنا، لا يمكنني فقط صنع نماذج أولية وعروض
00:04:13تقديمية وقوالب، بل يمكنني صنع صور وفيديوهات أيضًا. يمكنني إنشاء ذلك من هذه الواجهة، ولكن
00:04:18لإنشاء فيديو أو صور، أحتاج لإضافة مفتاح API لنموذج يقوم بذلك. لذا يمكنني إضافة
00:04:24أدوات مثل "ميني ماكس" أو "أوبن إيه آي" أو "إليفن لابس" وأشياء أخرى كثيرة. هذا مفيد وهو شيء
00:04:30لا يمكنك العثور عليه داخل "كلود ديزاين". في الأعلى لدينا التصاميم، والأمثلة، وأنظمة التصميم، وقوالب الصور،
00:04:36وقوالب الفيديو. ما هي هذه القوالب بالضبط داخل أنظمة التصميم؟ حسنًا، إنها
00:04:40تشبه ملف awesomedesigns.md إذا كنت قد رأيته من قبل. لقد ذهبوا أساسًا إلى موقع
00:04:46مثل "إير بي إن بي" على سبيل المثال، وقاموا بنوع من تفصيل ما يحدث في ذلك الموقع من حيث
00:04:52لوحة الألوان، والخطوط، والمكونات، والسمة البصرية، والأجواء العامة. الفكرة هي أنني إذا أردت إنشاء
00:04:58موقع ويب مشابه لـ "إير بي إن بي" في الأسلوب، يمكنني استخدام هذا الأمر وتضمينه وسأحصل
00:05:06على شيء قريب. أعتقد أن النتائج ستتفاوت هنا، أرى أن قسم أنظمة التصميم
00:05:13يبدو رائعًا، لكن لا أعرف مدى فعاليته حقًا في الواقع. هذا الشيء بخصوص قوالب الصور
00:05:18مشابه، فهو يعرض لنا صورًا توضيحية وأوامر بصيغة JSON يمكنك استخدامها للحصول على شيء قريب.
00:05:23أعتقد أن هذا حشو، ونفس الشيء لقوالب الفيديو؛ أعتقد أنها حشو، تبدو رائعة لكنك لن
00:05:29تحصل على أي قيمة منها. لدينا أمثلة هنا وهي رائعة أيضًا، لكن افهم
00:05:35أن هذا مجرد ما حصلوا عليه عندما استخدموا أمرًا من سطر واحد، أليس كذلك؟ هذا ليس
00:05:42هناك أي أمر معقد في الخلفية هنا لهذا الشيء، فالأمر موجود هنا حرفيًا.
00:05:47لذا إذا ضغطت على "استخدم هذا الأمر"، فسيتم تضمينه وهو سطر واحد: "صمم 'موتشوالز'، وهو موقع تعارف
00:05:53لمستخدمي منصة X، مع لوحة بيانات للملخص اليومي وإحصائيات وحالات تطابق وشريط أخبار للمجتمع".
00:06:00لذا، كما تعلمون، لا تنبهروا ببعض الأمثلة الموجودة هنا؛ إنه مجرد أمر
00:06:07من سطر واحد. لا يحدث هنا أي شيء جنوني. لذا دعونا نركز
00:06:12على ما يجب أن تهتموا به حقًا، وهو إنشاء النماذج الأولية وعروض الشرائح وهذه
00:06:16الأنواع القياسية من المخرجات التي تراها داخل "كلود ديزاين" نفسه، وهي تعمل
00:06:22بنفس الطريقة تقريبًا؛ ستقوم فقط بتسمية العرض التوضيحي، وتختار نظام تصميم،
00:06:28يمكنك اختيار نظام واحد أو أكثر، ومرة أخرى لدينا هذه القائمة بكل الأنظمة الموجودة هناك.
00:06:32نقرر ما إذا كنا نريد عمل نموذج هيكلي (wireframe) أو تصميم عالي الجودة، ولدينا القدرة على استيراد
00:06:37ملف مضغوط من "كلود ديزاين". لنفترض أنك أنشأت نظام تصميم داخل "كلود ديزاين"، يمكنني تحويل ذلك إلى
00:06:44ملف مضغوط وتضمينه هنا، ثم نضغط ببساطة على "إنشاء". أريد أن أعرض هذا المثال سريعًا
00:06:51أولاً؛ طلبت من "أوبن ديزاين" إنشاء نفس الشيء الذي عرضناه في فيديو تصميم "هوا واشو"،
00:06:57وهو أنني أريد صفحة هبوط لمنتج برمجيات وهمي يسمى "لايت هاوس"، وهو مخصص
00:07:03للفرق الصغيرة والمؤسسين المنفردين، وأريد ثلاثة أمثلة يمكنني مقارنتها معًا. وهكذا حصلت على
00:07:11النموذج الكلاسيكي المتراص، وحصلت على شيء أكثر تحريرًا، ثم شيء أكثر صخبًا
00:07:17ووضوحًا. وعندما نقارن ذلك مباشرة بما حصلنا عليه هنا داخل "كلود ديزاين"،
00:07:21سترى الكثير من أوجه التشابه؛ الكثير من نفس أنواع الخطوط، والكثير من نفس الألوان، خاصة
00:07:26في الخلفية، لا سيما وأننا اخترنا توجهًا تحريريًا. سترى أيضًا هنا على
00:07:32اليسار في "أوبن ديزاين" أنه مر بنفس نوع استبيان الأسئلة الذي تتوقعه داخل
00:07:37"كلود ديزاين" نفسه. فهو يطرح عليّ أسئلة، ويعطيني أزرارًا للاختيار، وما إلى ذلك. إنه تقريبًا
00:07:43نفس المنتج تمامًا. الآن ومن الجدير بالذكر، أحد الاختلافات التي رأيتها عندما يتعلق الأمر بـ "أوبن ديزاين"
00:07:49مقابل "كلود ديزاين" هو أن "أوبن ديزاين" كان أبطأ قليلاً؛ استغرق هذا حوالي 10 دقائق بينما
00:07:56استغرق "كلود ديزاين" حوالي نصف ذلك الوقت. ملاحظة أخرى، رغم أننا نرى أدوات مثل التعليق والتحرير والرسم، إلا أن ذلك ليس
00:08:01متاحًا فعليًا بعد داخل "أوبن ديزاين" رغم أنه مدرج في خطة العمل. إذا كنت تريد
00:08:06ظهور لوحة التعديلات، سيتعين عليك توجيه أمر لـ "أوبن ديزاين" مباشرة لتقول: "مرحبًا، هل يمكنك إنشاء
00:08:13لوحة تعديلات حيث يمكنني تغيير الأشياء بنفسي بسرعة كبيرة عن طريق مثلاً
00:08:18تشغيلها وإيقافها مرة أخرى؟". هذا مشابه جدًا لما نفعله مع "واشو". لذا فإن "أوبن ديزاين" أبطأ قليلاً،
00:08:24ويفتقر لبعض ميزات جودة الحياة هذه، ولكن بخلاف ذلك، هو قريب جدًا من
00:08:30"كلود ديزاين". الآن دعونا نتحدث عما إذا كنت تريد استخدام نظام تصميم خاص بك، لأن هذا أحد
00:08:35تلك الأشياء التي يتعين علينا الالتفاف حولها. فإذا أردت إنشاء عرض شرائح يستخدم
00:08:40نظام التصميم الخاص بي المسمى "أجينتك داشبورد أو إس"، وللتوضيح، هذا هو ما أتحدث
00:08:46عنه؛ هذا هو نوع الجمالية البصرية التي أطمح إليها، والتي أملك لها نظام تصميم
00:08:51داخل "كلود ديزاين" نفسه. إذا أردت إعادة إنشاء هذا النوع من الأشياء داخل "أوبن ديزاين"، فكيف أفعل ذلك؟
00:08:56ومرة أخرى، ليس من الضروري أن يكون لوحة بياناتي؛ لنفترض أن لديك موقع ويب، ولديك أصولك الخاصة
00:09:01والخطوط وأي شيء آخر تريد إعادة إنشائه هنا. حسنًا، لا يوجد شيء مباشر تمامًا،
00:09:08فلا يمكنني الذهاب إلى أنظمة التصميم وإنشاء ذلك بالضرورة؛ لا يوجد زر للقيام بذلك على الإطلاق.
00:09:14لذا بدلاً من ذلك، ما ستحتاج لفعله هو استيراد ملف مضغوط من "كلود ديزاين". فإذا
00:09:20كنت قد أنشأت نظام التصميم هذا داخل "كلود ديزاين" بالفعل، ما يمكنني فعله هو الذهاب لذلك
00:09:25النظام، وهذا هو مكاني الآن، أذهب إلى "مشاركة" ثم إلى "تحميل المشروع كملف مضغوط (zip)".
00:09:32بعد ذلك يمكنني الذهاب لداخل "أوبن ديزاين" واختيار ملف نظام التصميم المضغوط ورفعه، ويمكنك أن ترى هنا
00:09:39كل ملفات التصميم التي تم رفعها للتو. الآن إذا كنت تحاول القيام بشيء
00:09:45مشابه لهذا ولم تقم بتحويله لنظام تصميم داخل "كلود ديزاين"، فأنصحك
00:09:51بالقيام بذلك؛ ستكون هذه أسهل طريقة، أو يمكنك ببساطة إعادة بناء إعداد نظام
00:09:55التصميم بنفسك داخل "كودكس" أو داخل "كلود كود". ومرة أخرى، الأمر غير متقن قليلاً، وهذا من سلبيات
00:10:00أوبن ديزاين، وهنا أعتقد أن تصميم "هوا واشو" يسهل الأمر قليلاً، لأنه
00:10:04عندما نكون داخل واجهة الأوامر نفعل ذلك بدلاً من الواجهة الرسومية، يمكنني فقط أن أقول
00:10:08داخل واجهة الأوامر في "كلود كود": "مرحبًا، القِ نظرة على ذلك المجلد وانظر لكل ما
00:10:14بداخله، والآن أعد إنشاء هذا العرض التقديمي بهذا الأسلوب". لذا، كما تعلمون، هذه إحدى سلبيات
00:10:20الاضطرار لاستخدام واجهة مستخدم. والآن قلت في الأمر: "أنشئ عرض شرائح يتحدث عن
00:10:25منتجي البرمجي الوهمي لايت هاوس، وهو خاص بالتحليلات للفرق الصغيرة، واسألني أي أسئلة تحتاجها".
00:10:29لذا سنكبر الصورة قليلاً لتتمكنوا من رؤيتها بشكل أفضل، وهذه هي الأسئلة التي طرحها عليّ:
00:10:34لمن هذا العرض؟ لنقل إنه لإطلاق منتج. من الموجود في القاعة؟ سنقول أشخاص من قسم المنتجات.
00:10:44كم عدد الشرائح؟ سنجعلها قصيرة. الجودة؟ أريد جودة عالية. ملاحظات المتحدث؟ لا.
00:10:51النمط البصري؟ استخدم أسلوب "بروتاليست"، واستخدم نظام تصميم أجينتك أو إس، وسندعه يقرر
00:11:00تسلسل القصة، وسنرسل الإجابة. ومثل أي تقسيمات عادية في "كلود كود"، سيقوم
00:11:04بإعطائك قائمة مهام ثم يبدأ بالعمل عليها تدريجيًا. وهذا ما انتهى به
00:11:08الأمر بإعطائنا إياه للشريحة الأولى، والتي تبدو جيدة جدًا. أعتقد أن هذا بالتأكيد يتماشى
00:11:13مع هوية نظام التصميم الذي أعطيناه إياه. ولكن كما تلاحظون، ليس لدي أي قدرة فعليًا على التنقل
00:11:20بينها، أو أنه جعلها جميعًا متشابهة. لذا أخبرت "أوبن ديزاين" أنني لا أرى سوى الشريحة
00:11:25الأولى، وأنه لا ينتقل بين أي منها، وسنرى إن كان قادرًا على إصلاح ذلك. وهذا ما
00:11:29أعطانا إياه "أوبن ديزاين" في النهاية لعرض الشرائح، وقد قمت أيضًا بتصديره لباوربوينت لتروا
00:11:34كيف تبدو عملية التصدير، لأن الأشياء غالبًا ما تبدو جيدة داخل "كلود ديزاين" و
00:11:39"أوبن ديزاين"، ولكن عند نقلها لباوربوينت قد تظهر بعض الأشياء غير المنضبطة قليلاً.
00:11:43الشريحة الأولى تبدو جيدة، والثانية لا بأس بها، يمكننا أن نرى أن هذا ربما
00:11:52يمكن إصلاحه قليلاً في الأرقام. الشريحة الثالثة، هنا الأمر غير منضبط قليلاً؛ نحتاج لنوع من
00:11:58تغيير كيفية فصل هذا وتباعد المسافات بينها. الشريحة الرابعة تبدو جيدة،
00:12:04وهذه تبدو جيدة. الشريحة السادسة، مرة أخرى ربما يجب علينا رفع هذا قليلاً، ثم الشريحة السابعة لدينا
00:12:13بعض مشاكل التنسيق مرة أخرى هنا في إبقاء النص داخل المربعات، ولكنني أعتبر
00:12:18هذا حلاً بنسبة 90%؛ سيستغرق منك حوالي خمس دقائق لإصلاح ذلك، وهو يطابق نظام
00:12:24التصميم الذي أردناه. لكنني أعتقد أنكم قادرون على رؤية أنه بينما أنشأنا عرض الشرائح هذا، فإنه
00:12:29خشن قليلاً عند الحواف بالمقارنة مع مشروع أكثر صقلاً مثل "كلود ديزاين"، وهذا
00:12:33أمر متوقع؛ فـ "أوبن ديزاين" ظهر حرفيًا هذا الأسبوع، لذا نأمل أن يكون هذا شيئًا
00:12:37يستمرون في تطويره وتحسينه، ولكن بشكل عام، ومع ظهوره للتو وكون
00:12:42هذه هي النسخة الأولى منه تقريبًا، أعتقد أن "أوبن ديزاين" أداة صلبة حقًا إذا كنت
00:12:48شخصًا يريد استخدام "كلود ديزاين" ويريد نوعًا من الواجهة الرسومية للقيام بكل هذا وكنت
00:12:54تعاني من قيود الاستخدام. إذا كنت لا تحتاج لواجهة رسومية ولكنك تحب أساسيات "كلود
00:13:00ديزاين" وكيفية عمله، فأعتقد أن تصميم "هوا واشو" ربما لا يزال أفضل قليلاً؛ فهو أسرع
00:13:05ولأنني داخل واجهة الأوامر أعتقد أنه أكثر مرونة. ولكن إذا كنت شخصًا يقول:
00:13:10"أنا أحتاج، أحتاج، أحتاج لهذا النوع من الواجهة"، فأعتقد أن هذا بديل قوي لـ "كلود
00:13:15ديزاين"؛ لأنني أعني، أنا أحب "كلود ديزاين" لا تفهموني خطأ، لكن قيود الاستخدام هذه سخيفة للغاية.
00:13:21ولكن مرة أخرى، وكما قلت سابقًا، آمل أن تظهر 10 ملايين أداة مثل هذه غدًا، وبهذه الطريقة
00:13:26سيحفز ذلك شركة أنثروبيك لإصلاح مشكلة الاستخدام هذه؛ لأن هذا غير معقول. لذا
00:13:31سأكتفي بهذا القدر؛ أعتقد أنها أداة رائعة حقًا، جربها بنفسك بالتأكيد.
00:13:34سهلة الإعداد ومرنة للغاية من حيث أنواع برمجيات البرمجة التي تعمل معها. لذا أخبروني
00:13:40برأيكم في التعليقات، وتأكدوا من زيارة "تشيس إيه آي بلس" إذا أردتم الحصول
00:13:43على الدورة الاحترافية، وسأراكم لاحقًا.