DataTables Group และ Sum

รวมกลุ่ม DataTables ให้แสดงผล ตัวอย่างจะเป็นการรวมกลุ่มตามวันที่ โดยที่ตอนแสดงจะแสดงผลแบบนี้ในตาราง IDวันที่สมัครUsername/EmailWallet Code พอรวมกลุ่มแล้วมันก็จะทำการตัดคอลัมภ์ของ วันที่สมัคร ออกไปรวมด้านบนแทน โดยโค้ดที่ใช้มี 2 ชุด คือแบบ แค่รวมกลุ่มธรรมดา และ รวมกลุ่มแบบนับจำนวนด้วยก็เลือกเอาเลยเนอะ…

แนะนำธีม VS Code

เป็นธีมที่เคนใช้เวลาหาใน Visual Studio Code ค่อนข้างนานมากๆ ต้องบอกก่อนว่าสายตาเคนเหมือนไม่ค่อยปกติ ถ้าใช้ Dark Theme แบบที่คนอื่นดูแล้วสบายตากันอ่ะ เคนจะมองไม่ค่อยเห็นเพราะมันมืดเกินไป ตาเคนมันจะไม่ค่อยโฟกัสกับธีมมืดแบบนั้น จะหาธีมสว่างๆ ก็บาดตาอีก แต่มันก็มีข้อยกเว้นอยู่บ้าง เช่น ธีมมืดที่ทำสีตัวอ…

CSS รูปภาพพื้นหลัง + จาง

