Common/Helper for Grouping/Sort on UTable (Nuxt UI)

Folder Structure Common Class 📌 tableHelper.ts – Helper for Render Component To ensure stability, all components such as UButton, UIcon are imported directly within the helper, as framework-level injection was avoided to prevent unexpected rendering behavior 📌 useTableGrouping.ts – Nuxt Composable that use for handle event and State , I spilit tableHelpers.ts / useTableGrouping.ts because i want to seperate role of these class Note: draggedColumn / isDragOver / groupedColumns are state that export for UI to see current state Using – New Screen 📌 Prepare Data 📌 Define Columns – with renderCell from tableHelpers.ts 📌 Create Drop Zone that use can…

Change Risk Anti-Patterns (CRAP) คือ อะไร

พอดีผมได้ Review งานน้อง และดู Coverage Report ที่ได้ Generate จาก ReportGenerator แล้วในส่วน Risk Hotspots ตอนแรกมันจะมีแค่ตัว Cyclomatic complexity แต่ตอนนี้มีตัว Crap Score ขึ้นมาด้วย มันเลยเป็นที่มา และสงสัยเลยเอามาเขียน Blog ครับ โดยสรุปสั้นๆก่อน Change Risk Anti-Patterns (CRAP) จากความหมายสั้นๆไปแล้วมาดูความหมายเต็มๆกันครับ ว่า Change Risk Anti-Patterns (Crap) Metric ที่ใช้ประเมินความเสี่ยงของ Code หากมีการเปลี่ยนแปลงแก้ไข คิดค้นโดยคุณ Alberto Savoia / Bob Evans ซึ่งจะดูจากข้อมูล 2 ชุด ได้แก่ – สูตรการคำนวณของ CRAP – การตีความค่า CRAP มันมีหลายเจ้าตั้งเกณฑ์ไว้ต่างกัน แต่เอาง่าย ยิ่งน้อย ยิ่งดี ครับ อย่างตัวอย่างนี้ เป็นเกณฑ์ + Recommend Action CRAP Score Description Recommend Action 0 – 30 ยอมรับได้ 30 – 60 เริ่มอันตรายแล้ว ควรเขียน Test เพิ่ม หรือ Refactor Code 60 ขึ้นไป เสี่ยงสูงมาก ต้องรีบมาแก้ไขโดยการ Refactor Code + Test เพื่อลด Technical Debt ที่กำลังสะสม Refactor Code – การแยกโค้ดยาวๆ…

Encoding / Embedding เหมือน หรือต่างกันยังไง

จุดที่เหมือนกันของ Encoding / Embedding Encoding Encoding – เป็นการเข้ารหัสข้อมูล สร้างมาตรฐานการจัดเก็บที่กลาง เพื่อความสะดวกในการใช้งาน โดยมีจุดเด่นรูปแบบ 1 ต่อ 1 แปลงไปแล้วสามารถแปลงกลับมา (Decode) เป็นข้อมูลเดิมได้สมบูรณ์ โดยมีอัลกอริทึ่มที่สำคัญ อาทิ เช่น Embedding เป็นรูปแบบหนึงของการทำ Encoding ที่สปอยไว่ โดยเจ้า Embedding แปลงข้อมูลให้เป็น Dense Vector ชุดข้อมูลตัวเลขที่แทนข้อมูลชุดที่สนใจ เป็นมาตรฐานกลางสำหรับการทำพวก AI (Machine Learning/Deep Learning) มีจุดเด่นสามารถหาความสัมพันธ์ของข้อมูลได้ แต่แปลงกลับตรงๆ แบบ 1 ต่อ 1 ไม่ได้ เน้นรักษาความหมาย และสามารถเอาเทคนิคทางคณิตศาสตร์หาหาความเชื่อมโยงได้ ตัวอย่าง คำอย่าง “กสิกรรม” / “เกษตรกรรม” / “Farming” จัดให้อยู่ใน Vector Space เดียวกัน โดย กสิกรรม /เกษตรกรรม อยู่ใกล้ๆกัน และ Farming ขยับออกมาคนละภาษา ถ้าเป็นคำว่า่ Far จะอยู่ไลกออกไปอีก อัลกอริทึ่มที่พบบ่อยๆ พอเรารู้ Semantic เอาไป Apply กับตัว Semantic Search / Similarity Search / RAG / Clustering

Unit Test มันช่วยกัน App Crash ได้นะ (Infinite Loop)

