Author: pamok.r

Microsoft Office 365 วิธีการ Reset One Drive Storage Limit จาก 1TB เป็น 5TB

การใช้งาน Microsoft Office 365 ในมหาวิทยาลัยจะได้รับสิทธิใน Clound Storage ของ Microsoft หรือก็คือ One Drive ที่มีพื้นที่ 1 TB/User เป็นค่าเริ่มต้น หากต้องการเพิ่มผู้ดูแลสามารถปรับเพิ่มได้ เพียงแต่ขั้นตอนนั้นไม่ใช่แค่การใส่เลขใหม่และกดปุ่มอย่างที่คิด เริ่มต้นให้ทำการตั้งค่าเริ่มต้น (Default Storage Limit) ในส่วนนี้สามารถจัดการผ่านเว็บไซต์ในส่วนของผู้ดูแลได้ โดยเข้าไปที่ One Drive เลือกเมนูสำหรับผู้ดูแล และเลือกเมนู Storage จากนั้นใส่ค่า Default storage in GB ถ้าต้องการ 5TB ต้องใส่ 5120   เมื่อกดปุ่ม save และตรวจสอบจะพบว่าผู้ใช้งานทุกคนยังมี Limit ที่ 1TB ไม่เปลี่ยนแปลง เป็นเพราะนี่เป็นเพียงการกำหนดค่าเริ่มต้น (Default) เท่านั้น เรายังต้องไปไล่แก้ไขให้กับผู้ใช้งานทุกคนด้วย วิธีการที่จะแก้ไขนั้นจะต้องใช้วิธีเขียนคำสั่งลงใน Power Shell สามารถ Download […]

CSS Table text-overflow ellipsis ตัดข้อความทิ้งเมื่อข้อความในตารางยาวเกินไป

เมื่อมีข้อความที่ยาวมาก ๆ ในตารางจนเกิดการเว้นบรรทัดข้อมูลเกิดขึ้นทำให้ข้อมูลในตารางดูไม่เรียบร้อย วิธีแก้ไขปัญหาเราสามารถใช้ CSS Property  text-overflow มาช่วยได้ โดยการกำหนดค่าให้เป็น ellipsis (ตัดข้อความทิ้ง) และใช้ Property white-space กำหนดค่าเป็น nowrap (ไม่ต้องเว้นบรรทัด) แต่ปัญหานี้ไม่ได้แก้ง่ายขนาดนั้น สาเหตุเพราะตารางใน html นั้นจะมี Property table-layout ที่มีค่าเริ่มต้นเป็น auto (ยืดหยุ่นตามข้อมูล) ก็คือถ้าข้อมูลยาวมากแล้วไม่สามารถเว้นบรรทัดได้ ตารางจะทำการยืดความกว้างของ column นั้นออกไปเพิ่ม ทำให้ text-overflow ellipsis นั้นไม่ทำงาน ดังนี้จึงต้องมีการเปลี่ยน table-layout ของตารางใหม่จาก auto เป็น fixed ตัวอย่างที่ข้อมูลใน column สุดท้ายมีความยาวมาก ตัวอย่าง CSS

ดูเพิ่มเติมที่ https://codepen.io/anon/pen/RdrGbX  

Laravel การนำ public folder ออกจาก url ให้เหลือเพียงแค่ domain

โดยปกติการติดตั้ง Laravel นั้นจะต้องติดตั้งด้านนอก public_html (Folder Web Root โดยทั่ว ๆ ไป) แล้วทำการ Config Web Server ให้ชี้ไปยัง Folder Public ของ Laravel แทนเพื่อให้ url เหลือเพียงแค่ domain เท่านั้น ดังภาพ และการ Config Virtualhost ให้ชี้ไปที่ Folder public ของ Apache แต่ในบางครั้งเราไม่สามารถ Config Apache หรือ Web Server ที่ใช้บริการอยู่ได้ ดังนั้นจึงต้องใช้วิธีการเปลี่ยน Pointer จาก Folder Laravel ให้ชี้ไปยัง Folder public แทน โดยวิธีการทำนั้นง่ายมาก เพียงแค่ 2 ขั้นตอนคือ Copy File […]

แนะนำ Plugin WordPress รับมือ Error 404 หรือการเปลี่ยนแปลง URL