background-image + opacity นั่นเอง หรือเรียกเป็นภาษาไทยก็น่าจะ ใส่รูปพื้นหลัง และทำให้มันจางๆ เป็นแบบเขียน CSS 1 div ได้เลย ไม่ต้องเขียนหลาย div ก็ต้องขอบคุณ StackOverflow อีกแหละ 555 .wave-bg { background-image: url(‘/assets/img/wave.png’); background-image: linear-gradient(to bottom, rgba(255, 255…

กว่าจะเข้าไป Debug Samsung Internet Browser ผ่าน Google Chrome ได้

ยากอิ๊บอ๋ายยยยย ไม่ได้ยากธรรมดา กว่าจะหาจนเจอวิธีที่ใช้ได้ แม่มก็โคตรยากกกกกกกก ของเคนเป็น Samsung Galaxy Note 9 อะ ส่วนของการเข้าถึงอาจจะไม่ตรงกับทุกคน แต่วิธีทำจะประมาณนี้แหละ ขอบคุณ StackOverflow อีกแล้วhttps://stackoverflow.com/a/57524521 วิธีทำ เปิด USB Debugging (การแก้ไขข้อบกพร่อง USB) บนมือถ…

registerElement ถูก Deprecated ให้ไปใช้ customElements.define แทน

ในช่วงที่ผ่านมาก็มีประกาศจากทาง Google Chrome ว่าจะยกเลิกการใช้ตั้งแต่ช่วงเดือนมีนาคม 2019 แต่ถามว่าเคนเห็นไหม?…ก็ไม่…เพิ่งมาเห็นหลังจากมันประกาศมา 4 เดือน ก็คือตอนนี้ โดยที่ตัวเคนเองอ่ะไม่ได้เขียนหรอก แต่สคริปต์ที่เอามาใช้เค้าเขียนเอาไว้น่ะสิแบบนี้ l.registerElement(“vakata-jstree”, { prototype…

Ubiquity – PHP Framework ที่เร็วแรงสุดตอนนี้ (2019/07)

เคนไม่ได้กล่าวไว้ แต่ PHPBenchmarks.com เค้าบอกมา! PHPBenchmarks.com คือ เคนก็เพิ่งรู้จักเค้าเหมือนกัน เหมือนจะเป็นเว็บที่รวบรวมจัดอันดับความแรงของ PHP Framework ไว้ให้เราดูกันว่า ตอนนี้ตัวไหนแรงอยู่อันดับที่เท่าไหร่แล้ว เข้ามาหน้าเว็บเค้าก็จะมีชาร์ตให้ดูแบบนี้เลย ซึ่งก็ดันไปสะดุดว่าไอ้ตัว Ubiquity …

วิธีเขียน Cronjobs ใน DirectAdmin ของ Codeigniter

Cronjobs มันก็ไว้กำหนดวันที่เวลาว่าเราจะรันไฟล์ตัวนี้เวลาไหน วันที่เท่าไหร่ แต่บางคนอาจจะงงๆ ว่าแล้วใน Php Codeigniter มันกำหนดยังไง แตกต่างกับตัวอื่นไหม? จริงๆ ก็ไม่นะ…(มั้ง) อ่ะ…ไปดูหน้าตาตัวจัดการ Cronjobs ใน DirectAdmin กันก่อน โดยมันจะมีส่วนกำหนดเวลา และคำสั่ง กับส่วนรายการที่เคยสร้างแล้ว ป…

ความกวนตีนของ ESLint/Prettier – Missing space before function parentheses

ต้องตะโกนดังๆ ว่า มึงกวนตีนกูอยู่ใช่ไหมมมมมมมมมมมมมมมมม เคนเป็นมือใหม่หัดใช้ ESLint กับ Nuxt.js ตอนนี้เหมือน Nuxt.js จะอัพเดทเวอร์ชั่นใหม่ ทำให้เคนติดตั้งด้วย Template ตอนนี้มันก็เหมือนได้กฎใหม่ของ ESLint มาด้วย ซึ่งกฎตัวนี้ค่อนข้าง…กวนตีน!!! ไปดูตัวอย่างโค้ดดีกว่าจะได้รู้ว่ากวนตีนยังไง! export de…

เริ่มต้นเรียนรู้การใช้ Vue.js ด้วย Nuxt.js มันง่ายกว่าจริงแฮะ

ใครเป็นเหมือนเคนไหมอะ เหมือนเติบโตกับการเขียนโปรแกรมแบบตัวเดียวจบ (Decoupled) คือไม่มีการแยก Frontend/Backend เป็นแบบตัวเดียวเลย ทีนี้พอถึงยุคนี้ที่เน้นการแยกระหว่าง Frontend กับ Backend ขึ้นมา เคนเองในส่วนของ Backend อะ ไม่มีปัญหาใดๆ เลย เพราะมันก็ทำเหมือนที่เราเคยทำมา และเคยชิน แต่พอไปจับ Frontend…

กว่าจะเข้าใจ State…ป่ะ! มาใช้ Nuxt.js กันดีกว่าไหม

State Store ใครบอกเข้าใจง่าย? …ม่ายยยยยย!!! สำหรับเคนนี่เป็นเรื่องที่เข้าใจโคตรยากเลย กว่าจะเข้าใจว่ามันคืออะไร ยังไง ใช้อะไร ทำไมต้องมี ทำไมต้องใช้ dispatch? reducer? ขออธิบายไม่ใช่ในเชิงวิชาการใดๆ ทั้งสิ้น แต่เป็นในเชิงของความเข้าใจเคนล้วนๆ นะฮะ ผิดหลักการอันใด สามารถคอมเมนท์เพื่อเสริมความเข้าใจ…

MySQL ของ MAMP ไม่สามารถเชื่อมต่อได้

โอ๊ยยยยย ปัญหานี้บอกเลยว่านั่งงมอยู่ 2-3 ชั่วโมง ทำไม่ได้สักที! คือกำลังฝึกลองเขียน ASP.NET Core แต่ว่าจะใช้ตัว MySQL ของ MAMP เลย จะได้ไม่ต้องติดตั้งใหม่ แต่ทำยังไงมันก็เชื่อมต่อไม่ได้สักที ก็นั่งเอ๋อว่าเขียนโค้ดผิดตรงไหนหว่า หลังจากงม แก้โค้ดไป 2-3 ชั่วโมง เชื่อมต่อไม่ได้สักที จนท้อละ…กำลังจะลงไ…

Lint Linter ESLint คืออะไร

Linter คือตัวที่ใช้ตรวจสอบความผิดพลาด หรือสิ่งที่จะทำให้เราผิดพลาดในการเขียนโปรแกรม หรือทำอะไรสักอย่าง เค้าเลยเอาตัวแนวคิดของตัว Linter มาใช้กับส่วนของการเขียนโค้ดด้วย ก็จะเป็นตัวไว้ตรวจสอบความผิดพลาดของการเขียนโค้ดของเรา โดยที่ตัวตรวจสอบ ก็จะแยกไปตามแต่ละภาษาโดยก็จะลงท้ายด้วยคำว่า Lint หรือ Lintter…

Prettier Error ให้ต้องใส่ /> ปิดท้าย HTML Tag แต่ใส่ไม่ได้ Save แล้วหาย

ชื่อบทความงงๆ ไหมหว่า คือง่ายๆ ก็แค่ เหมือนตัว ESLint ของ NuxtJS มัน Error เรื่องที่ว่าให้เราต้องใส่แท็กปิดแบบมี / (Backslash) ด้วยอะ แบบนี้ <input type=”text” value=”KanexKane” /> แต่ปัญหาของตัว VS Code และใช้ Prettier ก็คือตอนบันทึกมันดันเอา / (Backslash) ออกไปอ่ะสิ จะเหลือแค่แบบนี้ <input t…

ปิดโหมด ONLY FULL GROUP BY ใน MySQL

ใน MySQL Version ใหม่ๆ น่าจะตั้งแต่เวอร์ชั่น 5.7.5 ขึ้นมา จะเปิด sql_mode เป็น only_full_group_by มาเป็นค่า Default ไว้เลย ทำให้คนที่เคยใช้การ Group by แบบหลายๆ Table ด้วยตัวหลักตัวเดียว จะทำให้เกิด Error แบบนี้ครับ ซึ่งปัญหามันเกิดจากการเขียน JOIN กันไปหลายๆ Table แต่สั่ง Group by แค่ฟิลด์จากตารางเ…

React ปุ่มก๊อบปี้ข้อมูลใน Table

อยากทำเป็นปุ่มง่ายๆ 1 ปุ่มเพื่อที่เราจะกดคลิกแล้วทำการ Copy ข้อมูลในช่องที่เราต้องการ หน้าตาประมาณนี้ คือเคนอยากจะกดปุ่มให้มันก๊อปปี้ข้อมูลในช่องข้อความมาให้ โดยไม่ต้องไปเลือกข้อความทั้งหมดแล้วทำการกดก๊อบปี้เอง (ขี้เกียจแล้วขี้เกียจอีก) มาดูโค้ดกันดีกว่า เริ่มแรกทำการกำหนดค่าฟังก์ชั่นให้ปุ่มก่อนเลยโ…

React ขึ้นบรรทัดใหม่จากข้อความ Textarea ที่ดึงมาจาก MongoDB แล้วมาแสดงใน Table

แค่ชื่อบทความก็ยาวล๊าวววว แต่คือมันตามนั้นจริงๆ เพราะปัญหาในคราวนี้คือ เคนทำการดึงข้อมูลจาก MongoDB แล้วมันได้ข้อมูลแบบนี้ บริการรับแก้ปัญหาเพจ Facebook\nแก้เรื่องการมองเห็น, เพจเกือบโดนปิด, โฆษณาไม่ได้, โปรโมทโพสต์ไม่ได้\nแก้ปัญหาแบบผิดๆ ส่งผลให้เพจหายไปเร็วกว่าที่คิด\n\nติดต่อเรา Line ID: @toskyso…

ชี้โดเมนที่มีอยู่แล้วไปที่ Google My Business Site ไม่ได้นะ

ช่วงนี้ Google My Business (ต่อไปจะย่อเหลือแค่ GMB) มาแรงครับ ซึ่งตอนนี้ใน GMB มีลูกเล่นเยอะจริง ๆ รวมถึงทำให้มีเว็บไซต์ใน GMB ได้เลยอีกด้วย พอมีเว็บไซต์ได้ก็ต้องมีการเชื่อมโดเมนมาได้ใช่ไหมครับ เคนก็เข้าใจแบบนั้น จนกระทั่งได้ลองทำจริง จึงได้รู้ว่า…มันทำไม่ได้ มันทำได้แค่ Redirect มาเท่านั้นเองอ่ะ …

docker-compose nginx-proxy, letsencrypt-nginx-proxy-companion แยกกันกับไฟล์เว็บ

ในที่สุดก็เขียนได้สักที เย้!!! หลังจากเขียนอยู่ 3 วัน!!! ใครที่ได้อ่านบล็อก วิธี nginx reverse proxy แบบหลายเว็บในเครื่องเดียว โดยใช้การกำหนด Virtual Host ได้ ก็จะเห็นว่า เคนยังทำการรัน docker run nginx-proxy ตามปกติ โดยแยกกันกับไฟล์ docker-compose.yml ของ wordpress เนื่องจากไม่มีวิธีทำ และไม่มีตัวอ…