Untitled

วิธีจัดการ static files บน Django

อธิบาย วิธีจัดการ static files บน Django 3.x โดย static files ประกอบด้วย ไฟล์ images ไฟล์ JavaScript และไฟล์ CSS รวมถึงไฟล์ favicon ด้วยนะครับ ทั้งนี้โดยปกติเราจะใช้ WhiteNoise มาช่วยเราจัดการ static files บน Production environment แต่เราสามารถตั้งค่าให้ WhiteNoise ช่วยเราจัดการ static files บน Development environment ได้อีกด้วยนะครับ โดยดูรายละเอียดเพิ่มเติมได้ที่…

Developer Playground: Colorize VIM

ตกแต่ง VIM Editor ให้ดู Colorize ด้วย VIM Plug และมันยังมีประโยชน์ต่อการเขียนโค้ดด้วย เพราะมันจะแสดงข้อมูลที่สำคัญบริเวณขอบล่างของหน้าจอ หน้าตาของ VIM ก่อนจะติดตั้ง VIM Plug เป็นรูปซ้ายมือครับ ส่วนขวามือเป็น VIM ที่ติดตั้ง VIM Plug แล้ว VIM Version ลองใช้คำสั่ง vim --version ❯ vim --version VIM - Vi IMproved 8.1 (2018 May 18, compiled Jun 15 2019 16:41:15) Included patches: 1-875, 878, 884,…

Debian บน AWS EC2

วิธีติดตั้งระบบปฏิบัติการ Debian บน AWS EC2 วิธีการเชื่อมต่อผ่าน SSH บน VSCode การเพิ่ม Super User เข้าไปในกลุ่ม sudo และตกแต่งด้วย Oh-My-Zsh ติดตั้ง Debian บน AWS EC2 AWS EC2 ล็อกอินเข้าไปที่ AWS เลือก EC2 AWS EC2 Launch instance ในหน้าจอ EC2 จะเห็นปุ่มสีส้ม Launch instance ให้คลิ๊กปุ่มนี้ครับ Launch instance เลือก Debian 10 ซึ่งมีอยู่ Debian เดียวครับ Select Debian RAM 4…

ติดตั้ง MariaDB บน Mac

ผมพบปัญหาการใช้งาน MySQL ร่วมกับ ERPNext ผมจึงเปลี่ยนมา ติดตั้ง MariaDB บน Mac แทน และถอนการติดตั้ง MySQL ออกจาก Mac เพื่อให้ Debugging ง่ายขึ้น MySQL บน Mac ถ้าติดตั้ง MySQL บน Mac MySQL จะโชว์อยู่ที่ System Preferences MySQL บน Mac คลิ๊กตรงรูปปลาโลมา จะเข้ามาที่หน้าจอนี้ครับ เลือกแท็บ Instances จะเห็นปุ่ม Start/Stop MySQL Server Tab Instances แท็บ Configuration…

Redis สำหรับ ERPNext บน Mac

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

Multiple Redis Port บน Mac

เมื่อติดตั้ง Redis บน Mac มันจะทำงานบนพอร์ต 6379 โดยอัตโนมัติ แต่การพัฒนาโปรแกรมเช่น ERPNext ต้องใช้ Redis ทั้งหมด 3 พอร์ต เราจะติดตั้งอย่างไร ติดตั้ง Redis บน Mac ให้ติดตั้งด้วย Homebrew ด้วยคำสั่ง brew install redis เมื่อติดตั้งเสร็จแล้ว ไฟล์ Configuration จะอยู่ที่ # Redis Configuration File/usr/local/etc/redis.conf สามารถเรียกดูข้อมูล Redis ด้วยคำสั่ง brew info redis brew info…

Developer Playground: Crontab Mac

ปกติก่อนเริ่มทำงานในทุกๆเช้า ผมจะสั่งอัพเดท Homebrew บน Mac เพิ่งคิดได้ว่า ทำไมเราไม่ใช้บริการของ Crontab ให้มันอัพเดทเอง Developer Playground ซีรี่ส์ Colorize nano สร้างไฟล์ updateBrew.sh ไปที่โฟลเดอร์ Documents ให้สร้างโฟลเดอร์ CustomScriptsเข้าไปที่โฟลเดอร์ CustomScripts แล้วสร้างไฟล์ updateBrew.sh ด้วยคำสั่ง touch updateBrew.sh เปิดไฟล์ updateBrew.sh ด้วย VSCode โดยใช้คำสั่ง code…

Developer Playground: Colorize nano

Nano เวอร์ชั่น 2.x.x จะถูกติดตั้งบนเครื่อง Mac อยู่แล้ว ถ้าเราต้องการให้ Nano มีสีสันสดใส Colorize มากขึ้น เราต้องติดตั้งเวอร์ชั่น 5.x.x Colorize Nano on Mac ติดตั้ง HomebrewMac ได้ติดตั้ง Nano version 2.x.x มาให้เราแล้ว แต่ถ้าเราต้องการใช้งาน Nano เวอร์ชั่นปัจจุบัน ให้ติดตั้งด้วย brew brew install nano สร้างไฟล์ .nanorc ที่ Home ด้วยคำสั่ง sudo nano ~/.nanorc ในไฟล์ .nanorc…

Oh My Zsh บน Windows