วันนี้ไปส่องใน Grafana แล้วพบว่า มี Build อันนี้ ใช้เวลา Run ผิดปกติ เลยไปส่องดู Code ถ้าใหมาแบบนี้ Jenkins มันทำงานไปเรื่อยๆ จนถึง Timeout ที่ตั้งไว้แน่ๆ แล้วอาจจะมีประเด็นขอ Waive Test ได้เพราะนาน หลังจากลอง Pull Code แล้วลอง Run Test ดูก็พบว่า Test แมร่ง Run ค้างไปเรื่อยๆ 10 นาที ยังไม่หยุดครับ เลยต้องเข้าไปดู Code จาก Code ข้างต้น เราพบว่า Line ที่ 12 มันมีปัญหา while (remainingLot != 0) ถ้าตัวเลขจากที่ตั้งต้น แล้วตัด Lot แล้วดันติดลบขึ้นมา มันจะ Infinite Loop ครับ หากเคสนี้หลุดไป Production App / Web ขึ้นมา อาจจะทำให้เกิด Bug ที่ตรวจจับสาเหตุได้ยาก เช่น กดแล้ว App ปิดตัวลง หรือ เว็บตอบสนองช้าลง / ตัว Container OOMKilled  เพราะ Resource ถูกใช้งานไปเรื่อยๆ จนหมด การแก้ไข Code ถ้าเอาง่ายๆ ผมปรับ while (remainingLot >= 0) แต่เพื่อให้งานของเรามีคุณภาพทั้งส่วน Technical และ Business ผมทำ Excel ให้ทาง BA หยอดเลขในเคสต่างๆแทนครับ จะได้ครบทั้ง Technical และ…

ลองสร้าง dotnet cli เพื่อตรวจสอบจำนวน Component ของแต่ละ Repo ใน Nexus

จากปัญหาที่ว่า Sonatype Nexus เริ่มจะ Limit จำนวน Component / Request ในแต่ละเดือนแล้ว อ้างอิงจาก ถ้าใครตาม Blog ตอนก่อนหน้าจะเจอว่าเราคุมพื้นที่การใช้งานได้จะ โดยไปกำหนด สร้าง Cleanup Policy บน Sonatype Nexus Repository แค่มันมีคำถาม แต่ละ Package อย่าง nuget / maven / npm มันใช้ไปจำนวนเท่าไหร่ ปัญหาตัว Nexus มันไม่บอก นอกจากบอก Usage Limit และเดียวที่บอก usage ให้หน้าจอ License มันไม่บอกอะไรเลยครับ ว่าแต่ละ Package ใช้ไปจำนวนเท่าไหร่ เลยเป็นที่มาของการพยายามหาทางเข้าไปเก็บข้อมูลทำ Stat ว่าแต่ละ Product ใช้ไปเท่าไหร่ พอดีแอบไปเห็นว่าตัว Nexus เค้าให้ OpenAPI มาด้วยครับ V1 เอาง่ายขึ้นเป็น shell script ตัว Script เต็มตามด้านล่างเลยครับ กำหนดตัวแปร NEXUS_URL / USER ที่เหลือมันจะไล่ curl ไปเรื่อยๆ และขยับไปหน้าถัดไป โดนแนบ continuationToken แต่หลังจากลองหลายรอบ ผมบวกแล้วไม่เท่ากับหน้า Dashboard ของ Nexus ครับ มันหายไปหลายหมื่นเลย แล้วสังเกตุว่า nuget / maven2 และเหมือน API Search น่าจะกำหนด Max Result ได้ที่ 10000 ด้วย เลยเอาหวะ กลับมาในสิ่งที่เราแข็งที่สุด Coding ครับ V2 DOTNET เอาตัว…

Nuxt Docker Build Error failed to solve: invalid file request .output ….

ตอน Dev แล้วที่นี้่ช่วยที่ package container จาก Local เวลาสั่ง docker build มันจะ Error แนวๆ สาเหตุ context มี .output จากเครื่อง Windows ทำให้ BuildKit อ่านแล้วพังตอน Docker Build เคสนี้ @vueuse/shared มันหาไม่เจอนี้แหละ โดยตัว .output มันมาจาก bun run build ซึ่งอาจจะเกิดจากเราเอง หรือ ตัว AI Agent มันวางยาก็ได้ การแก้ไข ปรับเจ้า .dockerignore เพิ่ม .output / .nuxt / dist ออกจาก context ของ Docker ตอน Build

จดๆจาก Microsoft Build //localhost:Bangkok by Global AI Bangkok

