Blog.

A statically generated blog example using Next.js and WordPress.

Cover Image for Flask Python framework + Emmet

สรุป วิธีสร้างเว็บไซต์ด้วยภาษา Python โดยใช้ Flask framework และ การตั้งค่า VSCode เพื่อให้สามารถใช้ Emmet ร่วมกับ Flask framework ได้

MANOT LUIJIU
MANOT LUIJIU

บทความอื่นๆ

Cover Image for Redis บน Debian AWS EC2

Redis บน Debian AWS EC2

ติดตั้ง Redis แบบ Manual บน ระบบปฏิบัติการ Debian ที่อยู่บน EC2 ของ AWS Cloud จะช่วยให้การปรับแต่ง Redis เช่น การเพิ่มพอร์ต ทำได้ง่ายขึ้น

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Developer Playground: Colorize VIM

Developer Playground: Colorize VIM

ตกแต่ง VIM Editor ให้ดู Colorize ด้วย VIM Plug และมันยังมีประโยชน์ต่อการเขียนโค้ดด้วย เพราะมันจะแสดงข้อมูลที่สำคัญบริเวณขอบล่างของหน้าจอ

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Debian บน AWS EC2

Debian บน AWS EC2

วิธีติดตั้งระบบปฏิบัติการ Debian บน AWS EC2 วิธีการเชื่อมต่อผ่าน SSH บน VSCode การเพิ่ม Super User เข้าไปในกลุ่ม sudo และตกแต่งด้วย Oh-My-Zsh

MANOT LUIJIU
MANOT LUIJIU
Cover Image for ติดตั้ง MariaDB บน Mac

ติดตั้ง MariaDB บน Mac

ผมพบปัญหาการใช้งาน MySQL ร่วมกับ ERPNext ผมจึงเปลี่ยนมา ติดตั้ง MariaDB บน Mac แทน และถอนการติดตั้ง MySQL ออกจาก Mac เพื่อให้ Debugging ง่าย

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Redis สำหรับ ERPNext บน Mac

Redis สำหรับ ERPNext บน Mac

การติดตั้ง ERPNext บน Mac ค่อนข้างจุกจิก ไหนจะต้องจัดการ Redis อีก หลายคนจึงแนะนำให้ติดตั้งบน Docker แต่ผมอยากลองปรับแต่ง Mac ดูว่าจะไหวมั๊ย

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Multiple Redis Ports บน Mac

Multiple Redis Ports บน Mac

เมื่อติดตั้ง Redis บน Mac มันจะทำงานบน Port 6379 โดยอัตโนมัติ ถ้าเราต้องการให้ Redis ทำงานบน Multiple Ports เราจะมีวิธีติดตั้งอย่างไร

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Developer Playground: Crontab Mac

Developer Playground: Crontab Mac

ปกติก่อนเริ่มทำงานในทุกๆเช้า ผมจะสั่งอัพเดท Homebrew บน Mac เพิ่งคิดได้ว่า ทำไมเราไม่ใช้บริการของ Crontab ให้มันอัพเดทเอง

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Developer Playground: Colorize nano

Developer Playground: Colorize nano

nano เวอร์ชั่น 2.x.x จะถูกติดตั้งบนเครื่อง Mac อยู่แล้ว ถ้าเราต้องการให้ nano มีสีสันสดใส Colorize มากขึ้น เราต้องติดตั้งเวอร์ชั่น 5.x.x

MANOT LUIJIU
MANOT LUIJIU
Cover Image for เพิ่มความเร็ว WordPress ด้วย Varnish Cache

เพิ่มความเร็ว WordPress ด้วย Varnish Cache

เพิ่มความเร็ว ให้ WordPress ด้วย การ Enable Varnish Cache บน WordPress Server พร้อมการตั้งค่าเพื่อใช้งาน Varnish Cache บน W3 Total Cache

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Oh My Zsh บน Windows

Oh My Zsh บน Windows

