วิธี Query ข้อมูล ใน MySQL แบบกำหนดช่วงเวลา

วิธี Query ข้อมูล ใน MySQL เราสามารถ Query ข้อมูลมาแสดงผล แบบกำหนดช่วงเวลาที่เกิดขึ้นของข้อมูลแต่ละ row ได้ เพื่อจำกัดขอบเขตของข้อมูล ซึ่งอาจจะใช้สำหรับการออกรายงานตามช่วงเวลา หรือ การแสดงผลของข้อมูลตามช่วงเวลานั้น ๆ ได้ ใช้ DATE_SUB() เรียกดูข้อมูลแบบกำหนดช่วงเวลาย้อนหลัง ( ลบวันเวลา ) ใช้คำสั่ง NOW(), BETWEEN และ INTERVAL DAY เรียกดูข้อมูลย้อนหลังไป 5 วัน นับจากวันเวลาปัจจุบัน โดยนำเวลามาคำนวณด้วย เขียนคำสั่งได้ดังนี้ ใช้คำสั่ง CURDATE(), BETWEEN และ INTERVAL DAY เรียกดูข้อมูลย้อนหลังไป 5 วัน นับจากวันปัจจุบัน โดยไม่นำเวลามาคำนวณด้วย เขียนคำสั่งได้ดังนี้ ใช้ DATE_ADD() เรียกดูข้อมูลแบบกำหนดช่วงเวลาเพิ่มขึ้น ( บวกวันเวลา ) ใช้คำสั่ง DATE_ADD, […]

อ่านเพิ่มเติม


วิธีตรวจสอบ Server ใช้ RAM ฟุ่มเฟือยไปกับส่วนไหนของระบบ

วิธีตรวจสอบ-Server-ใช้-Memory

ในขั้นตอนของการทำ UAT (User Acceptance Test) เราอาจจะต้องการทราบว่าเว็บไซต์หรือซอฟต์แวร์ที่เราพัฒนามานั้นมีการใช้งาน Memory RAM ไปกับส่วนไหนบน Server บ้าง เพื่อป้องกันการเกิด Memory Leak จนทำให้เว็บไซต์ไม่สามารถใช้งานได้ วิธีตรวจสอบ Server ใช้ Memory RAM ด้วยคำสั่ง top ใช้คำสั่ง ssh เชื่อมต่อไปที่ server ก่อน โดยเปิด terminal ขึ้นมาและพิมพ์คำสั่งดังนี้ ssh root@xxx.xx.xx.xx xxx.xx.xx.xx คือไอพีของเครื่อง server จากนั้นจะมีให้ใส่ password หลังจาก connect เข้า server เรียบร้อยแล้ว ให้พิมพ์คำสั่ง top ก็จะปรากฏข้อมูลการใช้งาน process ต่าง ๆ ภายใน server ดังภาพ จากรูปตัวอย่างด้านบน เราจะเน้นดูหลัก ๆ 3 column คือ […]

อ่านเพิ่มเติม


ใช้งาน MySQL บน AWS ( Amazon Web Service )

aws-mysql-วิธีใช้งาน

AWS หรือ Amazon Web Service คือ แพลตฟอร์มคลาวด์ ( Cloud Platform ) เหตุผลที่เรียกว่า แพลตฟอร์มคลาวด์ เพราะว่า AWS มีรูปแบบการให้บริการถึง 175 บริการ เรียกได้ว่า สมัครสมาชิกเข้าไปเจอหน้า console ของ AWS ก็งงจนเลือกไม่ถูกแล้วว่าจะเริ่มต้นใช้งานอะไรก่อนดี แต่วันนี้เราจะมาเริ่มต้นง่าย ๆ กับเทคโนโลยีที่น่าจะคุ้นเคยกันเป็นอย่างดี นั้นคือ Relational Database อย่าง MySQL ตั้งแต่วิธีการสร้างฐานข้อมูล ไปจนถึงการใช้งานร่วมกับ PHP Codeigniter Framework สมัครสมาชิก AWS และสร้างฐานข้อมูล RDS สมัครสมาชิก AWS ได้ที่ https://aws.amazon.com/console/ จากนั้นเข้าสู่ระบบ AWS Console จะเจอช่องค้นหาให้พิมพ์ค้นหา “RDS” และเลือก RDS หรือคลิกที่ลิงค์นี้เลย https://console.aws.amazon.com/rds/home ในหน้า […]

