JIRAYU.IN.TH

บันทึกแปลงร่างบล็อกเป็น Headless WordPress กับ Astro บน Cloudflare Pages

jirayu on April 5, 2026

คือจริงๆ มีแผนนานแล้วว่าจะเปลี่ยนเว็บจาก WordPress เต็มสแต็ค ไปเป็น Headless WordPress ร่วมกับ Static Site Generator สักตัว แผนแรกจะใช้ Gatsby เพราะที่บริษัทเดิมใช้ แต่ตอนหลังเปลี่ยนมาใช้ Astro แทน

หลักการของมันก็ง่ายๆ คือเราเขียนเว็บด้วย Astro ให้เรียบร้อย แล้วตอนบิวด์ static site ก็ให้ต่อไปที่ API ของ WordPress เพื่อดึงข้อมูลมาบิวด์แต่ละหน้าออกมา ด้วยไอเดียมันก็ดี แต่พอใช้งานจริงเจอปัญหาว่ามันต้องต่อ API มาเพื่อดึงข้อมูลทีละหน้าๆ ทำให้ขั้นตอนการบิวด์เว็บไซต์มันนานเกินจำเป็น ยิ่งถ้าคึกกดบิวด์ถี่ๆ (เช่นมีอัปเดตโค้ดนิดๆ หน่อยๆ) มันบิวด์ซ้ำๆ จนเว็บล่มได้เลย

สร้างบอทแจ้งเตือนบน Telegram

jirayu on October 7, 2024

ข่าวสะเทือนวงการวันนี้คงหนีไม่พ้น LINE จะปิดบริการ LINE Notify ซึ่งคนไทยไปห้อยตัวอยู่ด้วยไว้เยอะมาก วันนี้เลยเอาวิธีทำบอทรับแจ้งเตือนบน Telegram แบบโคตรรรรรรรรรง่ายมาเสนอกันเป็นทางเลือก

ข้อดีคือมันเป็นการสร้างระบบแจ้งเตือนขึ้นมาบนระบบบอทของ Telegram อีกที นั่นแปลว่าวันดีคืนดีจะไม่โดนปิดทิ้งแน่นอน (เพราะนั่นคือ Telegram ต้องปิดระบบบอททั้งหมด)

ทำเว็บด้วย WordPress แบบฟรีๆ รับคนเข้าได้เยอะ และปลอดภัยมากมาก

jirayu on July 30, 2024

จากประสบการณ์ทำเว็บด้วย WordPress มาเป็นสิบปี ลองเล่นหลายๆ อย่างแล้วพบว่ามันมีวิธีเยอะแยะมากที่สามารถทำให้เว็บ WordPress นั้นปลอดภัย ทนทานต่อการเจาะ โดยไม่ต้องหันไปใช้ระบบอื่นให้วุ่นวาย ยิ่งยุคนี้เครื่องมือสารพัดให้เราเลือกใช้เต็มไปหมด ทำให้เราสามารถทำเว็บที่ทั้งปลอดภัย เร็ว และรับโหลดได้สูงได้โดยแทบไม่ต้องเสียเงินสักบาท ซึ่งหนึ่งในวิธีที่ว่านั่นคือการแปลงเว็บเป็น static site แล้วเอาไปแปะไว้บน static hosting ต่างๆ นั่นเอง

ทั้งนี้ข้อจำกัดของการแปลงเว็บออกเป็น static นั่นคือเราจะไม่สามารถใช้ฟีเจอร์ที่ต้องพึ่งการประมวลผลฝั่งเซิร์ฟเวอร์ได้สะดวกนัก เช่นฟีเจอร์การค้นหาในเว็บไซต์ (ซึ่งจริงๆ มันมีวิธีบิดให้ทำได้ เดี๋ยวจะมาเล่าให้ฟังในครั้งต่อไป)

แปลงภาพเป็น WebP อัตโนมัติผ่าน Cloudflare Workers และ Cloudflare Images

jirayu on July 26, 2024

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

คือเมื่อไม่นานมานี้ Cloudflare สุดที่รักของเราได้เปิดให้ใช้บริการแปลงภาพเป็น WebP ได้ฟรีๆ ผ่านบริการ Cloudflare Images (แต่เดิมแถมมากับแพ็คเกจโปร แต่ตอนนี้ออกมาขายเป็นแพ็คเกจแรก และมีรุ่นฟรีให้ใช้งาน) ข้อจำกัดของ Cloudflare Images รุ่นฟรีมีดังนี้

คิดค่าแปลงเริ่มต้น $0.5 ต่อ 1,000 ครั้งต่อเดือน (ถ้าใช้ไม่ถึง ไม่ต้องจ่าย) เรียกดูกี่ครั้งก็ได้ สิ้นเดือนนับใหม่
- 1 รูป แปลง 5 ขนาด = คิด 5 ครั้ง
รูปที่แปลงแล้ว สามารถโยนไปเก็บไว้ที่ไหนก็ได้ หรือเก็บไว้บน Cloudflare Images ก็ได้เช่นกัน คิดราคา $5 ต่อ 100,000 รูป แปลงได้สูงสุด 20 ขนาด
- 1 รูป แปลง 20 ขนาด = คิด 1 รูป
รูปที่เก็บไว้บน Cloudflare Images คิดค่าเปิดดู $1 ต่อ 100,000 request

เว็บใหญ่ๆ อาจจะต้องคำนวนค่าใช้จ่ายล่วงหน้ากันหน่อย แต่เว็บเล็กๆ หรือบล็อกส่วนตัวนี่ไม่น่าต้องได้เสียเงิน

เที่ยววันเดียว หัวหิน-ปราณบุรี 24 ชั่วโมงใช้ให้คุ้ม

jirayu on December 13, 2021

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

คือเมื่อ 4-6 ธันวาคมที่ผ่านมาผมก็จัดทริปไฟไหม้ขึ้นเหนือไปรอบนึงแล้ว (นึกเย็นออกค่ำ) วิ่งยาวจากกรุงเทพไปเขาค้อ ไปต่อที่เชียงใหม่ กลับมาแวะลำปาง แล้วค่อยกลับกรุงเทพ ขับยาวไปเกือบสองพันกิโล ล่าสุดวันที่ 11 ธันวาคมก็จัดทริปไฟไหม้อีกรอบ (นึกเย็นออกค่ำ) โดยคราวนี้ไปหัวหิน ขับรถไปเรื่อยๆ ในหนึ่งวัน ผมออกจากบ้านตีสามและกลับถึงบ้านตีสองครึ่งของอีกวัน เรียกว่า 24 ชั่วโมงนั้นใช้ให้คุ้มที่สุด