Tarot AI Reader [Ep.2] - ความยากในการทำ Carousel กับ Vibe Code

ในการทำแอพดูไพ่ทาโร่ต์ด้วย AI นั้น จริงๆ ตัว User Flow ค่อนข้าง Simple เพราะไม่ได้มีอะไรที่ซับซ้อน เพราะปัจจุบันทุกคนอาจจะเปิดผ่าน Gemini แล้วก็ถามคำถามดูอนาคตกันอยู่แล้ว จะต่างก็แค่มีไพ่ให้หยิบเลือก ความรู้สึกเหมือนชะตาอยู่ในมือเรา มากกว่าให้ AI สุ่มให้ (และนั่นคือคีย์ฟีเจอร์ของระบบนี้เลย) ภาพในหัวผมตอนแรกที่อยากได้ก็คือ "อยากให้มันหมุน เหมือนวงล้อกองสลาก ที่เราเลื่อนตัวเลขทางแนวนอน อยากให้มีเอฟเฟควิ้งๆ สวยๆ ดูมีเวทย์มนต์และลึกลับ

แต่ความจริงมันบ่ง่ายเช่นนั้นเด้อ 🥹

Carousel คืออะไร?

ถ้าความหมายตรงตัวก็คือแปลว่า "ม้าหมุน" ครับ (ผมก็เพิ่งรู้วันนี้นี่แหล่ะ)

รากศัพท์: มาจากภาษาอิตาลีคำว่า Carosello และภาษาฝรั่งเศส Carrousel * ประวัติ: ในสมัยก่อน (ประมาณศตวรรษที่ 12) มันไม่ใช่เครื่องเล่นเด็ก แต่เป็นชื่อเรียก การฝึกซ้อมของอัศวินบนหลังม้า ที่ต้องขี่ม้าเป็นวงกลมเพื่อฝึกทักษะการใช้อาวุธ ต่อมาจึงกลายเป็นเครื่องเล่นที่จำลองการขี่ม้าหมุนไปรอบแกนกลางนั่นเอง

แต่ในบริบทของ UI ก็คือรูปแบบการแสดงผลคอนเทนต์ที่ให้ผู้ใช้สามารถ "ปัด" (Swipe) หรือ "คลิก" (Click) เพื่อเลื่อนดูภาพหรือข้อความหลายๆ ชุดในพื้นที่จำกัดเพียงชุดเดียว เปรียบเสมือนการหมุน "ม้าหมุน" นั่นเอง

แล้วแค่ทำ Carousel มันยากขนาดไหนกันเชียว

ขออนุญาตเล่าเป็นซีรีย์เลยละกันนะครับ แอบเสียดายที่ไม่ได้แคปรูปเอาไว้ ว่าแต่ละรอบมันบ้งขนาดไหน

• Version 1: เอาไพ่มาเรียงกัน เลื่อนซ้ายขวาได้ แต่ไม่มีเอฟเฟคเลื่อน ถ้าไม่มีเลขกำหนดเอาไว้ ก็แทบไม่รู้เลยว่าไพ่กำลังเลื่อนอยู่
• Version 2: เริ่มหมุนได้ เห็นไพ่ค่อยๆ ขยับซ้ายขวาตามนิ้วหรือเมาส์ของเรา แต่ไปแบบหุ่นยนต์สุดๆ แล้วเลื่อนได้สั้นมากๆ
• Version 3: ค่อยๆ อธิบายว่าสิ่งที่อยากได้เป็นแบบที่หมุนกองสลาก ก็ค่อยดีขึ้น เลื่อนได้สมูทขึ้น ลากได้สุดนิ้วได้ แต่ติดขอบซ้ายขวา แปลว่ามันไม่ได้หมุนรอบตัวเอง
• Version 4: เลิก!!! กลับไปใช้แบบเรียงธรรมดาดีกว่า 🤣

ความยากของการ Vibe Coding

จากที่ลองมาหลายๆ วัน ผมได้ค้นพบว่า การ Vibe Code ที่เราไม่ได้วางแผน เราไม่ได้คุมการทำงาน คือการสร้างขยะออกมาดีๆ นี่เอง (หรือเรียกศัพท์ในวงการว่า AI Slop) AI อาจจะออกของมาให้เราไวจริง แต่ยากมากๆ ที่จะตรงกับสิ่งที่เราอยากได้ นั่นแปลว่า เราต้องมี Feedback Loop ที่บ่อยมากๆ และค่อยๆ เรียนรู้ไปพร้อมๆกัน ทั้ง Process ของ AI และ Process ของมนุษย์อย่างเราเอง และของบางอย่าง ก็อาจจะยากไปสำหรับน้อง การกลับไปใช้ท่าเบสิคก่อน ก็อาจจะยังไม่เสียหายมาก จนกว่าจะเจอหนทางที่สร้างมันใหม่ได้

ช่วงขายของ

ตอนนี้ Tarot AI Reader ของผมอัพเดตเป็น v1.1.0 แล้วนะครับ ปรับ Interface หลายๆ อย่างให้สมูทขึ้น ไม่แข็งทื่อแล้วนะ ถ้าอยากลองดูดวงไพ่ทาโร่ต์แบบมี AI ช่วยแปลผลให้ทันที สามารถสมัครได้ที่ Tarot AI Reader

พิเศษ!! สำหรับชาว Midgard ที่อ่านโพสนี้ เพียงกรอกโค้ด MIDGARD รับเพิ่มอีก 50 Token ฟรี (เทียบเท่า 50 คำถาม!) สิทธิ์เฉพาะ Beta Test มีเฉพาะ 20 คนเท่านั้นครับบ