Azure DevOps meets GitHub, the path to AI powered SDLC Speaker Peeranat Ounhanan สำหรับในงานนี้ Update ของ AzureDevOps / GitHub ไปด้วยกัน แล้วเอา AI เข้าไปใส่ใน SDLC ยังไง โดยที่มีตัว GitHub Copilot เข้ามาเป็นตัวกลาง ดึงจุดเด่นของ แล้วที่นี้มันมีทั้ง AzureDevOps / GitHub ถ้าต้องเริ่ม Project ใหม่ ควรใช้อันไหน ของใหม่ที่เปิดตัว GitHub 📌 GitHub Copilot App มัน Build On GitHub CLI แล้วมันเชื่อมกับ AzureDevOps ได้เลย เราสามารถทำพวก PR ได้ 📌 GitHub Code Security – Agentic Workflows สร้าง playbook มาจัดการ เช่น การทำ Root Cause Analysis มาให้ เวลาเกิดปัญหา 📌 GitHub Advance Security – ทำให้ทุก Repo มี Baseline Security เดียวกัน แล้วทำ Campign เพื่อเข้ามาข่วยตอน Fixed ได้ และไม่มีตกหล่น มี AI มาช่วย 📌 Dependabot ฉลาดขึ้น ทำ Auto Fixed PR Security…

ลองใช้ GitHub Copilot Web (Cloud Agent Mode)

Blog วันนี้เนื่องจาก Side Project ลองทำมันแก้นิดเดียวเอง ผมเลยจะลองใช้ GitHub Copilot Agent Web () มาลองแก้ดูครับ มาดูกันก่อน ว่าต้องกำหนดอะไรบ้าง ถ้าเราสั่งให้มันทำงานตรงหน้าจอ Chat จะมีตัว Agent Session ด้านล่างด้วยครับ ระหว่างทำงานที่นี้มันจะถามเรา แล้วขอเพิ่มเปิด Cloud Session + PR แยกไหม ถ้า Allow ตัว Agent เข้าไปทำงานแยกเลยครับ ตอนนี้เราติดตามสถานะในได้เมนู Agent ใน Repo ของเราครับ ตรงนี้ต้อง Drill Down ตามอีกทีครับ ตอนแรกมันดูดี แต่ทว่า ผมเห็นท่าไม่ดีแล้ว เลยลองถาม Copilot ว่าทำอะไร กดปุ่มให้มันหยุดการทำงานไม่งั้นมันกิน Premium Request หมด สรุป ถ้าเราไปตาม Log พบว่าตัว Harness ของ Copilot มันพยายามทำที่ละชิ้น + Refactor ปรับ Quality ด้วย CodeQL ครับ ซึ่งผมมองว่ามันเเปลือง Premium Request ของผมตอนนี้ ถ้าใครสนใจลองไปส่องใน PR ได้ Add sortable Age (Days) column to GitLab branches export by Copilot · Pull Request #6 · pingkunga/simple-redmine-client · GitHub ว่ามันคุ้มไหมกับการเสีย Premium Request 10.5% ครับ 5555 ถือว่าเป็นค่าลองวิชา รอบหน้าค่อยมาพิจารณาแนวทางการใช้ครับ…

Ezygo สาคูไส้หมู (จริงๆ)

สำหรับเมนูนี้เรียกว่ายังไงดี เมื่อก่อน 711 จะมีป้ามาทำขายชุดละ 20-25 บาท มีทั้งสาคู และปากหม้อ พอป้าแกหายไปแบบอดเลย มาสวันนี้เห็นว่า 7-11 มีขายนะของ EzyGo เลยลองมากินดูอ่า ราคา 32 บาท ข้างในมี 6 ลูก พร้อมกับกระเทียมเจียว (ถ้าเหลือเอาไปทำอย่างอื่นได้ 55) เลยลองซื้อมากินดู รสชาติ ถ้าถามผมมันแปลกนะ เพราะเอาจริงๆร้านข้างทางส่วนใหญ่ไส้ของสาคูผัดไชโป๊ หอมแดง กับถั่วลิสง ลดทุนและอาจจะยีดอายุด้วย เพราะถ้าเอาเนื้อสัตว์มาทำไส้ เก็บไว้นานมันก็เสี่ยง เลยทำให้รสชาติของร้านข้างทางออกไปทางหวาน แต่อันนี้มีมันหมูมาด้วย เพราะเค้าใส่หมูจริงลงไปด้วย ที่เอามาเขียน Blog และคิดว่าน่าจะใส่พวกสามเกลอ (รากผักชี กระเทียม และพริกไทย) ลงไปด้วย รสชาติมันจะต่างกัน อร่อยไปอีกแบบแป้งนุ่ม ขาดพวกผักกาดหอม ผักชี และพริกสดนี้แหละ ทานสะดวกดี อุ่นประมาณ นาทีนึงได้แล้ว ผมกินมา 2-3 เดือนและ ลืมเลยมาจดลง Blog 555 ถ้าสนใจลองดูใน 7-11 สาคูไส้หม พอรสชาติต่างจากป้าที่ขายเลยไม่แน่ใจว่ามันจะอยู่ได้นานไหมนะ