เมื่อเราติดตั้ง Oh My Zsh บน Windows (Windows Subsystem for Linux หรือ WSL) เราอาจเจอปัญหา font บางตัวหายไป ทำให้ Terminal ไม่ค่อยสวย

MANOT LUIJIU
MANOT LUIJIU
Cover Image for เพิ่มความเร็ว WordPress ด้วย Database

เพิ่มความเร็ว WordPress ด้วย Database

วิธี เพิ่มความเร็ว WordPress ด้วย Database เป็นการแยก MySQL Server ออกมาจาก WordPress Instance เพื่อลดภาระงานของ WordPress Server

MANOT LUIJIU
MANOT LUIJIU
Cover Image for เพิ่มความเร็ว WordPress ด้วย CDN

เพิ่มความเร็ว WordPress ด้วย CDN

วิธี เพิ่มความเร็ว ให้กับ WordPress ด้วย CDN โดยใช้ AWS Cloudfront และ S3 ทำงานร่วมกันกับ WordPress ปลั๊กอิน ในการทำ Caching Static Files

MANOT LUIJIU
MANOT LUIJIU
Cover Image for เพิ่มความเร็ว WordPress ด้วย Redis

เพิ่มความเร็ว WordPress ด้วย Redis

วิธี เพิ่มความเร็ว ให้กับ WordPress โดยใช้ Redis มาช่วยดูแล Object Cache ให้ ทั้งแบบติดตั้งบน WordPress Server และแยก Server

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Error Stack คือ

Error Stack คือ

เมื่อไปอ่าน Error Class สิ่งที่เตะตามาก ๆ คือ คำว่า Error Stack ลองทำความเข้าใจ Error Stack ว่ามันคืออะไรกันแน่ และเกี่ยวข้องกับการทำ Debugging อย่างไร

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Custom Error Class JavaScript

Custom Error Class JavaScript

วิธีเขียนโค้ด Handle Error ในภาษา JavaScript ขึ้นมาใช้เอง เพื่อให้มันแสดงรายละเอียดของ Error ได้ชัดเจนขึ้น โดยใช้ ES6 Custom Error Class

MANOT LUIJIU
MANOT LUIJIU
Cover Image for วิธีแก้ รูปภาพ หายไปจากเว็บไซต์

วิธีแก้ รูปภาพ หายไปจากเว็บไซต์

คนที่เจอปัญหา รูปภาพ หายไปจากเว็บไซต์ Wordpress และติดตั้งปลั๊กอินต่อไปนี้ HTTP Headers, Imagify และ WP Offload Media Lite มี วิธีแก้ แบบนี้ครับ

MANOT LUIJIU
MANOT LUIJIU
Cover Image for เขียน Logger ด้วย Winston และ Morgan

เขียน Logger ด้วย Winston และ Morgan

วิธี เขียน logger file บน Node.js แล้วเก็บไว้บน MongoDB Server ด้วย winston และ morgan รวมถึงเก็บไว้ในไฟล์ โดยแยกไฟล์ เป็นวันๆ

MANOT LUIJIU
MANOT LUIJIU
Cover Image for ลดงาน ซ้ำซ้อน ด้วย gistpad

ลดงาน ซ้ำซ้อน ด้วย gistpad

เมื่อเขียนโค้ดบน VSCode ผมต้องเปลี่ยนขนาดตัวอักษรอยู่บ่อยๆ ซึ่งถือเป็นงาน ซ้ำซ้อน ผมต้องการ ลดงาน ที่ ซ้ำซ้อน นี้ ด้วย gistpad

MANOT LUIJIU
MANOT LUIJIU
Cover Image for Node Express Winston Favicon

Node Express Winston Favicon

เมื่อเราเขียนโค้ดฝั่ง Backend เราจะคุ้นเคยกับ node express และเมื่อเราต้องการสร้าง logger file เราก็จะคุ้นเคยกับ winston แต่ Backend ต้องการ favicon มั๊ย

MANOT LUIJIU
MANOT LUIJIU