เมื่อเราติดตั้ง Oh My Zsh บน Windows (Windows Subsystem for Linux หรือ WSL) เราอาจเจอปัญหา font บางตัวหายไป ทำให้ Terminal ไม่ค่อยสวย Oh My Zsh > Zsh > Linux > Windows ถ้าเราต้องการใช้งาน Oh My Zsh บน Windows แน่นอนครับเราต้องติดตั้ง Zsh ก่อน แต่จะติดตั้ง Zsh บน Windows ก็ไม่ได้ เราต้องติดตั้งบน Linux ที่อยู่บน Windows อีกทีหนึ่ง หรือเรียกว่า Windows Subsystem for Linux (WSL) Font…

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

วิธี เพิ่มความเร็ว WordPress ด้วย Database เป็นการแยก MySQL Server ออกมาจาก WordPress Instance เพื่อลดภาระงานของ WordPress Server ซึ่งจะทำให้ WordPress ทำงานเร็วขึ้นโดยปริยาย ในซีรี่ส์ เพิ่มความเร็ว WordPress นี้ ผมจะแบ่งเป็น 3 ตอน โดยตอนนี้เป็นตอนที่ 3 วิธี เพิ่มความเร็ว WordPress ด้วย Database และทั้ง 3 ตอนใช้ Amazon Lightsail ในการสร้าง WordPress Instance อ่านตอนที่ 1 วิธี เพิ่มความเร็ว…

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

วิธี เพิ่มความเร็ว ให้กับ WordPress ด้วย CDN โดยใช้ AWS Cloudfront และ S3 ทำงานร่วมกันกับ WordPress ปลั๊กอิน ในการทำ Caching Static Files ในซีรี่ส์ เพิ่มความเร็ว WordPress นี้ ผมจะแบ่งเป็น 3 ตอน โดยตอนนี้เป็นตอนที่ 2 วิธี เพิ่มความเร็ว WordPress ด้วย CDN โดยสามารถอ่านตอนที่ 1 ได้ที่นี่นะครับ วิธี เพิ่มความเร็ว WordPress ด้วย Redis และทั้ง 3 ตอนใช้ Amazon Lightsail ในการสร้าง WordPress…

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

วิธี เพิ่มความเร็ว ให้กับ WordPress ด้วย Redis มาช่วยดูแล Object Cache ให้ ทั้งแบบติดตั้งบน WordPress Server และแยก Server Caching ด้วย CDN กับ Redis ต่างกันอย่างไร CDN CDN ทำ Cache Static Files เช่น ไฟล์รูปภาพ ไฟล์ JavaScript ไฟล์ CSS เป็นต้น ไฟล์เหล่านี้จะไม่มีการเปลี่ยนแปลง หรือนาน ๆ จะเปลี่ยนที เราอาจมีการแก้ไขไฟล์ JavaScript หรือ CSS บ้าง แต่ไม่บ่อยหรอก…

เมื่อไปอ่าน Error Class สิ่งที่เตะตามาก ๆ คือ คำว่า Error Stack ลองทำความเข้าใจ Error Stack ว่ามันคืออะไรกันแน่ และเกี่ยวข้องกับการทำ Debugging อย่างไร สืบเนื่องจากบทความที่แล้วเรื่อง Custom Error Class มีคีย์เวิร์ดสำคัญที่อยู่ในบทความนั้นคือ Error Stack ทำให้รู้สึกอยากรู้ว่ามันคืออะไรกันแน่ Stack หมายถึง ถ้าพูดถึง Stack ผมจะนึกถึงกองฟาง ดังนั้น Error Stack ก็คงหมายถึง “กอง Error” เครดิต…

Custom Error Class JavaScript

วิธีเขียนโค้ด Handle Error ในภาษา JavaScript ขึ้นมาใช้เอง เพื่อให้มันแสดงรายละเอียดของ Error ได้ชัดเจนขึ้น หรือด้วยคำพูดที่เราต้องการสื่อสารกับ User โดยใช้ ES6 Custom Error Class สร้างไฟล์ Utility ที่โฟลเดอร์ราก (Project root) สร้างโฟลเดอร์ชื่อว่า util และสร้างไฟล์ 2 ไฟล์ error.jsและไฟล์ errorResponse.js ด้วยคำสั่ง take util && touch error.js…

คนที่เจอปัญหา รูปภาพ หายไปจากเว็บไซต์ WordPress และติดตั้งปลั๊กอินต่อไปนี้ HTTP Headers, Imagify และ WP Offload Media Lite มี วิธีแก้ แบบนี้ครับ WordPress ได้ติดตั้งปลั๊กอินต่อไปนี้ HTTP Headers เพื่อใช้จัดการกับ Securities ต่างๆที่เกี่ยวข้องกับ Headers บน HTTP Protocol เราจะส่งข้อมูลไปมาระหว่างเว็บไซต์ โดยข้อมูลนั้นประกอบด้วยHeader และ Body HTTP Headers plugin Imagify ใช้ Optimize…

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

เมื่อเราเขียนโค้ดด้วย node.js เราจะสร้าง logger file ยังไง (console.log ออกมาเป็นไฟล์) โดยแยกบันทึกเป็นวันๆ ผมจะใช้ winston และ morgan ช่วยผมสร้าง logger file ติดตั้ง Dependencies ให้ติดตั้ง express winston morgan rotating-file-stream winston-daily-rotate-file cli-highlight ด้วยคำสั่ง npm i express winston morgan rotating-file-stream winston-daily-rotate-file cli-highlight สร้างไฟล์…

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

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