การเขียนพรอมต์และการส่งมอบ

การเขียนพรอมต์และการส่งมอบ

ได้ผลลัพธ์ที่ดีขึ้นจากเครื่องมือสร้างด้วย AI และนำสิ่งที่สร้างขึ้นไปใช้งานจริงอย่างปลอดภัย

• วิธีเผยแพร่แอปบน Google Play: ขั้นตอนจริงใน Play Console — วิธีเผยแพร่แอปบน Google Play: บัญชีนักพัฒนา การสร้างแอป รายการในร้าน แบบฟอร์มเนื้อหาแอป การทดสอบปิดกับผู้ทดสอบ 12 คน และการเปิดตัวจริง
• วิธีเผยแพร่แอปบน App Store: ตั้งแต่ TestFlight จนได้รับการอนุมัติ — วิธีเผยแพร่แอปบน App Store: สมัคร Developer Program, App Store Connect, TestFlight, การลงรายการแอป, App Privacy, การส่งให้ตรวจสอบ และเหตุผลที่ถูกปฏิเสธ
• วิธีใช้ Google AI Studio: Playground, Build Mode และ Vibe Coding กับ Gemini — วิธีใช้ Google AI Studio: ทดสอบ Gemini ใน Playground รับ API key สร้างแอพด้วย vibe coding ใน Build mode และรู้ว่าเมื่อไรควรย้ายไปตัวสร้าง full-stack
• Vibe Coding ปลอดภัยไหม ความเสี่ยงจริงและสิ่งที่ต้องตรวจก่อนเผยแพร่ — Vibe coding ปลอดภัยไหม ได้ถ้าตั้งค่าถูก ความเสี่ยงจริง (ข้อมูลรั่ว คีย์หลุด การใช้งานในทางที่ผิด) วิธีเก็บความลับ และเช็ก 30 นาทีก่อนเผยแพร่
• Vibe Coding สำหรับมือใหม่: เริ่มต้นอย่างไร ทีละขั้นตอน — บทเรียน vibe coding สำหรับผู้เริ่มต้นทั้งหมด: เลือกเครื่องมือ เขียนพรอมต์แรก ทดสอบ แก้ไข และเผยแพร่แอปเล็กๆ ได้ในบ่ายเดียว ไม่ต้องเขียนโค้ด
• 30 พรอมต์ Vibe Coding ที่คัดลอกไปใช้ได้ (ชีตสรุป) — 30 พรอมต์ vibe coding ที่คัดลอกและวางได้ จัดตามขั้นตอน: สร้างครั้งแรก วางแผน ดีไซน์ ข้อมูล แก้บั๊ก ทดสอบ ความปลอดภัย และเผยแพร่
• Vibe Coding กับ ChatGPT: Canvas, Codex และการสร้างแอปจาก ChatGPT — วิธี vibe code กับ ChatGPT: โปรโตไทป์ด่วนในแชท Codex สำหรับโค้ดเบสจริง และการสร้างแอปที่มีฐานข้อมูลและโฮสต์จาก ChatGPT ด้วย Mythex
• Vibe Coding กับ Claude: Claude Chat, Claude Code และการสร้างจาก Claude — สามวิธี vibe code กับ Claude: แอปด่วนใน Claude chat, Claude Code บนโปรเจกต์ของคุณ และการสร้างและเผยแพร่แอป full-stack จาก Claude ผ่าน MCP
• วิธีทำให้เว็บไซต์รองรับมือถือ (Responsive) — ทำให้เว็บไซต์ใช้งานบนโทรศัพท์ได้: แท็ก viewport เลย์เอาต์แบบ mobile-first รูปภาพที่ยืดหยุ่น ปุ่มที่กดง่าย ตารางและฟอร์ม พร้อมพรอมต์และรายการตรวจการทดสอบ
• วิธีเพิ่มบล็อกในเว็บไซต์ของคุณ: ตัวเลือก SEO และการตั้งค่า — วิธีเพิ่มบล็อกในเว็บไซต์: ไฟล์ Markdown เทียบกับ editor ในตัวกับ CMS, subfolder กับ subdomain, พื้นฐาน SEO และพรอมต์สำหรับสร้างด้วย AI
• วิธีเพิ่มฟอร์มติดต่อในเว็บไซต์ของคุณ (ที่ส่งข้อความถึงคุณจริงๆ) — วิธีเพิ่มฟอร์มติดต่อที่ใช้งานได้: บันทึกข้อความ รับอีเมลแจ้งเตือน หยุดสแปม และหลีกเลี่ยงข้อผิดพลาดที่ทำให้สอบถามหายไปโดยไม่รู้ตัว พร้อมพรอมต์
• วิธีเพิ่มฐานข้อมูลให้แอปของคุณ (โดยไม่ทำให้ข้อมูลหายในภายหลัง) — วิธีเพิ่มฐานข้อมูลให้แอปที่คุณสร้าง: เมื่อไรที่ต้องใช้ เปรียบเทียบ Postgres กับบริการโฮสต์ การออกแบบตาราง พรอมต์ที่ควรใช้ และข้อผิดพลาดที่ทำให้ข้อมูลหาย
• วิธีเพิ่มฟีเจอร์ AI ให้แอปของคุณ — เพิ่มการสรุป แชท การดึงข้อมูล และการจัดประเภทด้วย LLM API โดยรักษาคีย์ให้ปลอดภัย ควบคุมค่าใช้จ่าย และทำให้ผลลัพธ์น่าเชื่อถือ
• วิธีเพิ่ม Analytics ให้แอปของคุณ: GA4, เครื่องมือที่ให้ความสำคัญกับความเป็นส่วนตัว และ Product Analytics — วิธีเพิ่ม analytics ให้เว็บไซต์หรือแอป: Google Analytics 4 เทียบกับเครื่องมือเน้นความเป็นส่วนตัวและ product analytics สิ่งที่ควรติดตามและพรอมต์
• วิธีเพิ่มการยินยอมคุกกี้ให้เว็บไซต์ของคุณ — เพิ่มแบนเนอร์คุกกี้ที่บล็อกสคริปต์จนกว่าผู้เข้าชมจะยินยอม: อะไรต้องขอความยินยอม CMP เทียบกับแบบกำหนดเอง Google consent mode และเช็กลิสต์
• วิธีเพิ่มโหมดมืดให้เว็บไซต์หรือแอปของคุณ (โดยไม่มีอาการจอขาววาบ) — วิธีเพิ่มโหมดมืด: ทำตามการตั้งค่าของระบบหรือเพิ่มปุ่มสลับ ใช้โทเคนสี หลีกเลี่ยงจอขาววาบตอนโหลด และตรวจคอนทราสต์ มีพรอมต์ให้ใช้
• วิธีเพิ่มการอัปโหลดไฟล์ให้แอปของคุณ — วิธีเพิ่มการอัปโหลดไฟล์: เก็บในที่เก็บไฟล์ ไม่ใช่ดิสก์เซิร์ฟเวอร์หรือฐานข้อมูล ตรวจชนิดและขนาดที่เซิร์ฟเวอร์ และควบคุมการเข้าถึงไฟล์ส่วนตัว
• วิธีเพิ่มระบบล็อกอินให้แอปของคุณ: รหัสผ่าน ลิงก์เมจิก Google และบทบาท — วิธีเพิ่มการล็อกอินให้แอป: อีเมลและรหัสผ่าน magic link เข้าสู่ระบบด้วย Google บทบาทและสิทธิ์ และการรักษาเซสชันให้ปลอดภัย
• วิธีเพิ่มแผนที่ให้แอปของคุณ: embed แผนที่แบบโต้ตอบ และตัวค้นหาสาขา — วิธีเพิ่มแผนที่ให้แอป: embed ฟรีเทียบกับ Google Maps, Mapbox หรือ Leaflet คีย์ API โควตาฟรี geocoding พรอมต์ที่ควรใช้ และข้อผิดพลาดที่ควรเลี่ยง
• วิธีเพิ่มหลายภาษาในแอปหรือเว็บไซต์ของคุณ — ทำให้แอปของคุณรองรับหลายภาษา ด้วยไฟล์การแปล ตัวสลับภาษา URL แยกตามภาษา hreflang วันที่และสกุลเงิน เลย์เอาต์จากขวาไปซ้าย และเนื้อหา
• วิธีเพิ่มการแจ้งเตือนในแอปของคุณ: ในแอป อีเมล และ Push — เพิ่มการแจ้งเตือนในเว็บแอป เปรียบเทียบกระดิ่งในแอป อีเมล และ Web Push วิธีจัดเก็บและส่ง การตั้งค่าของผู้ใช้ และข้อผิดพลาดที่ทำให้ผู้ใช้รำคาญ
• วิธีเพิ่มการชำระเงินในแอปของคุณ: การเช็คเอาต์ การสมัครสมาชิก และ Webhook — วิธีรับการชำระเงินในแอปที่คุณสร้าง เปรียบเทียบ Payment Links กับ Checkout และการสมัครสมาชิก Webhook โหมดทดสอบ การเปิดใช้งานจริง และสิ่งที่ควรรู้เรื่องภาษี
• วิธีเพิ่มการควบคุมการเข้าถึงตามบทบาท (RBAC) ในแอปของคุณ — เพิ่มบทบาทและสิทธิ์ในแอปอย่างปลอดภัย: เลือกโมเดล เก็บบทบาท ตรวจสอบบนเซิร์ฟเวอร์ทุกคำขอ และทดสอบว่าผู้ใช้เข้าถึงข้อมูลของคนอื่นไม่ได้
• วิธีเพิ่มการค้นหาในแอปของคุณ: ตั้งแต่ตัวกรองง่ายๆ ไปจนถึงการค้นหาข้อความเต็ม — วิธีเพิ่มการค้นหาในแอป: ตัวกรองง่ายๆ การค้นหาข้อความเต็มในฐานข้อมูล หรือบริการค้นหาแบบโฮสต์ จะเลือกอันไหน พรอมต์ที่ใช้ และข้อผิดพลาดที่ควรเลี่ยง
• วิธีเพิ่มการสมัครสมาชิกด้วย Stripe: แพ็กเกจ ทดลองใช้ฟรี Webhook และการชำระเงินที่ล้มเหลว — เพิ่มการเรียกเก็บเงินแบบต่อเนื่องด้วย Stripe: Checkout โหมดสมัครสมาชิก การทดลองใช้ฟรี พอร์ทัลลูกค้า เหตุการณ์ webhook ที่ต้องจัดการ และสิ่งที่ต้องทำเมื่อบัตรถูกปฏิเสธ
• วิธีเพิ่มการยืนยันตัวตนสองขั้นตอนในแอปของคุณ — เพิ่ม 2FA ในแอปทีละขั้นตอน: รหัสจากแอปยืนยันตัวตน เทียบกับพาสกีย์และ SMS การลงทะเบียน รหัสกู้คืน การตรวจสอบฝั่งเซิร์ฟเวอร์ และข้อผิดพลาดที่ควรเลี่ยง
• วิธีสำรองฐานข้อมูลแอปของคุณ (และกู้คืนได้จริง) — คู่มือปฏิบัติสำหรับการสำรองฐานข้อมูลของแอปขนาดเล็ก: ควรสำรองอะไร pg_dump ทำงานอย่างไร ควรทำบ่อยแค่ไหน เก็บสำเนาไว้ที่ไหน และทดสอบการกู้คืนอย่างไร
• วิธีสร้าง REST API: การออกแบบ ความปลอดภัย และการนำขึ้นใช้งานจริง — สร้าง REST API ทีละขั้นตอน ตั้งแต่ resource และ route, HTTP method และ status code, การตรวจสอบข้อมูล, การยืนยันตัวตน, pagination, rate limit, เอกสาร และการนำขึ้นใช้งานจริง
• วิธีเชื่อมโดเมนของคุณเองกับแอปหรือเว็บไซต์ — วิธีเชื่อมโดเมนของคุณเองกับแอปหรือเว็บไซต์: การซื้อโดเมน ระเบียน DNS ที่ต้องเพิ่ม HTTPS www กับโดเมนหลัก และวิธีแก้ข้อผิดพลาดที่พบบ่อย
• วิธีเชื่อม Google Sheets กับแอปของคุณ — อ่านและเขียน Google Sheets จากแอปของคุณ: service account กับ OAuth กับ API key การเรียก Sheets API โควตา ความปลอดภัยของสูตร และเมื่อควรย้ายไปใช้ฐานข้อมูล
• วิธีดีบักแอปที่สร้างด้วย AI: วิธีปฏิบัติจริง — วิธีแก้บั๊กในแอปที่สร้างด้วย AI ทีละขั้นตอน: ทำให้ปัญหาเกิดซ้ำ อ่านข้อความ error ใช้ devtools ของเบราว์เซอร์ อธิบายปัญหาให้ชัด และย้อนกลับเวอร์ชัน
• วิธีออกแบบแอปให้สวยด้วย AI — ให้ AI ออกแบบแอปที่ดูตั้งใจ ไม่ดูเหมือนทั่วไป: รวบรวมตัวอย่างอ้างอิง กำหนดทิศทางการออกแบบ ควบคุมระยะห่าง ตัวอักษร และสี แล้วปรับแก้ให้ดีขึ้นเรื่อย ๆ
• วิธี Export และ Self-Host แอปที่สร้างด้วย AI — วิธีนำโค้ดแอปที่สร้างด้วย AI ออกมาและรันที่อื่น: export หรือซิงก์ไป GitHub ความลับ การย้ายฐานข้อมูล และการเลือกโฮสต์
• วิธีแก้ error 404 หลังดีพลอยเว็บไซต์หรือแอป — หน้าทำงานในเครื่องแต่ 404 หลังดีพลอย? แก้ fallback ของ SPA routing, trailing slash, เส้นทางที่ตัวพิมพ์มีผล, ไฟล์บิลด์ที่หายไป และ API route ทีละขั้น
• วิธีแก้หน้าขาวว่างเปล่าในเว็บแอปของคุณ — ทำไมเว็บแอปถึงแสดงหน้าขาวว่างเปล่า และวิธีแก้: อ่าน console หาไฟล์ที่หายและ base path ที่ผิด ตั้งค่าตัวแปรสภาพแวดล้อม และแก้การ crash กับ routing
• วิธีแก้ error CORS (และทำไมมันถึงเกิดขึ้น) — error CORS คืออะไร ทำไมเบราว์เซอร์ถึงบล็อกคำขอข้าม origin และวิธีแก้ที่ฝั่งเซิร์ฟเวอร์ พร้อม preflight และ credentials หรือใช้ API ที่อยู่ origin เดียวกัน
• วิธีเชื่อมต่อ Claude API เข้ากับแอปของคุณ — เพิ่ม Claude API ของ Anthropic เข้าในแอป: คีย์ API, Messages API, system prompt, การสตรีม, ข้อผิดพลาด 429 และ 529, วงเงินการใช้จ่าย และการเรียกผ่านเซิร์ฟเวอร์อย่างปลอดภัย
• วิธีเชื่อมต่อ OpenAI API เข้ากับแอปของคุณ — เพิ่ม OpenAI API เข้าในแอปอย่างปลอดภัย: คีย์ API และโปรเจกต์ Responses API การเรียกผ่านเซิร์ฟเวอร์ การสตรีม วงเงินการใช้จ่าย rate limit และการจัดการข้อผิดพลาด
• วิธีปรับปรุงแอปที่สร้างด้วย AI โดยไม่ทำให้พัง — ปรับปรุงแอปที่สร้างด้วย AI ทีละการเปลี่ยนแปลงเล็ก ๆ: อธิบายสิ่งที่คุณเห็น วางแผนการเปลี่ยนแปลงใหญ่ ทดสอบทุกพรอมต์ และย้อนกลับแทนการซ้อนการแก้ไข
• วิธีเก็บคีย์ API ให้ปลอดภัยในแอปของคุณ — เก็บคีย์ API ให้ห่างจากโค้ด เบราว์เซอร์ และแชท: เก็บเป็นความลับ ใช้เฉพาะบนเซิร์ฟเวอร์ จำกัดสิทธิ์ และหมุนเวียนคีย์ที่รั่วไหลทุกครั้ง
• วิธีทำให้เว็บไซต์ของคุณเข้าถึงได้: คู่มือเริ่มต้น WCAG 2.2 — ทำให้เว็บไซต์ใช้งานได้สำหรับทุกคน: HTML เชิงความหมาย การใช้คีย์บอร์ด คอนทราสต์ alt text ฟอร์ม และโฟกัส ตรวจตาม WCAG 2.2 AA พร้อมรายการตรวจสอบ
• วิธีทำให้เว็บไซต์เร็วขึ้น: เช็กลิสต์ปฏิบัติ — วัดก่อนแล้วจึงแก้สิ่งที่ทำให้เว็บช้า: รูปภาพ JavaScript ฟอนต์ สคริปต์ของบุคคลที่สาม และการตอบสนองของเซิร์ฟเวอร์ พร้อมเป้าหมาย Core Web Vitals และพรอมต์ AI
• วิธีย้ายเว็บไซต์ WordPress โดยไม่สูญเสียเนื้อหาและอันดับการค้นหา — ย้ายเว็บไซต์ WordPress ไปยังแพลตฟอร์มใหม่: ทำรายการ URL ส่งออกโพสต์และสื่อ สร้างดีไซน์ใหม่ นำเข้าเนื้อหา ตั้งค่า redirect 301 และเปลี่ยน DNS อย่างปลอดภัย
• วิธีย้ายจาก Lovable มายัง Mythex (โค้ด ข้อมูล และโดเมน) — ย้ายแอป Lovable มายัง Mythex ทีละขั้นตอน: นำโค้ดออกผ่าน GitHub ตัดสินใจเรื่องแบ็กเอนด์และข้อมูล นำเข้า ตั้งค่าความลับใหม่ และเปิดใช้งานจริง
• วิธีลดค่าโฮสติ้งสำหรับแอปของคุณ — ลดค่าโฮสติ้งของแอป: หาว่าอะไรกำลังทำงานอยู่ ปล่อยให้แอปและฐานข้อมูลที่ไม่ได้ใช้หลับ หยุดการ polling ที่ทำงานตลอด ลดแบนด์วิดท์ และลบสิ่งที่ไม่มีใครใช้
• วิธีตรวจสอบโค้ดที่สร้างโดย AI — วิธีตรวจสอบโค้ดที่ AI เขียนอย่างเป็นระบบ: ดูว่าอะไรเปลี่ยนไป ทดสอบพฤติกรรม แล้วตรวจหาการขาดการตรวจสอบสิทธิ์ ความลับที่รั่วไหล และ API ที่ถูกสร้างขึ้นเอง
• วิธีรันงานเบื้องหลังในเว็บแอป: คิว ตัวจัดตาราง และ cron — วิธีรันงานเบื้องหลังและงานตามกำหนดเวลาในเว็บแอป: งานในโปรเซส คิวบนฐานข้อมูล บริการงานแบบโฮสต์ และตัวจัดตารางภายนอก พร้อมข้อแลกเปลี่ยนที่ตรงไปตรงมา
• วิธีส่งอีเมลจากแอปของคุณให้เข้ากล่องจดหมาย (Inbox) — ส่งอีเมลจากแอปให้ถึงกล่องจดหมาย: ความต่างของอีเมลธุรกรรมกับอีเมลการตลาด การเลือกผู้ให้บริการ การตั้งค่า SPF, DKIM และ DMARC และพื้นฐานการส่งให้ถึง
• วิธีตั้งค่า Staging Environment สำหรับแอปของคุณ — ตั้งค่า staging environment: สำเนาที่สองของแอปที่มีฐานข้อมูล คีย์ทดสอบ และ URL ของตัวเอง ให้คุณตรวจการเปลี่ยนแปลงก่อนที่ผู้ใช้จริงจะเห็น
• วิธีตั้งค่า Google Analytics 4 บนเว็บไซต์ของคุณ — ตั้งค่า Google Analytics 4 ทีละขั้นตอน: บัญชี พร็อพเพอร์ตี้ เว็บ data stream แท็ก Google การบันทึก page view ของ single-page app อีเวนต์สำคัญ และการยินยอม
• วิธีตั้งค่า Google Search Console สำหรับเว็บไซต์ของคุณ — เพิ่มเว็บไซต์ใน Google Search Console: เลือกพร็อพเพอร์ตี้แบบโดเมนหรือ URL-prefix ยืนยันความเป็นเจ้าของ ส่ง sitemap และอ่านรายงานที่สำคัญ
• วิธีนำต้นแบบที่สร้างด้วย AI ขึ้นใช้งานจริง — เปลี่ยนต้นแบบที่สร้างด้วย AI ให้เป็นแอปที่คนใช้งานจริงพึ่งพาได้: การทดสอบ ความปลอดภัย การแจ้งเตือนข้อผิดพลาด การสำรองข้อมูล ประสิทธิภาพ และการส่งมอบงานที่เรียบร้อย
• วิธีทดสอบแอปก่อนเปิดตัว: แผนทดสอบก่อนเปิดตัวแบบปฏิบัติ — แผนทดสอบก่อนเปิดตัวสำหรับแอปขนาดเล็ก: ทดสอบเส้นทางหลักของผู้ใช้ กรณีพิเศษ สิทธิ์การเข้าถึง โทรศัพท์ การชำระเงิน และ URL จริง พร้อมเช็กลิสต์
• วิธีใช้ Git กับแอปที่สร้างด้วย AI — ใช้ Git กับแอปที่สร้างด้วย AI: commit ทุกครั้งที่งานใช้ได้ เขียนข้อความ commit ให้ชัดเจน แยก branch สำหรับงานเสี่ยง และย้อนกลับได้อย่างปลอดภัยเมื่อ AI ทำให้พัง
• วิธีทำงานร่วมกับนักพัฒนาในแอปที่สร้างด้วย AI — พานักพัฒนาเข้ามาทำงานกับแอปที่คุณสร้างด้วย AI: ให้สิทธิ์เข้าถึงโค้ดและบริบท ตกลงกันว่าใครแก้อะไร กำหนดขอบเขตงานให้ชัดเจน และรักษาความเป็นเจ้าของ
• วิธีเขียนรายงานบั๊กที่ดี (สำหรับ AI หรือนักพัฒนา) — เขียนรายงานบั๊กที่ได้รับการแก้ไขตั้งแต่ครั้งแรก: หัวข้อที่ชัดเจน ขั้นตอนที่แน่นอน ผลที่คาดกับผลที่เกิดจริง ข้อความ error สภาพแวดล้อม และภาพหน้าจอ
• วิธีเขียนพรอมต์สำหรับ AI App Builder (พร้อมตัวอย่างก่อนและหลัง) — รูปแบบพรอมต์ที่ทำให้ AI app builder สร้างสิ่งที่คุณตั้งใจได้: ควรใส่อะไร ควรตัดอะไรออก ตัวอย่างก่อนและหลัง และวิธีปรับแก้ทีละขั้น
• วิธีเขียน User Stories (พร้อมตัวอย่างและ Acceptance Criteria) — เขียน user stories ที่นักพัฒนาและ AI builder นำไปใช้ได้: รูปแบบ As a / I want / So that, acceptance criteria, การแบ่ง story และตัวอย่างที่ดีเทียบกับไม่ดี
• เช็กลิสต์ความปลอดภัยสำหรับแอปที่สร้างด้วย AI: ตรวจอะไรก่อนเปิดตัว — เช็กลิสต์ความปลอดภัยที่ใช้ได้จริงสำหรับแอปที่สร้างด้วย AI: การเข้าสู่ระบบและสิทธิ์ คีย์ลับ การตรวจอินพุต ข้อมูลรายผู้ใช้ การจำกัดอัตรา และการสำรองข้อมูล
• SEO สำหรับเว็บไซต์ที่สร้างด้วย AI: อะไรสำคัญจริงๆ — ทำไมแอป single-page ที่สร้างด้วย AI ถึงค้นหาได้ยาก และวิธีแก้ ได้แก่ prerendering, title และ meta tag, sitemap, ข้อมูลโครงสร้าง ความเร็ว และเนื้อหา