มีอะไรใหม่หลังงาน AMP conf บ้าง

เมื่อวันที่ 17–18 เมษายนที่ผ่านมา Google จัดงาน AMPconf ขึ้นที่ญี่ปุ่น มี feature หลายๆอย่างของ AMP ที่เปิดตัวในวันนั้นและก็น่าสนใจมากเหมือนกัน ตอนแรกก็สงสัยว่าทำไมไปจัดที่ ญี่ปุ่น แต่ไปได้ยินมาจากคน Google ว่า AMP ใน ญี่ปุ่น มี Community ที่ใหญ่มากๆ ก็เลยไม่แปลกใจเลย

สำหรับใครยังไม่ทราบว่า AMP คืออะไร ลองไปอ่าน บทความ มาลองทำเว็บของคุณ ด้วย AMP HTML & AMP JS กัน แล้วคุณจะสนใจว่า คุณน่าเอา AMP มาใช้งานขนาดไหน

amp.dev

เรื่องนี้เป็นเรื่องที่ไม่มีอะไรมากครับก็แค่เว็บของ AMP เปลี่ยนจาก ampproject.org เป็น amp.dev แล้วเท่านั้นเองครับ

Bento AMP

ไอเดียของ Bento เกิดขึ้นมาเพราะว่า AMP จริงๆแล้วดีมาก และไม่ควรที่จะทำงานได้เฉพาะบน page ที่เป็น Full AMP เท่านั้น ด้วยไอเดียนี้ ทีม AMP เลยมีแผนที่จะทำให้ตัว AMP มีความสามารถในการเอาไปใช้กับเว็บไชต์ธรรมดาได้เหมือนกับ Web Components ทั่วๆไป เพราะว่าปลายทางแล้ว AMP ต้องการให้ AMP เป็นมากกว่า Framework แบบทุกวันนี้ แต่ต้องการให้กลายเป็น Component เป็นทุกๆอย่างจริงๆซึ่ง Project Bento ยังไม่เสร็จนะครับ ปัจจุบันเราไม่สามารถทำได้

AMP Script

จากเดิมแล้วเราไม่สามารถ ที่จะเขียน Javascript ใดๆลงไปใน AMP page ได้ แต่ด้วย AMP Script เราจะสามารถเขียน Javascript บางแบบลงไปใน AMP page ได้แล้ว ซึ่งโดยหลักๆแล้วจะเป็น Feature ที่ช่วยในการแก้ไข DOM เป็นหลัก ซึ่งเจ้า AMP Script นี้จริงๆใช้ Worker DOM เป็นเบื้อหลัง เลยทำให้จัดการ DOM ได้โดยไม่ต้องสนใจ Main Thread

Next.js With AMP

Next.js ตอนนี้กลายเป็น First class ของ AMP แล้ว ซึ่งหมายความว่าถ้าคุณใช้ Next.js อยู่ คุณจะสามารถสร้าง AMP page ได้ง่ายมากๆ ซึ่ง Feature นี้จะมาตั้งแต่ Next.js version 8.1 ซึ่งตอนนี้อยู่บน production แล้ว ใครอยากรู้เพิ่มเติมไปดูที่ link นี้ได้เลยครับ https://nextjs.org/blog/next-8-1#amp-first-pages

https://gist.github.com/thangman22/c15b1143bed9717f75e3d268b1f6ea94

AMP Real URL

สำหรับประเทศที่ Google Support AMP page จากเดิมที่ตัว AMP page จะไป host อยู่ใน Domain AMP cache ของ Google ตอนนี้ ด้วยความสามารถของ Browser ที่เรียกว่า Sign Exchange ที่จะสามารถ ทำให้ Google สามารถ Cache AMP page ภายไต้ Domain เดิม ได้เลย แต่อันนี้เสียใจหน่อยเนื่องจากที่ไทย Google ไม่ Support AMP page เราเลยไม่ได้ใช้ความสามารถนี้

AMP Stories

จริงๆอันนี้ออกมานานแล้วแต่ว่า feature นี้พึ่งหลุดจาก Beta อธิบายง่ายๆมันคือ Component ที่ทำให้เราทำของน่าตาแบบ Instagram Stories ได้ ถ้าใครนึกไม่ออกเข้าไปดู link ตัวอย่างของ USA ได้ครับ ซึ่ง ถามว่าใช้งานยากมั้ย ตอบได้เลยว่า ง่ายมากๆๆๆ https://www-usatoday-com.cdn.ampproject.org/c/s/www.usatoday.com/amp-stories/beyonce-rule-the-world/

ถ้าใครสนใจที่จะ ใช้งาน AMP Stories สามารถเข้าไปดู Detail ได้ที่ เว็บหลักของ AMP ที่นี่ https://amp.dev/about/stories ได้เลยครับ

AMP Email

จากเดิมที่การทำ Email HTML เป็นเรื่องยากมากๆ เพราะต่างคนต่างมี Format ของตัวเอง AMP เลยเสนอตัวเป็นตัวกลางในการเป็น format สำหรับ email ซึ่งด้วย ความสามารถนี้คุณจะสามารถใช้ AMP component ใน email ของเราได้แล้ว โดยที่ ปัจจุบัน AMP email สามารถใช้งานได้ทั้ง Gmail, Outlook และ Yahoo Mail สามารถเข้าไปดูข้อมูลเพิ่มเติมได้ที่

จริงๆแล้ว AMP เป็น ของที่น่าสนใจมากๆนะครับแต่ก่อนหน้านี้ที่ทำให้คนไม่ฮิตกันอาจจะมาจาก Google เอา AMP ไปผูกกับแบรนด์ตัวเองมากเกินไปหน่อยทั้งที่จริงๆแล้ว AMP ก็เป็น แค่ Web Framework ตัวนึงที่อาจจะมี limitation สูงกว่าเจ้าอื่นเท่านั้นเอง