ai_gallery

ภาษาอังกฤษ | 中文

ยินดีต้อนรับสู่โครงการพัฒนาเว็บ AI-ASSISTED ของฉัน! แม้จะมีความรู้ส่วนหน้าน้อยที่สุด (เพียงเล็กน้อยของ HTML และ CSS) แต่ฉันก็สามารถสร้างองค์ประกอบที่น่าสนใจด้วยความช่วยเหลือของ Claude 3.5 และ GPT-4 ฉันได้รวมส่วนประกอบเหล่านี้ไว้ในไซต์โชว์นี้ อย่าลังเลที่จะสำรวจและสัมผัสกับมันด้วยตัวเอง!

ฉันต้องบอกว่า AI ได้เปลี่ยนวิธีการเขียนโค้ดอย่างแท้จริง

ภาพรวมโครงการ

โครงการนี้สร้างขึ้นโดยใช้ React และ NextJs สำหรับการสร้างไซต์แบบคงที่ (SSG) และถูกปรับใช้ใน NetLify มันมีการสร้างเว็บไซต์ Sitemap อัตโนมัติการรวม Google Analytics และการสนับสนุน I18N เพื่อความเป็นสากล ปัจจุบันแกลเลอรี่มีส่วนประกอบที่น่าสนใจหลายอย่างและฉันวางแผนที่จะเพิ่มความช่วยเหลือ AI อย่างต่อเนื่อง

อัลกอริทึม: สำรวจการสร้างภาพข้อมูลแบบโต้ตอบของอัลกอริทึมคลาสสิกเช่น BFS Pathfinding, A* Search, อัลกอริทึมของ Dijkstra และการดำเนินการกอง

เกม: การใช้งานเกมคลาสสิกเช่น Gomoku (ห้าในแถว), Chinese Chinese, Tetris และ 2048

ส่วนประกอบอื่น ๆ : วิดเจ็ตที่น่าสนใจต่าง ๆ รวมถึงแผนภูมิไดนามิกสำหรับการสร้างภาพข้อมูล

การพัฒนาท้องถิ่น

ทุกคนยินดีที่จะมีส่วนร่วมในการปรับปรุงส่วนประกอบเหล่านี้ ไม่ต้องกังวลหากคุณขาดภูมิหลังทางเทคนิคส่วนหน้า - คุณสามารถใช้ประโยชน์จาก AI เพื่อนำความคิดของคุณมาสู่ชีวิต! นี่คือขั้นตอนง่าย ๆ ในการเรียกใช้โครงการนี้ในพื้นที่:

1. โคลนที่เก็บ:

    git clone [email protected]:selfboot/ai_gallery.git
   

2. นำทางไปยังไดเรกทอรีโครงการ:

    cd ai_gallery
   

3. ติดตั้งการพึ่งพา:

    pnpm install
   

4. เริ่มต้นเซิร์ฟเวอร์การพัฒนา:

    pnpm dev
   

5. เปิดเบราว์เซอร์ของคุณและเยี่ยมชม http://localhost:3000 เพื่อดูโครงการ

หากคุณพบปัญหาใด ๆ ระหว่างทางลองใช้ AI เพื่อแก้ไขปัญหา!

ภาพสะท้อนจากการใช้ AI

ในฐานะที่เป็นสามเณรที่ไม่มีประสบการณ์การพัฒนาเว็บฉันได้เรียนรู้ความรู้ส่วนหน้าในทางปฏิบัติมากมายผ่านการพัฒนา AI-Assisted ของโครงการนี้ มันเป็นจริงอย่างไม่น่าเชื่อที่จะสร้างการสร้างภาพข้อมูลที่ฉันต้องการทำมาตลอด

