4 เทรนด์การพัฒนาเว็บในปี 2024

1.การมาของเครื่องมือ Generative AI แบบ ‘ภาพ→โค้ด’

• เมื่อป้อนภาพเข้าไป โมเดล AI จะสร้างโค้ดให้อัตโนมัติ
• tldraw บริษัทไอทีจากสหราชอาณาจักร
  • เปิดตัวฟีเจอร์ที่แปลงสเก็ตช์เป็นโค้ด
  • หากวาดกราฟบนไวท์บอร์ดของซอฟต์แวร์ tldraw แล้วกดปุ่ม ‘Make Real’ กราฟจะถูกแปลงเป็นโค้ด Matplotlib ได้ทันที
• Vercel บริษัทไอทีจากสหรัฐอเมริกา
  • เปิดตัวระบบ UI ที่ขับเคลื่อนด้วย AI v0
  • เมื่อนำภาพหน้าจอตารางราคาของเว็บไซต์มาเป็นอินพุต AI จะเปลี่ยนสิ่งนั้นเป็นโค้ดได้ภายในไม่กี่วินาที
  • v0 จะแสดงผลโค้ดออกมาเพื่อช่วยให้ผู้ใช้แก้ไขเฉพาะบางส่วนได้
  • ได้รับความเห็นถึงขั้นว่าเป็น “จุดจบของการพัฒนา frontend” และกลายเป็นประเด็นร้อนในหมู่วิศวกรซอฟต์แวร์
• เทคโนโลยีลักษณะนี้จะช่วยเพิ่มผลิตภาพและประสิทธิภาพของงานพัฒนา แต่ก็จะเป็นความท้าทายใหม่สำหรับวิศวกรซอฟต์แวร์

2.การขยายตัวของการนำ Progressive Web App (PWA) มาใช้

• PWA คือแอปที่พัฒนาสำหรับเว็บโดยมอบสภาพแวดล้อมที่คล้ายกับแอปมือถือ
• ช่วยให้ผู้ใช้ได้รับประสบการณ์ในระดับเดียวกับ native app แม้อยู่ในสภาพแวดล้อมเว็บบนอุปกรณ์มือถือ
• หากแคชทรัพยากรและข้อมูลของแอปพลิเคชันด้วย service worker ก็สามารถทำให้ PWA ทำงานได้แม้ไม่มีการเชื่อมต่ออินเทอร์เน็ต
• PWA ช่วยยกระดับประสบการณ์ผู้ใช้ด้วยการรองรับการเข้าถึงแบบออฟไลน์ การแจ้งเตือนแบบพุช และการโหลดที่รวดเร็ว
• Apple
  • Apple มีส่วนช่วยพัฒนา PWA ผ่านการอัปเดต iOS อย่างต่อเนื่อง
  • ทำให้ PWA รองรับสภาพแวดล้อมที่ใกล้เคียงกับ native app
  • บน iOS ยังมีข้อจำกัดด้านการแจ้งเตือนแบบพุชและการรองรับเบราว์เซอร์นอกเหนือจาก Safari แต่กำลังค่อย ๆ ดีขึ้นผ่านการอัปเดต
• ความเคลื่อนไหวของ Microsoft
  • รองรับการเผยแพร่ PWA บน Microsoft Store ได้ฟรี
• ด้วยการสนับสนุนจากบิ๊กเทคที่มีอิทธิพลสูงในตลาดและจุดแข็งของ PWA ทำให้บทบาทของมันจะยิ่งขยายกว้างขึ้น

3.การใช้งานสถาปัตยกรรม Serverless เพิ่มขึ้น