อ่านเพิ่มเติม


วิธีใช้งาน Github Desktop ร่วมกับ Gitlab Repository

วิธีใช้งาน-Github-Desktop-ร่วมกับ-Gitlab-Reposity

หลังจากที่ไมโครซอฟต์ซื้อกิจการ github ในปี 2018 นักพัฒนาหลาย ๆ ท่านก็หันไปใช้งาน gitlab แทน สำหรับนักพัฒนาที่คุ้นเคยกับการใช้ git command line ก็คงไม่ได้รับผลกระทบอะไร แต่สำหรับคนที่ไม่ใช่สาย dev ซึ่งอาจจะเป็น designer, project manager หรืออื่น ๆ ที่จำเป็นต้องใช้ git และคุ้นเคยกับการใช้งาน Github Desktop มาก่อน และยังต้องการใช้งาน Github Desktop ร่วมกับ Gitlab Project หรือ Gitlab Repository วันนี้จะมาแนะนำวิธีการใช้งาน Github Desktop ร่วมกับ Gitlab ครับ วิธีใช้งาน Github Desktop ร่วมกับ Gitlab Project ดาวน์โหลด และติดตั้ง Github Desktop ที่ https://desktop.github.com […]

อ่านเพิ่มเติม


สรุปปัญหา html2canvas กับข้อความภาษาไทย

สรุปปัญหา-html2canvas-กับข้อความภาษาไทย

html2canvas คือ html5 javascript library ที่ถูกพัฒนาขึ้นมาเพื่อใช้งานสำหรับการแปลงข้อมูลในภาษา html ให้กลายเป็นข้อมูลรูปภาพ png, jpg, pdf ตัว library สามารถทำงานได้อย่างดีกับข้อความในภาษาอังกฤษเมื่อต้องแปลงข้อมูลใน html div เป็นรูปภาพ แต่จะมีปัญหากับภาษาแบบ Non-Latin เช่น ภาษาไทย จีน ญี่ปุ่น เป็นต้น ปัญหาที่เกิดขึ้นมีอะไรบ้าง จากที่ได้ทดสอบ สรุปไว้ดังนี้ครับ html2canvas ปัญหาการแสดงผลภาษาไทย สระเพี้ยน ข้อความซ้อนทับกัน แสดงสระภาษาไทยไม่สมบูรณ์ ทั้ง Safari และ Google Chrome html2canvas v 0.5.0-beta4 text-align: justify  contenteditable = false ปัญหาสระเพี้ยนด้านบนเป็น Bug ของ html2canvas เวอร์ชั่นใหม่ ๆ พอจะแก้ปัญหาเรื่องสระได้ด้วยการใช้เวอร์ชั่นที่ต่ำกว่า html2canvas v 0.4.1 […]

อ่านเพิ่มเติม


รวมฟรี สุดยอด WordPress Theme ปี 2020

รวมฟรี-สุดยอด-WordPress-Theme-ปี-2020