1. โอกาสการเรียนรู้ : ความช่วยเหลือ AI ช่วยให้ฉันเข้าใจแง่มุมของ React, JavaScript และแนวทางปฏิบัติในการพัฒนาเว็บที่ทันสมัยอย่างรวดเร็ว
2. การแก้ปัญหา : ในขณะที่ AI มีบทบาทสำคัญในหลาย ๆ ด้าน แต่ก็ยังมีปัญหาที่ จำเป็นต้องมีการแทรกแซงของมนุษย์ ในการแก้ไข

ผลกระทบของ AI

GPT-4 และ Claude 3.5 ได้พิสูจน์แล้วว่าเป็นผู้ให้คำปรึกษาเสมือนจริงที่มีความสามารถอย่างเต็มที่และเป็นพันธมิตรการเขียนโปรแกรมจับคู่ แม้จะไม่มีประสบการณ์การพัฒนาปฏิกิริยาก่อนหน้านี้พวกเขาก็ช่วยให้ฉันเข้าใจแนวคิดที่ตอบสนองได้อย่างรวดเร็วใช้ตรรกะที่ซับซ้อนสร้าง UIs ที่น่าดึงดูดและเข้าใจหลักการพื้นฐาน พวกเขาเป็นผู้ช่วยการเขียนโปรแกรมที่ยอดเยี่ยมแนะนำวิธีปฏิบัติที่ดีที่สุดรูปแบบการออกแบบและเทคนิคการเพิ่มประสิทธิภาพ พวกเขาช่วยแก้ปัญหาที่ท้าทายต่าง ๆ ได้รับชื่อของพี่เลี้ยงที่ดีที่สุดอย่างแท้จริง

ข้อ จำกัด ของ AI

AI ยังคงมีภาพหลอนและข้อ จำกัด ในความสามารถในการให้เหตุผล บางครั้งรหัส Ai-Generated มีข้อบกพร่องหรือไม่ตรงตามข้อกำหนดของโครงการอย่างสมบูรณ์และบางครั้งคำอธิบายที่ให้ไว้ก็ไม่ชัดเจนพอ ในสถานการณ์เหล่านี้คุณต้องทำการดีบักและแก้ปัญหาด้วยตัวคุณเอง

การทำงานร่วมกันของ AI-HUMAN

วิธีที่มีประสิทธิภาพมากที่สุดคือการใช้ AI เป็นเครื่องมือการทำงานร่วมกันโดยรวมความรู้มากมายเข้ากับความคิดสร้างสรรค์ส่วนบุคคลและความเข้าใจเฉพาะโครงการเพื่อให้งานที่น่าสนใจสมบูรณ์ขึ้นและดีขึ้น

เปรียบเทียบ GPT-4 และ Claude 3.5

นี่คือความคิดเห็นส่วนตัวและสำหรับการอ้างอิงเท่านั้น โมเดล AI ทั้งสองมีบทบาทสำคัญในโครงการนี้แต่ละรุ่นมีจุดแข็งของตัวเอง ฉันมักจะใช้ Claude 3.5 สำหรับการสร้างต้นแบบอย่างรวดเร็วและ GPT-4 สำหรับการแก้ปัญหาโดยละเอียด

• GPT-4 : เก่งในการให้คำอธิบายโดยละเอียดและการจัดการงานที่ซับซ้อนหลายขั้นตอน สำหรับปัญหาที่ฉันมีความเข้าใจทั่วไปเกี่ยวกับสาเหตุ GPT-4 มักจะให้รหัสและคำอธิบายที่ดีเมื่อได้รับการแจ้งรายละเอียด
• Claude 3.5 : ทำงานได้ดีเป็นพิเศษในการสร้างรหัสและ refactoring ด้วยคำอธิบายข้อกำหนดที่เรียบง่ายมันมักจะสร้างต้นแบบที่ดีอย่างรวดเร็ว การตอบสนองของมันมักจะกระชับและใช้ได้โดยตรงมากขึ้นทำให้ดีสำหรับการใช้งานอย่างรวดเร็วและการแก้ไขข้อผิดพลาด