• สถาปัตยกรรม Serverless คือวิธีพัฒนาและปรับใช้แอปพลิเคชันในสภาพแวดล้อมที่ผู้ให้บริการคลาวด์เป็นผู้ดูแล
• ช่วยลดภาระในการจัดการเซิร์ฟเวอร์ และบริหารโครงสร้างพื้นฐานผ่านบริการบนคลาวด์
• ทำให้นักพัฒนาสามารถโฟกัสกับการพัฒนาแอปพลิเคชันได้มากขึ้น
• AWS Lambda, Azure Functions และ Google Cloud Functions ถูกใช้งานอย่างแพร่หลายในฐานะบริการที่เกี่ยวข้องกับสถาปัตยกรรม Serverless
• Netflix
  • ใช้ AWS Lambda สำหรับงานเข้ารหัสวิดีโอ การจัดการการยืนยันตัวตนผู้ใช้ และการจัดการกระบวนการ backend
  • เมื่อผู้ใช้อัปโหลดวิดีโอ ฟังก์ชัน Lambda จะถูกทริกเกอร์เพื่อเข้ารหัสและประมวลผลคอนเทนต์เป็นหลายรูปแบบที่เหมาะสำหรับการสตรีมบนอุปกรณ์หลากหลายชนิด
  • ช่วยเพิ่มประสิทธิภาพด้านต้นทุน พร้อมมอบประสบการณ์การสตรีมที่ลื่นไหลแก่ผู้ใช้
• Spotify
  • ใช้ Google Cloud Functions เพื่อจัดการงาน backend หลายอย่างภายในแพลตฟอร์มสตรีมเพลง
  • ฟังก์ชันจะถูกทริกเกอร์เพื่อจัดการการยืนยันตัวตนผู้ใช้ ประมวลผลคอนเทนต์ที่ผู้ใช้สร้างขึ้น และทำงาน backend สำหรับอัลกอริทึมแนะนำเพลง
• จากหลายปัจจัย เช่น การช่วยให้นักพัฒนามุ่งเน้นกับการพัฒนาได้มากขึ้น และความสามารถของบริการ Serverless ที่พัฒนาอย่างต่อเนื่อง ทำให้สถาปัตยกรรม Serverless จะยังถูกนำมาใช้อย่างจริงจังต่อไป

4.CI/CD ได้รับความนิยมมากขึ้นจากแรงหนุนของระบบอัตโนมัติ

• CI คือการที่นักพัฒนารวมการเปลี่ยนแปลงโค้ดเข้ากับ repository กลางอย่างสม่ำเสมอ
  • รวมงานของนักพัฒนาหลายคนแบบเรียลไทม์ และค้นพบปัญหาได้ตั้งแต่เนิ่น ๆ
  • ในกระบวนการ CI จะมีการรัน unit test, integration test และ functional test โดยอัตโนมัติหลังรวมโค้ด
• CD คือการปรับใช้โค้ดที่ผ่านการทดสอบไปยังสภาพแวดล้อม production โดยอัตโนมัติ
  • ช่วยลดการแทรกแซงของมนุษย์ให้น้อยที่สุด และเพิ่มความน่าเชื่อถือของกระบวนการปรับใช้
• CI/CD ช่วยให้นักพัฒนาพัฒนาได้รวดเร็วและมีประสิทธิภาพมากขึ้นด้วยการทำให้กระบวนการพัฒนาเป็นอัตโนมัติ
• ช่วยค้นหาและแก้ไขบั๊กได้อย่างรวดเร็ว เพิ่มความสมบูรณ์ของผลิตภัณฑ์ และช่วยนำออกสู่ตลาดได้อย่างทันท่วงที
• ด้วยจุดแข็งเหล่านี้ คาดว่า CI/CD จะถูกใช้งานอย่างแพร่หลายในงานพัฒนาซอฟต์แวร์

[kyc1682]

หวังว่า PWA จะแพร่หลายไปทั่ว

[wooseop]

ด้วยตัวสร้างโค้ด UI ตัวที่เปิดตัวเป็นครั้งที่ 993241890283409182 ตลอดกาล ในที่สุดนักพัฒนาฟรอนต์เอนด์ก็ถึงกาลล่มสลายในซีซันที่ 15982034958120394918523284029 อีกครั้งสินะ...

[toaonly]

ดูเหมือนว่าแพลตฟอร์มแบบนั้นมักจะไม่สามารถสร้างผลงานที่มีคุณภาพเกินระดับหนึ่งได้อยู่ดี สุดท้ายก็ต้องกลับมาตามหานักพัฒนา