เป็นปกติเมื่อเปิดเว็บไซต์ (WordPress) มาระยะเวลาหนึ่ง มักจะมีการเปลี่ยนแปลง URL ของ Post, Page หรือแม้แต่ไฟล์ Media ต่าง ๆ เสมอ เช่น เปลี่ยนจากเดิม URL ของ Post จาก /some-title เป็น /some-new-title จากไฟล์รูปภาพเดิมที่เคยมีถูกลบ หรือเปลี่ยนเป็นไฟล์รูปภาพใหม่ (URL รูปภาพเปลี่ยน) URL เว็บไซต์ถูกเปลี่ยน เช่นจาก abc.com/2019 เป็น abc.com เฉย ๆ ทั้งหมดนี้ เมื่อมีการเปลี่ยนแปลง URL ผลที่ตามมาคือ ถ้ายังมีการนำ URL เก่าไปใช้ในเว็บไซต์อื่น เวลาคลิกเข้าที่ URL เก่าก็จะไม่พบหน้าที่ต้องการหา หรือ Error 404 (not found) นอกจากนั้นจะส่งผลเสียต่อ SEO อีกด้วย (Google มองว่าเป็น Dead […]

UNSIGNED ใน MySQL คืออะไร

ใน MySQL เมื่อเรากำหนด Datatype ที่เป็นตัวเลขจำนวนเต็ม อย่างเช่น INT จะมี attribute Unsigned ซึ่งเป็นตัวระบุว่าจะยอมให้มีค่าติดลบหรือไม่ ซึ่งก็คือ INT ปกติ จะมีค่าตั้งแต่ -2147483648 ถึง 2147483647 (ยอมให้ติดลบ) ส่วน INT Unsigned ที่ไม่มีค่าติดลบ จะมีค่าตั้งแต่ 0 ถึง 4294967295 (นำช่วงติดลบไปทบเป็นค่าบวกเพิ่ม) วิธีการเลือกใช้ ให้พิจารณาว่าค่าใน Field หรือ Column นี้จะมีค่าติดลบหรือไม่ ถ้าไม่มีค่าติดลบเช่น “อายุ”  ก็ให้ใช้เป็นแบบ Unsigned ก็จะได้ช่วงเก็บข้อมูลเยอะขึ้น รวมทั้งป้องกันความผิดพลาด เพราะ Column นี้จะไม่ติดลบแน่ ๆ

Encoding utf8mb4 vs utf8 ใน MySQL แตกต่างกันอย่างไร

โดยปกติแล้ว utf8 นั้นคือรูปแบบการ Encode ตัวอักษรโดยการใช้ 4 byte ต่อ 1 ตัวอักษร แต่ใน MySQL กลับใช้ เพียง 3 byte ต่อ 1 ตัวอักษร ดังนั้น utf8 นั้นจริง ๆ มีชื่อเต็มว่า utf8mb3 ต่อมา MySQL จึงได้ออก Encode utf8 ใหม่ที่ใช้ 4 byte ต่อ 1 ตัวอักษร นั่นคือ utf8mb4 นั่นเอง utf8mb4 ที่ใช้ 4 byte ต่อ 1 ตัวอัษรดีกว่ายังไง ? แน่นอนว่า utf8mb4 จะต้องรองรับตัวอักษรได้มากกว่า utf8 ธรรมดา โดย utf8 ปกติใน MySQL […]

re-Config Pure-FTPd-Mysql, php, phpMyAdmin หลังจาก Update Ubuntu 18.04

หลังจาก Update Ubuntu-18.04 และ Component อื่น ๆ จะพบปัญหาดังนี้ รัน php ไม่ได้ เนื่องจาก PHP จะอัพเกรดเป็น 7.2 และยังไม่ enable * ไม่สามารถใช้ FTP ได้ เนื่องจาก pure-ftpd-mysql ไฟล์ config เดิมหาย * phpMyAdmin มีแจ้งเตือน error เนื่องจาก code ยังไม่ compatible กับ PHP 7.2 ไม่สามารถใช้ .htaccess เนื่องจากยังไม่ AllowOverRide All ใน apache config * สำคัญมากต้องรีบทำ เพราะมีผลต่อความปลอดภัย และการใช้งานเว็บไซต์   1. Enable PHP module ใน […]

การติดตั้ง Apache, PHP และ MySQL บน macOS 10.x

ตั้งแต่ macOS version 10 เป็นต้นไปได้มีการติดตั้ง Apache และ PHP มาให้แล้ว เราเพียงแค่ต้องไปเปิดใช้งานเท่านั้น ส่วน MySQL จะต้องทำการติดตั้งด้วยตนเอง หรือ อาจจะตัดความยุ่งยากในการติดตั้งทั้งหมดนี้ด้วยการใช้ Software ที่ bundle ทุก ๆ อย่างมาให้อย่าง Xampp หรือ Mamp ก็ได้ แต่การติดตั้งทั้งหมดนี้ด้วยตนเองจะทำให้ได้ความรู้ไปด้วย ในการ Enable Apache และ PHP จะทำผ่าน Terminal ทั้งหมด (macOS ที่ใช้ 10.14) 1. ตรวจสอบ Version ของ Apache เพื่อให้แน่ใจว่ามีการติดตั้ง Apache อยู่จริง โดยใช้คำสั่ง http -v  2. เมื่อรู้ว่ามี Apache แล้ว สามารถสั่งเปิดการใช้งานด้วยคำสั่ง sudo apachectl […]

DataTables Plug-in เพิ่มความสามารถให้ตารางข้อมูล รองรับหลาย CSS Framework

ปกติตารางข้อมูลที่ถูกสร้างด้วย HTML Table จะทำหน้าที่เพียงแค่แสดงผลตารางเท่านั้น เราสามารถใช้ DataTables ซึ่งเป็น jQuery Plugin ที่เป็น Open source โดย DataTable สามารถเปลี่ยนให้ตารางข้อมูลธรรมดา มีความสามารถเพิ่มขึ้นประกอบด้วย Pagination Instant search Multi-column ordering Use almost any data source Easily theme-able (รองรับหลาย CSS Framework) Wide variety of extensions Mobile friendly Fully internationalisable การใช้งานเริ่มต้นด้วยการแนบไฟล์ CSS และ JavaScript (ต้องการ jQuery ด้วย) ของ DataTables

หรือถ้าต้องการใช้ร่วมกับ CSS Framework สามารถเลือกที่ Download Builder เพื่อเลือกว่าจะใช้อะไรบ้าง […]

CSS Effect zoom รูปภาพเพื่อเพิ่ม Interaction กับผู้ใช้

จากตัวอย่างใน Video เมื่อ hover ที่รูปใดใน Gallery รูปนั้นจะถูกซูมเพื่อให้ผู้ใช้ทราบว่ากำลังชี้ที่รูปใดอยู่ สามารถทำได้ดังนี้ HTML

  CSS

ใน Class gallery-item สามารถนำ overflow: hidden; ออก เวลาที่ Hover ภาพจะขยายใหญ่เกินกรอบ ก็เป็นอีกทางเลือกหนึ่ง