Reddit r/ClaudeAI 24 นาทีที่แล้ว general AI Generated

I built a website that visualizes your Spotify and Apple Music extended listening history

เกี่ยวกับ Anthropic
Reddit r/ClaudeAI 29 Oct 2026
94
0
100
1 12m



โปรเจกต์เด่น
Tools


แปลงประวัติการฟังเพลงเป็นแผ่นเสียงด้วยเว็บแอปที่เขียนโดย Claude



เมื่อนักพัฒนาจับมือกับ AI สร้างเครื่องมือวิเคราะห์สถิติเพลงแบบอินเทอร์แอกทีฟที่รันบนเบราว์เซอร์ร้อยเปอร์เซ็นต์




ทีมข่าว เอไอไทย.com
⏱ อ่าน 3 นาที



AI ไม่ได้มีไว้แค่เขียนโค้ดง่ายๆ แต่ช่วยปลุกโปรเจกต์เจ๋งๆ ให้เป็นจริงได้ถ้าเรามีไอเดียที่ดีพอ




ปกติเวลาเราอยากดูสถิติเพลงตอนสิ้นปี Spotify Wrapped ก็คือที่สุดแล้วใช่ป่ะ แต่อันนี้คือโปรเจกต์นอกกระแสที่ทำให้อะไรๆ มันสนุกขึ้นเยอะ นักพัฒนาคนหนึ่งบน Reddit นามว่า CarsonGodwin เขาเบื่อกับการรอคอยสถิติสิ้นปี เลยจัดการสร้างเว็บที่ชื่อว่า mylisteningrecord.com ขึ้นมาเองซะเลย ไอเดียหลักคือการเอาประวัติการฟังเพลงแบบจัดเต็มจากทั้ง Spotify และ Apple Music มาแปลงร่างให้กลายเป็นแผ่นเสียงไวนิลดิจิทัลที่หน้าตาโคตรคลาสสิก



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



ฟีเจอร์เด่น



Artist Streamgraph

กราฟแสดงยุคสมัยและศิลปินที่เราอินในแต่ละช่วงเวลาแบบสตรีมมิ่งกราฟ



Bar Chart Race

ชาร์ตแข่งอันดับศิลปินแบบเคลื่อนไหวที่กดส่งออกเป็นวิดีโอสตอรี่ได้เลย



Calendar Heatmap & Love/Hate View

แผนที่ความร้อนปฏิทินการฟัง และมุมมองวิเคราะห์เพลงที่เราฟังจนจบเทียบกับเพลงที่กดข้าม


อีกจุดที่น่าสนใจคือเรื่องความเป็นส่วนตัว ตัวเว็บนี้ทำงานอยู่บนเบราว์เซอร์ของเราทั้งหมดแบบร้อยเปอร์เซ็นต์ ไม่มีอะไรอัปโหลดขึ้นเซิร์ฟเวอร์ข้างนอกเลย แถมยังใช้ Content Security Policy บล็อกเน็ตเวิร์กพาสทุกอย่างเพื่อความปลอดภัยขั้นสุด คนทำเขาเลือกใช้เทคโนโลยีอย่าง React 19, TypeScript และ Vite แถมยังตั้งใจดีไซน์มาให้ใช้งานบนมือถือได้ลื่นๆ อีกต่างหาก



เบื้องหลังความสำเร็จของโปรเจกต์นี้ มี AI ตัวเก่งอย่าง Claude เข้ามาช่วยแจมด้วย โดยผู้สร้างบอกว่า Claude ช่วยแก้ปัญหาปวดหัวหลายอย่าง ตั้งแต่การปรับดีไซน์ให้ใช้งานบนมือถือได้ง่ายขึ้น ไปจนถึงงานหินอย่างการแกะและทำความสะอาดไฟล์ข้อมูลที่ส่งออกจากสตรีมมิ่ง



เรื่องที่ยากเอาเรื่องคือการดึงข้อมูลของ Apple Music เพราะในไฟล์ส่งออกดันไม่มีฟิลด์ระบุชื่อศิลปินมาให้ตรงๆ Claude เลยช่วยเขียนโค้ดจับคู่ศิลปินให้ นอกจากนี้ยังช่วยจัดการเรื่องซับซ้อนอย่างสถิติสตรีค เซสชัน ยุคสมัยของเพลง อัตราการกดข้าม รวมถึงการจัดการโซนเวลาที่มีเทสส์รองรับเรียบร้อย



ไม่ใช่แค่เรื่องโค้ดหลังบ้าน แต่ Claude ยังช่วยเขียนโค้ดเรขาคณิตของการวาดแผ่นเสียง ซึ่งถูกนำกลับมาใช้ซ้ำตอนทำโปสเตอร์แชร์ด้วย รวมถึงการวางระบบความปลอดภัยป้องกันไฟล์ซิปบอมบ์และทำระบบอนุญาตไฟล์เฉพาะที่ปลอดภัย ใครอยากส่องโค้ดหรือลองเอาไปปรับใช้บ้าง เขาก็เปิดโอเพนซอร์สไว้บน GitHub เรียบร้อยแล้ว



💡

โปรเจกต์นี้พิสูจน์ให้เห็นว่า เมื่อไอเดียเจ๋งๆ ของคนมารวมกับความสามารถในการเขียนโค้ดของ AI เราก็จะได้เครื่องมือสนุกๆ มาเล่นโดยไม่ต้องรอให้บริษัทใหญ่ทำให้อีกต่อไป



ที่มา: Reddit r/ClaudeAI — อ่านต้นฉบับ


#Spotify #ClaudeAI #WebDevelopment

🔗 อ่านต่อ · สินค้าและคำถามที่เกี่ยวข้อง

สินค้ามาแรงตอนนี้

คนขายของถามบ่อย

ความคิดเห็น 1

กำลังโหลดความคิดเห็น...