الإنجليزية | 中文
مرحبًا بكم في مشروع تطوير الويب الخاص بي AI-A-Besident! على الرغم من وجود الحد الأدنى من المعرفة في المقدمة (مجرد القليل من HTML و CSS) ، تمكنت من إنشاء بعض المكونات المثيرة للاهتمام بمساعدة Claude 3.5 و GPT-4. لقد دمجت هذه المكونات في موقع العرض هذا. لا تتردد في استكشاف وتجربة ذلك بنفسك!
يجب أن أقول ، لقد حولت الذكاء الاصطناعي حقًا طريقة كتابة الكود.
تم تصميم هذا المشروع باستخدام React و NextJs لتوليد الموقع الثابت (SSG) ويتم نشره على NetLify. إنه يتميز بتوليد خريطة Sitemap التلقائية ، وتكامل Google Analytics ، ودعم I18N للتدويل. حاليًا ، يتضمن المعرض العديد من المكونات المثيرة للاهتمام ، وأخطط لإضافة المزيد باستمرار مع مساعدة الذكاء الاصطناعي.
الخوارزميات: استكشاف التصورات التفاعلية للخوارزميات الكلاسيكية مثل BFS Pathfinding ، A* Search ، خوارزمية Dijkstra ، وعمليات الكومة.
الألعاب: تنفيذ ألعاب كلاسيكية مثل Gomoku (خمسة على التوالي) ، والشطرنج الصيني ، وتترريس ، و 2048.
مكونات أخرى: أجهزة توجيهي مختلفة مثيرة للاهتمام ، بما في ذلك المخططات الديناميكية لتصور البيانات.
الجميع مرحب بهم للمساهمة في تحسين هذه المكونات. لا تقلق إذا كنت تفتقر إلى الخلفية الفنية للواجهة الأمامية - يمكنك الاستفادة من الذكاء الاصطناعي لإحضار أفكارك إلى الحياة! فيما يلي الخطوات البسيطة لتشغيل هذا المشروع محليًا:
git clone [email protected]:selfboot/ai_gallery.git
cd ai_gallery
pnpm install
pnpm dev
http://localhost:3000 لعرض المشروع.إذا واجهت أي مشكلات على طول الطريق ، فحاول استخدام الذكاء الاصطناعي لحلها!
بصفتي مبتدئًا بدون تجربة تطوير على شبكة الإنترنت ، تعلمت الكثير من المعرفة العملية للواجهة الأمامية من خلال التطوير المدعوم من AI لهذا المشروع. لقد كان الأمر مرضيًا بشكل لا يصدق لإنشاء التصورات التي أردت دائمًا القيام بها.
لقد أثبت GPT-4 و Claude 3.5 أنهما معلمان افتراضيون قادرون تمامًا وشركاء البرمجة. حتى بدون تجربة تطوير رد الفعل السابقة ، فقد ساعدوني بسرعة في فهم مفاهيم React ، وتنفيذ المنطق المعقد ، وإنشاء واجهة مستخدم جذابة ، وفهم المبادئ الأساسية. إنهم مساعدون في البرمجة ممتازة ، يقدمون بسرعة أفضل الممارسات وأنماط التصميم وتقنيات التحسين. إنها تساعد في حل العديد من المشكلات الصعبة ، وكسب حقًا لقب أفضل الموجهين.
الذكاء الاصطناعى لا يزال لديه بعض الهلوسة والقيود في القدرة على التفكير. في بعض الأحيان ، يحتوي الكود الذي تم إنشاؤه بواسطة AI على أخطاء أو لا تلبي متطلبات المشروع بالكامل ، وأحيانًا تكون التفسيرات المقدمة واضحة بما فيه الكفاية. في هذه الحالات ، تحتاج إلى تصحيح المشكلات وحلها بنفسك.
النهج الأكثر فعالية هو استخدام الذكاء الاصطناعي كأداة تعاونية ، يجمع بين معرفتها الواسعة والإبداع الشخصي والتفاهم الخاص بالمشروع لإكمال العمل المثير للاهتمام بشكل أسرع وأفضل.
هذه آراء شخصية وللرجوع إليها فقط. لعب كلا النموذجين من الذكاء الاصطناعى أدوارًا مهمة في هذا المشروع ، ولكل منهما نقاط قوته الخاصة. عادةً ما أستخدم Claude 3.5 لنماذج أولية سريعة و GPT-4 لحل المشكلات التفصيلية.