เราได้รวบรวม WordPress Theme ที่ได้รับความนิยมที่สุดในครึ่งปี 2020 โดยคิดจากยอดดาวน์โหลดและยอดรีวิว และเลือกโดยคัดธีมที่มี Performance ดีที่สุด โดยใช้ Pingdom Tool ในการทดสอบ และด้านล่าง คือรายการ WordPress Theme ที่เราได้คัดสรรมาไว้ให้ใช้งานกัน 1. Astra เป็นหนึ่งในธีมยอดนิยมจากเว็บไซต์ wordpress.org เป็นธีมสไตล์มินิมอล เรียบง่ายแต่ทรงประสิทธิภาพ มาพร้อมเครื่องมือที่ใช้ในการสร้างมาเพจอย่างครบถ้วน เมื่อใช้ธีมนี้ทำให้สามารถสร้างหน้าเว็บไซต์ได้อย่างรวดเร็ว เพราะมีเครื่องมือที่ติดมากับธีมค่อนข้างครบ Download Astra Theme 2. OceanWP เป็นธีมที่มีคุณสมบัติคล้ายกับธีม astra เรียบง่าย สวยหรู ทรงประสิทธิภาพ และถ้าใครมีแพลนที่จะติดตั้ง woocommerce ในอนาคต OceanWP น่าจะทำให้การใช้งานง่ายขึ้นอีกเยอะเพราะโครงสร้างธีมถูกพัฒนามาให้รองรับการใช้งานระบบ ecommerce อยู่แล้ว Download OceanWP Theme 3. Sydney ธีมหรูหราหมาเห่า เป็นธีมที่ถูกแนะนำโดยทีมผู้พัฒนา Elementor ใช้งาน Google Font […]

อ่านเพิ่มเติม


html5 canvas อัพโหลด และ ลบพื้นหลังของรูป

html5-canvas-อัพโหลด-และ-ลบพื้นหลังของรูป

canvas คือ tags ที่เกิดขึ้นใหม่ใน html เวอร์ชั่น 5 หรือที่เรามักเรียกติดปากว่า html5 ความสามารถของ html5 canvas คือ เราจะสามารถจัดการกับวัตถุที่ถูกวาดลงบน canvas ได้ละเอียดมากขึ้น มากกว่า html element ทั่วไป canvas จึงเหมาะกับการพัฒนา Game, Animation Frame By Frame, Web Application ในบทความความจะมาแนะนำการอัพโหลดรูปจากเครื่องเรา ไปแสดงผลบน canvas จากนั้นใช้ความสามารถของ canvas context2d ในการลบพื้นหลังของรูป อัพโหลดรูปแสดงผลบน Canvas เริ่มต้นสร้าง canvas กำหนดความกว้างและความสูง และสร้าง input สำหรับ upload ไฟล์ ในส่วนของ javascript เรียกใช้งาน canvas และใช้ getContext2D สำหรับ Context2D เป็นคำสั่งที่จะทำให้เราสามารถ […]

อ่านเพิ่มเติม


Photoshop ออนไลน์ ทำงานได้ทุกที่ด้วย photopea.com

Photoshop-ออนไลน์-ทำงานได้ทุกที่ด้วย-photopea-2

โดยปกติถ้านึกถึงโปรแกรมที่ใช้สำหรับงานออกแบบในสายงานต่าง ๆ เราจะต้องนึกถึงโปรแกรมอย่าง Adobe Photoshop, Sketch, GIMP, Adobe XD, CorelDraw เป็นอันดับต้น ๆ เพราะน่าจะเป็นซอฟต์แวร์ที่ Graphic Designer รวมถึงคนทั่วไป ใช้งาน และ รู้จักคุ้นเคยกันเป็นอย่างดี ยังมีอีกโปรแกรมหนึ่ง ที่เราสามารถใช้ทำงานออกแบบที่ไหนก็ได้ โดยไม่ต้องติดตั้งโปรแกรม เพียงแค่มี Internet เพราะมันคือ photopea.com โปรแกรมสำหรับงานดีไซน์ ที่มาในรูปแบบเว็บไซต์ เราสามารถใช้งานได้ผ่าน Browser โดยการเข้าเว็บไซต์ https://www.photopea.com ตัวโปรแกรมออกแบบมาให้หน้าตา และเครื่องมือต่าง ๆ คล้าย ๆ กับ Adobe Photoshop ทำให้สามารถใช้งานได้ง่าย ใช้เวลาในการศึกษาการใช้งานเครื่องมือต่าง ๆ ไม่นาน รองรับไฟล์หลากหลายนามสกุล เราสามารถบันทึกหรือนำเข้าไฟล์นามสกุลออกแบบหลัก ๆ ได้ค่อนข้างเยอะ เช่น PSD, XCF, XD, CDR หรือ Save […]

อ่านเพิ่มเติม