p5.js รีเลย์, การถ่ายโอนด้วยคลิกเดียวจากการสนทนา AI ไปยังตัวแก้ไข p5.js สด
การถ่ายโอนด้วยการแตะเพียงครั้งเดียวของสเก็ตช์ที่สร้างโดย AI ไปยังโปรแกรมแก้ไขออนไลน์เป็นความสามารถหลัก: ปุ่ม Transfer ที่สามารถลากได้จะปรากฏบนบล็อกโค้ดและผืนผ้าใบและส่งโค้ดไปยังโปรแกรมแก้ไขโดยตรง p5.js Relay ซึ่งสร้างโดย akichika เป็นส่วนเสริมของ Chrome สำหรับนักเขียนโค้ดที่สร้างสรรค์และนักเรียนที่เชื่อมต่อผลลัพธ์ของ Claude, ChatGPT และ Gemini กับโปรแกรมแก้ไขเว็บ มันจะแยกไฟล์ HTML เดียวออกเป็นไฟล์แยกต่างหาก แทรก p5.js CDN เมื่อจำเป็น และรองรับเอนจินและธีมของโปรแกรมแก้ไขหลายตัว
วิธีที่ส่วนขยายแผนที่ผลลัพธ์ AI ไปยังโครงการที่แก้ไขได้
Relay แปลงโค้ดการสนทนาเป็นไฟล์ที่พร้อมสำหรับการแก้ไข โดยการแบ่งไฟล์ HTML เดียวออกเป็น index.html, style.css, และ sketch.js โดยอัตโนมัติและแทรก p5.js CDN เมื่อสเก็ตช์ต้องการ ส่วนขยายจะแสดงปุ่ม Transfer ที่ลากได้บนบล็อกโค้ด, แคนวาส, และแผงอาร์ติแฟค เพื่อให้คุณสามารถย้ายโค้ดที่สร้างโดย AI ไปยัง p5.js Web Editor, OpenProcessing, หรือ CodePen ด้วยการคลิกเพียงครั้งเดียว.
มันทำงานอย่างไรภายใต้สภาวะเบราว์เซอร์ทั่วไป
การประมวลผลและการถ่ายโอนเกิดขึ้นภายในเบราว์เซอร์ ดังนั้นส่วนขยายจึงทำงานโดยไม่ต้องส่งโค้ดไปยังเซิร์ฟเวอร์ภายนอก การประมวลผลเฉพาะในท้องถิ่นนี้ช่วยลดการเดินทางของเครือข่ายสำหรับงานการถ่ายโอนและลบขั้นตอนการอัปโหลดเพิ่มเติมเมื่อย้ายโค้ดจากการสนทนาไปยังโปรแกรมแก้ไข ส่วนขยายทำงานในเบราว์เซอร์ที่ใช้ Chromium และทำงานโดยอัตโนมัติในแท็บโปรแกรมแก้ไขที่รองรับ โดยไม่ต้องมีการกำหนดค่าเพื่อตรวจจับโปรแกรมแก้ไขที่ใช้งานอยู่.
มันทำอะไรเพื่อความเป็นส่วนตัวและขีดจำกัดอยู่ที่ไหน
Relay ปฏิบัติตามการออกแบบที่มุ่งเน้นความเป็นส่วนตัว; ส่วนขยายทำการประมวลผลและการถ่ายโอนทั้งหมดในท้องถิ่นและไม่ส่งโค้ดไปยังเซิร์ฟเวอร์ภายนอก การออกแบบนี้จำกัดการเปิดเผยเนื้อหาสเก็ตช์ของคุณต่อบริการของบุคคลที่สามระหว่างการถ่ายโอน โมเดลความเป็นส่วนตัวครอบคลุมเฉพาะขั้นตอนการถ่ายโอนเท่านั้น; มันไม่ได้เปลี่ยนสิ่งที่แพลตฟอร์มแชท AI เองส่งหรือจัดเก็บเมื่อพวกเขาสร้างโค้ด.
มันเข้ากับระบบนิเวศของส่วนขยายและโปรแกรมแก้ไขอย่างไร
Relay สนับสนุนโปรแกรมแก้ไขและธีมทั่วไปในเบราว์เซอร์ โดยทำงานร่วมกับ CodeMirror 5/6, Monaco, และ Ace และโดยการซิงค์ธีม Light, Dark, และ System ส่วนขยายนี้มุ่งเป้าไปที่การทำงานการเขียนโค้ดที่มีบรรยากาศเฉพาะ ลดการคัดลอกและวางด้วยมือระหว่างการสนทนา AI และโปรแกรมแก้ไขสดสำหรับการเขียนโค้ดสร้างสรรค์ด้วย p5.js ซึ่งตรงกับผู้ใช้ที่ทดสอบสเก็ตช์ในโปรแกรมแก้ไขที่ใช้เว็บทันทีหลังจากการสร้าง.
การเพิ่มผลผลิตที่ชัดเจนสำหรับการเขียนโค้ดสร้างสรรค์ที่ช่วยด้วย AI
Relay เป็นเครื่องมือที่มุ่งเน้นสำหรับนักเขียนโค้ดสร้างสรรค์ที่ย้ายโค้ดจากผู้ช่วยแชทไปยังเว็บเอดิเตอร์แบบสด โดยมีการถ่ายโอนที่คาดการณ์ได้ด้วยการคลิกเดียวและการประมวลผลเฉพาะในเครื่องที่รักษาความเป็นส่วนตัวระหว่างการถ่ายโอน หากคุณใช้ AI เพื่อสร้างสเก็ตช์ p5.js ให้เปิดปุ่ม Transfer บนหน้าการแชทของคุณและส่งโครงการที่แยกออกไปยังเว็บเอดิเตอร์เพื่อเร่งการทดสอบแบบวนซ้ำ; คาดหวังการปรับปรุงการทำงานที่มุ่งเป้าแทนที่จะเป็นสภาพแวดล้อมการพัฒนาที่ใช้ทั่วไป.
