كحال الجميع، أستخدم أحيانًا أدوات الذكاء الاصطناعي (AI) مثل ChatGPT و Claude و Gemini للحصول على أكواد، لكن هل جربتم تطوير إضافة متكاملة بمساعدة AI؟ شخصيًا جربت ذلك وطورت بالفعل إضافة بسيطة كاملة باسم (ختَّام).

قصة الإضافة كانت عند حاجتي إلى طريقة سهلة لوضع شعار الموقع على الصور لحفظ الحقوق، ومن المؤكد أنه لا طريقة أسهل لتنفيذ هذا الأمر من إضافة تمكن من فعله ضمن لوحة تحكم ووردبريس.

بالطبع تطوير الإضافة عبر كتابة أكوادها يدويًا يحتاج وقتًا، ولهذا جربت بداية استخدام الأدوات سابقة الذكر، لكنني عانيت من مشاكل أهمها عدم التكامل مع محرر الأكواد الذي كنت أستخدمه Visual Studio Code، ففي حالة طلب أكواد، كنت أفتح مثلًا ملف functions.php، وأنسخ الكود وألصقه ضمنه، لكن تطوير إضافة أمر مختلف كليًا، فهي تتكون من عدة ملفات ويرجح أن تحتاج إلى تعديلات بشكل متكرر.

تسبب ذلك بصعوبات كبيرة، منها الحاجة إلى التنقل بين النوافذ ونسخ ولصق الأكواد بشكل متكرر، وأيضًا تطبيقُ التعديلات التي كان يقترحها الذكاء الاصطناعي كان يحتاج إلى وقت وتركيز كبير.

ولهذا بحثت عن برامج مخصصة للبرمجة بمساعدة AI، وبالفعل وجدت وجربت برامج عديدة، لكن أفضلها بالنسبة لي كان Cursor، إذ واجهته شبيهة بـ Visual Studio Code، ويوفر جميع النماذج الشهيرة مثل GPT-4o و claude-3.5-sonnet و وحتى نماذج o1، ومؤخرًا تمت إضافة نموذج جوجل gemini-exp-1206 الذي احتل مقعدًا متقدمًا في كتابة الأكواد.

وقد شاركت تجربتي في استخدام البرنامج لتطوير الإضافة في مقال أكثر تفصيلًا نشرته على موقع ووردبريس بالعربية ([سجل الدخول لترى الرابط]). أيضًا أصبحت الإضافة [سجل الدخول لترى الرابط]، وسأشارككم في وقت قريب تجربتي لرفعها بعد مراجعتها من قبل فريق wordpress.org. هذه بعض الصور من الإضافة:

وأنت هل كان لديك أي تجارب حول تطوير إضافة أو برنامج باستخدام الذكاء الاصطناعي، وكيف كانت تجربتك، وما هي الصعوبات التي واجهتك وكيف تغلبت عليها؟

    ممتازه جدا هذه الاضافة وبالتوفيق

      مبارك اخي علي!

      ومشكور علي مشاركة الاضافة معنا وعلي تجربتك التفصيلية الرائعة.

        شاي

        شكرًا جزيلًا لك. إذا جربتها وأعجبتك، فسأكون شاكرًا تقييمها بإنصاف في مستودع ووردبريس. بالتوفيق لك إن شاء الله.

          علي ملص أيضًا أصبحت الإضافة [سجل الدخول لترى الرابط]، وسأشارككم في وقت قريب تجربتي لرفعها بعد مراجعتها من قبل فريق wordpress.org.

          بداية أهنئك على فكرة الإضافة الجميلة، وعلى قبولها في مستودع ووردبريس الرسمي، إن شاء الله أجربها وأشاركك تجربتي لها. وأكيد ننتظر منك تجربتك من البداية للنهاية كي نستفيد منها.

          علي ملص كحال الجميع، أستخدم أحيانًا أدوات الذكاء الاصطناعي (AI) مثل ChatGPT و Claude و Gemini للحصول على أكواد، لكن هل جربتم تطوير إضافة متكاملة بمساعدة AI؟ شخصيًا جربت ذلك وطورت بالفعل إضافة بسيطة كاملة باسم (ختَّام).

          لا عيب في استخدام الذكاء الصناعي، أو حتى الذكاء الفضائي إن تم اختراعه؛ فهو في النهاية وسيلة من الوسائل وليس غاية في حد ذاته.

          علي ملص قصة الإضافة كانت عند حاجتي إلى طريقة سهلة لوضع شعار الموقع على الصور لحفظ الحقوق، ومن المؤكد أنه لا طريقة أسهل لتنفيذ هذا الأمر من إضافة تمكن من فعله ضمن لوحة تحكم ووردبريس.

          فعلا الحاجة ام الاختراع.

          تناولت نفس الحاجة بطريقة مختلفة حيث أنشأت stamp معين ألصقه على الصور يدويًا؛ لذلك متطلع لتجربة إضافتك.

          علي ملص وأنت هل كان لديك أي تجارب حول تطوير إضافة أو برنامج باستخدام الذكاء الاصطناعي، وكيف كانت تجربتك، وما هي الصعوبات التي واجهتك وكيف تغلبت عليها؟

          كان لي تجربة مع الذكاء الصناعي لإنشاء برنامج سطح مكتب باستخدام لغة بايثون وقد ساعدني على إنجاز العمل بسرعة كبيرة وأنتجت البرنامج الذي أريده بالضبط.

          أما عن الصعوبات، فهي أنني أجد أن التعامل مع الذكاء الصناعي أشبه بتلصيم شيء مكسور؛ تصلح مشكلة في مكان فتجد أنه من نفسه عدل على شيء آخر في الكود كان صحيحًا فتسبب في كسره؛ لذلك يجب أن يتم استخدامه كأداة فقط.

          وهنا يأتي أمر آخر مهم هو احترافية الشخص الذي يتعامل مع الذكاء الصناعي، إن كان مبتدئًا أنتج لنا برنامج أو إضافة سيئة، وإن كان محترفًا أنتج لنا برنامج أو إضافة احترافية.

          أشكرك على مشاركة تجربتك معنا. وأتمنى قراءة المزيد من هذه التجارب المحفزة. بالتوفيق لك

                    صلاح سلامة

                    صلاح سلامة بداية أهنئك على فكرة الإضافة الجميلة، وعلى قبولها في مستودع ووردبريس الرسمي، إن شاء الله أجربها وأشاركك تجربتي لها. وأكيد ننتظر منك تجربتك من البداية للنهاية كي نستفيد منها.

                    شكرًا جزيلًا لك أخي صلاح. بالنسبة لتجربة تطوير الإضافة فقد شاركتها في المقال الذي ذكرته في الموضوع أعلاه، وفيما يخص رفعها على مستودع ووردبريس، فجاري العمل على إعداد مشاركة توضح تجربتي بشكل مفصل، وسأشارك رابطها في هذا الموضوع فور نشرها بعد أيام قليلة بإذن الله

                    صلاح سلامة لا عيب في استخدام الذكاء الصناعي، أو حتى الذكاء الفضائي إن تم اختراعه؛ فهو في النهاية وسيلة من الوسائل وليس غاية في حد ذاته.

                    أكيد لا عيب في ذلك. لا أعرف أين سمعت عبارة (أنت لن تفقد عملك لصالح الذكاء الاصطناعي، بل ستفقده لصالح شخص يستخدم الذكاء الاصطناعي)، لكني أراها عبارة معبرة جدًا عن الحقيقة، فلا يمكن للذكاء الاصطناعي أن يفعل أي شيء بمفرده. لا بد من توجيهه والتأكد من عمله ومراجعته.

                    صلاح سلامة أما عن الصعوبات، فهي أنني أجد أن التعامل مع الذكاء الصناعي أشبه بتلصيم شيء مكسور؛ تصلح مشكلة في مكان فتجد أنه من نفسه عدل على شيء آخر في الكود كان صحيحًا فتسبب في كسره؛ لذلك يجب أن يتم استخدامه كأداة فقط.

                    أتفق معك في هذا، أحيانًا يجري تعديلات غير مطلوبة، لكن أعتقد أن هذه المشكلة قد قل تكرارها بعد التحديثات خاصة في نماذج شركة Anthropic مثل claude-3.5-sonnet فهي تلتزم بالتعليمات أكثر من غيرها.

                    صلاح سلامة وهنا يأتي أمر آخر مهم هو احترافية الشخص الذي يتعامل مع الذكاء الصناعي، إن كان مبتدئًا أنتج لنا برنامج أو إضافة سيئة، وإن كان محترفًا أنتج لنا برنامج أو إضافة احترافية.

                    صحيح، بغض النظر عن الوسيلة المستخدمة لتطوير الإضافة أو البرنامج، هي تعكس مدى احترافية المطور وإتقانه بالعمل.

                    صلاح سلامة أشكرك على مشاركة تجربتك معنا. وأتمنى قراءة المزيد من هذه التجارب المحفزة. بالتوفيق لك

                    العفو، وشكرًا لك على مشاركة تجربتك أيضًا.

                                كان لي تجربة شبيهة مع ChatGPT المدفوع حيث طلبتُ منه تطوير كود ووردبريس يقوم تلقائيًا بمشاركة الموضوعات التي أنشرها على موقعي الووردبريس على مجتمع [سجل الدخول لترى الرابط] التابع للموقع، بحيث يُنشأ موضوع جديد على المجتمع عند كل مقال منشور على الموقع على شاكلة:

                                (أول سطرين من المقالة)

                                لمتابعة المقال اقرأ المزيد على الرابط:

                                فيكون هذا مساعدًا في تنشيط المجتمع بالإضافة إلى كوني كنتُ راغبًا في جعل إمكانية التعليقات متوفرة فقط على المجتمع وليس على الموقع الرئيسي.

                                فطلبتُ من ChatGPT أن يعطيني كود لأضعه في ملف تسجيل الدخول لعرض الكود الخاص بالقالب ليتم تطبيقه عند كل عملية نشر جديدة للمقال وقد عمل معيّ بشكل جيد (باستثناء خطأ أو خطأين أصلحتها لاحقًا بنفسي).

                                وقد سمعتُ بالكثير من التجارب كتجربتك لتطوير إضافات ووردبريس بالكامل باستخدام الذكاء الاصطناعي، وأجدها أمرًا جميلًا جدًا، فما كنتَ بحاجة إلى أسابيع في السابق لتعلمه أو برمجته بنفسك صرتَ اليوم قادرًا على فعل في ساعات. 🤖

                                  محمد هاني صباغ

                                  صحيح، الذكاء الاصطناعي قلص وقت عمل المطورين جدًا بذات الإنتاجية، وبالفعل كما ذكرت عمل أسابيع أصبح يتم في ساعات أو أيام قليلة بحد أقصى.

                                  ChatGPT ممتاز للحصول على أكواد، لكن يصعب تطوير إضافة بواسطته لأن الإضافات عادة توفر أكثر من وظيفة وتتكون من عدة ملفات، ولذلك تأتي الأدوات المخصصة للبرمجة والتطوير لتحل مشاكل صعوبة استخدام ChatGPT والنماذج الأخرى المشابهة في برمجة وتطوير الإضافات والقوالب والأنظمة.

                                    تجربة قيمة يا علي وموفقة لك مني كل التقدير، ومن المهم أن يكون لديك تصور للمرحلة المقبلة في صيانة الإضافة وتحديثها وأن تكون متوافقة مع المكونات الأخرى التي تؤدي وظائف مشابهة وكذلك التحديثات المتعلقة بووردبريس بشكل دائم.

                                    أنصحك بنشر وإيصال الإضافة لشريحة أوسع من المهتمين وسأكون من أوائل الأشخاص الذين يقومون بتجربتها 🙂

                                    التجربة مثيرة للاهتمام ولي بالفعل تجارب مشابهة بمواجهة بعض المشاكل في الموقع واطلب منه حل المشكلة فيعطيني الكود، وبالطبع يحتاج الى المراجعة ولكن في الغالب يؤدي الوظيفة بأخطاء بسيطة

                                    ويبدو أن الأخ [سجل الدخول لترى الرابط] له تجارب مشابهة أيضًا، فهل جربت الاعتماد على الذكاء الاصطناعي لعمل إضافة أو أداة متكاملة؟ وأظن أن المبرمجين يتوجهون إلى موديل claude 3.5 sonnet أكثر من شات جي بي تي في أداء الوظائف البرمجية؟

                                      عمر إسماعيل

                                      عمر إسماعيل تجربة قيمة يا علي وموفقة لك مني كل التقدير، ومن المهم أن يكون لديك تصور للمرحلة المقبلة في صيانة الإضافة وتحديثها وأن تكون متوافقة مع المكونات الأخرى التي تؤدي وظائف مشابهة وكذلك التحديثات المتعلقة بووردبريس بشكل دائم.

                                      شكرًا لك أخي عمر على النصيحة، وبالفعل أنا لدي بعض الأفكار التي سأضيفها مستقبلًا بإذن الله. وعمومًا أنا راعيت أن تكون الإضافة متوافقة مع الإضافات الأخرى للصور مثل إضافات الضغط، وذلك عبر جعلها تنفذ المهام بالاعتماد على وظائف ووردبريس الافتراضية ما أمكن، وسأعمل على تأكيد توافقها مع الإضافات الشائعة خلال بضعة أيام إن شاء الله.

                                      عمر إسماعيل وبالطبع يحتاج الى المراجعة ولكن في الغالب يؤدي الوظيفة بأخطاء بسيطة

                                      نعم صحيح، عادة الأخطاء بسيطة وقليلة عند طلب أكواد معينة لمهمة واحدة بسيطة، وعادة تحدث بسبب عدم علم النموذج بجميع حيثيات الموقف أو الحالة.

                                      عمر إسماعيل وأظن أن المبرمجين يتوجهون إلى موديل claude 3.5 sonnet أكثر من شات جي بي تي في أداء الوظائف البرمجية؟

                                      نموذج claude 3.5 sonnet أفضل بشكل ملحوظ من نموذج GPT-4o في المهام البرمجية، وحاليًا بدأت جوجل تطلق نماذج تحقق نتائج قريبة منه بفعاليتها في المهام البرمجية، لكن مع ذلك لا يزال claude 3.5 sonnet الأفضل حتى الآن.

                                              عمر إسماعيل

                                              نعم Claude Sonnet أفضل من ChatGPT بمراحل في المهام البرمجية لكنني استخدمتُه وقتها عندما كان لدي اشتراك مدفوع معهم فأدّى المطلوب.

                                              هندسة التعليمة أو Prompt Engineering هي من أهم ما قد يتعلمه المرء لعمل هذه الأشياء بغض النظر عن نموذج الذكاء الاصطناعي الذي سيستعمله، لأنها ستفيده على امتداد هذه النماذج.

                                              استعملتُ Claude من قبل لتوليد تطبيقات ويب ببايثون وإطار العمل فلاسك + تطبيقات سطح مكتب لنظام لينكس مع مكتبة الواجهة الرسومية Gtk، وكان جيدًا فيها جميعًا، لكنني لم أجربه بعد مع ووردبريس وإضافاته.

                                                  طبعا ممكن، وانا جربت اكتر من مرة اعمل الموضوع دا، واستخدمت chatGPT في برمجة الاضافات، احيانا كانت بتكون إضافات مستقلة واحيانا بتكون Addons لإضافات آخرى، لكن على أي حال تجربتي فيها كانت فعالة لكن للتوضيح هتضطر تكتب طريقة كتابة الكود اللي انت محتاجها وتشرح الوظيفية للاضافة بشكل واضح جدا وبعد ما يخرجلك الكود لازم تجربه كذا مرة وتراجعه قبل ما تستخدمه عشان ميعملش مشاكل في موقعك وفي النهاية لما يشتغل لازم تقول للذكاء الاصطناعي ان كذا اشغل وكذا مشتغلش، عشان يتعلم اكتر ويرد عليك بتغيير الكود اللي مشتغلش ويفضل محتفظ بالكود اللي اشتغل، وحاول تقسم الوظيفية على مراحل متطلبش الكود كله مرة واحدة.. بس كدا دي نصايحي وتجربتي معاه

                                                    يـُوسِـف أبـرامـُـو - Youssuf Abramo

                                                    صحيح، وبالإضافة إلى ما ذكرت هناك شيئين إضافيين وجدت أنهما مفيدان جدًا عند التطوير باستخدام الذكاء الاصطناعي، وخاصة عند حل المشاكل، الأول هو سجلات أخطاء PHP ووردبريس التي تخزن في ملف debug.log، حيث يمكن نسخها وإعطاءها للذكاء الاصططناعي ليسهل عليه تصحيح الخطأ، وكذلك أخطاء JS التي تعرض في Console، حيث يمكن أيضًا نسخها للذكاء الاصطناعي.

                                                    هذا سيختصر وقت شرح الأخطاء بشكل كبير، لكن بالطبع هو ليس فعالًا في بعض الأحيان القليلة، حيث ستحتاج إلى شرح الأخطاء بنفسك، مثل عندما لا تظهر أي أخطاء لا في الملف ولا في Console.

                                                        محمد هاني صباغ

                                                        تبعًا لتجربتي نماذج الذكاء الاصطناعي بشكل عام ممتازة في بايثون ومكتباتها، وحتى لديها معرفة فيها أكثر من PHP وJavaScript، فقد استخدمت نموذج claude 3.5 sonnet لبناء برامج لترجمة الفيديوهات باستخدام الذكاء الاصطناعي، وتتبع عناصر معينة في الفيديو بشكل تلقائي، وأيضًا لبرمجيات أخرى متعلقة بالفيديو والصور والترجمة، ولاحظت أنني أطلب منه إصلاح أخطاء بمعدل أقل بكثير من عند تطوير إضافة ووردبريس.