ใช้ AI ในงานเดฟยังไง ให้ไม่พัง! แล้วทุกคนไม่เหนื่อย เพราะการใช้ AI ในการเขียนโค้ดให้เรา มันมี cost เสมอ เก็บตกไฮไลต์จากงาน #LINEDEVCONF2025 ที่เขามาแชร์เทคนิคเด็ดเรื่อง Vibe Coding หรือการใช้ AI ช่วยเขียนโค้ด! กับ session “Spec > Spell: Write It Clearly, and Let AI Do the Magic” และ workshop “Effective Vibe Coding” . หลาย ๆ คนใช้ AI ในการ Vibe Coding แล้วประสบปัญหา หลัก ๆ คือ - ใช้ AI เขียนโค้ดแบบคิดปุ๊บ พิมพ์ปั๊บ - ได้โค้ด ได้ของออกมาจริง แต่ quality code ไม่ค่อยดี - Maintain ยาก แก้ก็ลำบาก มีแต่พระเจ้าเท่านั้นที่เข้าใจ อ้าวผิด session 555 💡 ทางแก้ คือ 'Engineering Mindset' และ 'Context Engineering' . 📌 Engineering Mindset ก่อนที่จะลงมือเขียนโค้ดได้นั้น มีขั้นตอนอื่น ๆ ไม่ว่าจะเป็นการ planning การ design เขียนโค้ดเสร็จก็ต้อง test ด้วย และบางครั้งต้อง refactor code เพื่อให้การทำงานของเรานั้นมีคุณภาพอยู่เสมอ . 📌 Context Engineering เป็นการนำเจ้า LLM มาใช้งานอย่างจริงจัง โดยให้ AI เนี่ยมีความรู้ความเข้าใจเกี่ยวกับ project ของเรา ซึ่งเป็น context นี่แหละ เพื่อสามารถ onboard เพื่อนใหม่ได้ และสามารถอธิบายระบบของเราให้คนอื่นเข้าใจได้ด้วย ประกอบด้วย 3 ส่วน คือ 1. System Prompt: เหมือนการสร้าง Rules หรือคู่มือให้ AI รู้ว่าต้องทำอะไรในโปรเจกต์นี้ เรียกว่า instruction file เราสามารถสร้างได้ ให้อยู่ในนี้ `/.github/copilot-insturctions.md` 2. Available Tools: เชื่อมต่อ AI กับ Tools อื่น ๆ เพื่อเพิ่มประสิทธิภาพในการทำงาน สามารถเอา config ต่าง ๆ ไปใส่ไว้ใน `/.vscode/mcp.json` ซึ่งอันนี้ก็แล้วแต่ศรัทธา เพราะตอน workshop ไม่ได้มีตรงนี้ 😆 3. User Prompt: คำสั่งที่เราสั่งให้ AI ทำงาน ซึ่งต้องชัดเจนเหมือนหยิบ Task จาก Jira มาทำ . 👩‍💻 ลงมือทำจริง ใน workshop session จะเริ่มจากการที่เรา clone repo มาก่อน และ VS Code ที่ติดตั้ง Github Copilot มาแล้ว ซึ่งเขาใช้ Github Copilot Business หลาย ๆ ที่ก็ใช้กัน ทำให้โค้ดงานของเราไม่หลุดไปยังโลกภายนอกนั้นเอง ติดตั้งได้หลาย editor ไม่ว่าจะเป็น VS Code, Intelij และตัวอื่น ๆ ที่รองรับ ที่ทำใน workshop สมมุติว่าโปรเจกต์นี้มีของอยู่แล้ว และให้ AI ช่วยทำ - ใช้ AI เขียน API Spec ง่าย ๆ จาก feature ที่เราต้องการ - สั่งให้ AI implement API และ Generate Type จาก Spec ที่สร้างไว้ - สร้าง Test เพื่อทดสอบการทำงาน โดยใช้ผ่าน curl (ถ้าไม่รู้ก็ถาม AI ได้) - และสุดท้าย สร้าง Instruction File เพื่อให้ AI เข้าใจ Context ของโปรเจกต์ - เชื่อมต่อ API กับหน้าบ้าน ให้ทำงานด้วยกันได้ ใครที่กำลังใช้ AI ช่วยเขียนโค้ด ลองเอาเทคนิคนี้ไปปรับใช้ดูนะ รับรองว่างานดีขึ้น โค้ดมีคุณภาพขึ้นแน่นอน! เพราะ AI ก็ต้องรู้งานเหมือนเราด้วยแหละเนอะ 🤣 #siamstr

สร้างผู้เชี่ยวชาญเฉพาะด้าน ด้วย NotebookLM https://www.facebook.com/share/v/19m57Z4Hmd/

มาแล้วกับบล็อกเต็มงาน #LINEDEVCONF2025 ที่จัดใหญ่กว่าทุกปี มีคนมาร่วมงาน 1,200 คน! ความพิเศษ นอกจากกลับมาจัดที่ Bitec แล้ว ก็น่าจะเป็นไอติมฟรีสำหรับคนที่มาเข้างาน 500 คนแรก เราที่ไม่พลาดในเรื่องของกิน 😂 เอ้ยยย ได้ลองใช้ Coupon API อะไรงี้ ภายในงานมีอะไรบ้างไปดูกัน #siamstr https://www.mikkipastel.com/line-dev-conf-2025

มาอัพเดต LINE API ในปีนี้ พร้อมข่าวดีสำหรับ LINE MINI App! เปิดรับ LINE Developer Partner และงาน LINE Hack ในปีนี้ สรุป session แรกของงาน LINE DEV CONF 2025 เมื่อวาานี้ ที่แจก QR Code เพื่อเก็บแต้มแลกเสื้ออ่ะ กับ "LINE API Essential Updates for 2025" โดยพี่ตี๋ Jirawat Karanwittayakarn - Tech Evangelist และพี่แทน Warit Wanwithu - Developer Relations จาก LINE Thailand นั่นเอง . เปิดด้วยวันนี้เป็นวันที่ 256 ของปีนี้ จะเท่ากับ 2^8 เท่ากับจำนวน 1 byte และวันนี้เป็นวัน International Developer Day นั่นเอง ในปี 2018 มีงาน meeting ครั้งแรก จนมาตอนนี้ มีสมาชิกทั้งหมดใน community 53,000 คนแล้ว . ส่วน stat ในส่วน Chatbot (Messaging API) ตอนนี้มี 680K เติบโตจากปีที่แล้ว 25% และ LIFF ตอนนี้มี 330K เติบโตจากปีที่แล้ว 30% . . มาดูอัพเดตในปีนี้กัน 🟢 LINE Messaging API - AI Agent with LINE Bot MCP Server: เชื่อมต่อ Claude เขียน prompt ให้มัน broadcast ไปหา user ได้เลย แบบไม่ต้อง code - ทุกคนเคยประสบปัญหาหาคูปองไม่เจอ หรือไม่ก็ชำรุด ใช่ไหมล่ะ แต่ LINE มี solution นี้ที่มาช่วยร้านค้า และลูกค้าในเรื่องนี้ คือ Coupon API และ Coupon Message นั่นเอง ซึ่งหลาย ๆ คนที่มาเช้าเป็น 500 คนแรกจะได้คูปองแลกไอศครีมกินตอนเที่ยงนะ และมันสามารถเล่นกับ LINE Beacon ได้ด้วย ตัวนี้ใช้ได้กับ LINE OA Manager และที่สำคัญ ใช้ฟรี! . 🟢 LIFF - LINE มีอัพเดต Seamless LIFF Switching กับ v15.12.0 เวลาเรา switch ไปหน้าอื่น ข้อมูลจะยังอยู่ เช่นเรากรอกอะไรสักอย่างอยู่ ออกไปกลับมาไม่ต้องกรอกใหม่ล่ะ - เวลาสร้าง LIFF ไม่ต้องแก้ code แล้ว deploy ใหม่ เพราะมี hot reload ใน v0.4.1 นั้น support ngrok version 3 จาก official ด้วยนะ . 🟢 LINE MINI App ทำให้เราสร้าง web app จากใน LINE ได้ โดยพัฒนาจาก simple code base ไปได้ที่เดียว ใช้ตรงกับ LINE ได้เลย 1️⃣ เร็วและง่ายต่อการเข้าถึง สามารถพิมพ์ search ได้เลย 2️⃣ ส่งข้อความแจ้งเตือนตามเหตุการณ์ที่เกิดขึ้นได้ เข่น จองร้านอาหาร อีก 30 นาทีจะถึงเวลานัดหมาย 3️⃣ เพิ่ม shortcut บน home screen ได้เหมือนแอพ ？แล้วมันต่างจาก LIFF ยังไง? นอกจาก 3 ข้อข้างต้นแล้ว ยังเพิ่ม 4️⃣ allow permission การใช้ hardware เช่น กล้อง ให้สามารถเลือกแบบ always allow ได้ 5️⃣ custom path ที่อยู่ต่อท้าย url ได้เอง ให้คนจำได้ เชื่อมต่อ LINE OA แบบ auto 6️⃣ ถ้าอยากใช้ LINE MINI App ให้ไปขอ verify รอทีมพิจารณา เพื่อ approve ในไทยมีหลาย product ที่ใช้ LINE MINI App ไม่ว่าจะเป็น Finnomena, Q-Chang, TQM, MedCare และอีกมากมาย ล่าสุดก็คือ Dusit Central Park ห้างใหม่ที่เปิดขึ้นมาไม่นานมานี้ สามารถสมัครสมาชิก ดูข้อมูล รวมถึงจองสวนได้ด้วย จ่ายเงินผ่าน LINE Pay อีกทั้งมี point & reward ด้วย และมีข่าวดีว่า ตัว LINE MINI App สามารถสร้างเองได้เลย ไม่ต้องขอ ตั้งแต่เดือนตุลาคมที่จะถึงนี้เป็นต้นไป มาตั้งแถวใหม่ไปด้วยกัน 😂 . 🇯🇵 LINE MINI App Use-cases from Japan ส่งตรงจากเจแปนจากงาน SusHi Tech Tokyo 2025 - Souvenir-Forget Metaverse: หลาย ๆ คนคงเคยประสบปัญหาลืมซื้อของฝาก ทำยังไงดีนะ เพียงเข้าแอพนี้ สามารถซื้อของฝากที่เราลืมซื้อได้ ผ่าน metaverse เหมือนเดินไปซื้อเองที่ร้าน ใช้เทคนิค AI ในการ generate รูปสามมิติขึ้นมา แล้วนำมาผสานเข้าด้วยกัน - HIKKY Metaverse: เพียง scan QR Code ก็เข้าไปในโลกเสมือนได้ทันที เหมือน native เลย และใช้ WebGL ในการทำ - Digitalizing Real Stores: แล้วเขาใช้อะไรกันบ้าง หลัก ๆ มีร้านค้า ร้านทำผม ใช้จองคิว ร้านอาหารสามารถสั่งอาหารในนั้นได้ ร้านได้ data กลับมาด้วย และ membercard ต่าง ๆ . 🤝 LINE Developer Partner โปรรแกรมใหม่ให้กับ developer ที่ถนัดสร้างของ มาเจอกับผู้ประกอบการที่มี idea ในการพัฒนา solution มาเจอกัน แล้วทาง LINE ช่วยทำ marketing ให้ รวมถึงมี Certfied Badge 3 ระดับด้วยกัน คือ Authorized, Professional และ Expert สามารถสมัครได้ในงานนะ . 👨‍💻 LINE Hack ปีนี้กลับมาแล้ว ในวันที่ 29 - 30 พฤศจิกายน แบ่งเป็นบุคคลทั่วไป และนักเรียนนักศึกษา ชิงเงินรางวัลครึ่งล้าน เป็นงานเปลี่ยนชีวิต จากผู้แข่งขัน เป็น  LINE Certified Coach เป็น LINE API Expert เป็น LINER และบางคนได้สร้าง product ที่ออกสู่ตลาดใน LINE ประเทศไทย ติดตามข่าวกันได้เร็ว ๆ นี้จ้า เผื่อใครจะได้ตั้งแถวใหม่ในงานนี้กัน #LINEDEVCONF2025 #siamstr

งานใหญ่อีกงานกำลังจะมา 👀 กับงาน BITKUB SUMMIT 2025 ในวันที่ 25 - 26 ตุลาคม 2568 ที่ Hall 3 - 4 ศูนย์การประชุมแห่งชาติสิริกิติ์ ซึ่งอยู่ที่ชั้น G น้า แปดโมงเช้าถึงสองทุ่มเลย ✨ ตีมปีนี้เขาจะเป็น Financial Literacy, Digital Literacy, & Longevity ⭐ แล้วปีนี้มี highlight อะไรบ้าง? ปีนี้ไม่เหมือนปีที่แล้ว เพราะจะเป็นรูปแบบใหม่ทั้งหมด! แถมปีนี้เขา BITKUB SUMMIT x Fastwork ด้วย จะมี 4 เวทีใหม่น่าสนใจ ที่เอา content online ออกมาเป็น offline ให้เราดูสด ๆ กันในงาน บอกเลยห้ามพลาด! 1. Ice Bath: เทและแช่นํ้าแข็ง พร้อมให้ความรู้กันแบบสด ๆ เรียกได้ว่าดู content creator หนาวสั่นต่อหน้าต่อตาคุณผู้ชมกันเลยทีเดียว 2. เคลียร์ใจ: เป็นฟีล debate กันสองขั้วที่ต่างกัน มี bodyguard พร้อม 😆 3. CK Podcast LIVE รอลุ้นแขกรับเชิญในงาน 4. Topp Table LIVE อันนี้รอลุ้นอาหาร เอ้ยยย แขกรับเชิญ แถมได้สปอยจากจารย์คริปโตไซว่า มีบูธคริปโตยกกำลัง เสมือนงาน Fume Fest ย่อม ๆ ที่รวมอินฟลูคริปโตที่รวม KOL กันกว่า 16 ท่านเลยทีเดียว ไปร่วมจอยกันได้ สนุกแน่นอน . ใครไปเจอเราได้สองวันเยยยย พยายามไปให้เช้า ปีที่แล้วก็มาถึงสายหน่อยสิบโมงกว่า อดเจอคุณมิว แบรนด์แอม Bitkub เลย แล้วแม่หมอแน็ตตี้ชมว่าสวยมากกกก ซึ่งในรูปสวยจริง ปีนี้ต้องมาเช้าหน่อยล่ะจะได้ไม่พลาด 🤣 ใครสนใจจิ้มลิ้งนี้ได้เลยจ้า https://www.bitkubsummit.com/register?utm_source=MikkiPastel&utm_medium=kol&utm_campaign=bitkubsummit&utm_content=organic #BITKUBSUMMIT2025 #siamstr

จัด event แต่ละครั้ง จะต้องเตรียมอะไรเยอะแยะตั้งแต่สร้าง event ทำระบบลงทะเบียน ในงานต้องมีอะไรบ้าง ให้ผู้ร่วมงานทำกิจกรรมอะไรดี จนไปถึงทำ feedback form แล้วเอามาวิเคราะห์ในการจัดงานครั้งถัดไป เหนื่อยเนาะ 😓 แต่ปัญหานี้จะหมดไป เมื่อมีตัวช่วยอย่าง TicketO ที่ทำทุกอย่างจนจบได้ผ่าน LINE แล้วมี AI มาช่วยในการสร้าง event และสรุปผล feedback รวมถึง insight อีกด้วย . สรุปจาก session “TicketO: Reinventing the event experience with AI on MINI App” โดยคุณ Thepnatee Phojan และคุณ Supakarn Laorattanakul ทั้งสองท่านเป็น LINE API Expert . ในช่วงที่ผ่านมา event ประเภทต่าง ๆ เติบโตเป็นอย่างมาก โดยประเภทที่เติบโตมากที่สุด คือ concert และ fan meet รองลงมาก็ conference ต่าง ๆ ที่เป็นหัวข้อ AI เยอะในตอนนี้ 😂 . การจัด event ครั้งนึงค่อนข้างเหนื่อย จึงต้องมีระบบการจัดการต่าง ๆ และคนที่มางานต้องทำอะไรบ้าง โดยมี journey 3 ส่วนใหญ่ ๆ คือ 1. Pre-event: ก่อนคนมางาน event เราจะต้องทำการ register กันก่อน 2. On-Event: ในงานเกิดอะไรขึ้นบ้างนะ ก็ต้องมี activity ต่าง ๆ ให้ทำ เช่น การ check-in, ทำ quiz, กิจกรรม lucky draw 3. Post-Event: หลังจบงานก็ต้องมี survey ให้ทำเพื่อรับ feedback จากคนมางาน . ตัว TicketO (ทิกเก็ตโตะ) เป็น solution ที่ออกมาช่วยคนจัดงาน event ให้ทำงานเหนื่อยน้อยลง และสะดวกมากขึ้น ใช้ AI และ LINE MINI App ช่วยเสริมสร้างประสบการณ์ที่ดีในการร่วมงาน event นั้น ๆ . . 🟢 Pre-Event คนจัด event เราต้องเริ่มที่ create event กันก่อน โดยใส่รายละเอียดต่าง ๆ ไม่ว่าจะเป็นชื่องาน รูป จัดวันเวลาไหน ที่ไหน เลือกจำนวนคนที่มา ประเภทของบัตร ช่วงอายุ ประเภทของ event และที่สำคัญตรง detail ของงาน อันนี้สามารถ generate ด้วย AI ได้ด้วยนะ โดยใช้ข้อมูล age range ช่วงอายุ และ category ประเภทของ event เพื่อ generate detail ของงาน ให้ตรงกับกลุ่มเป้าหมายที่เรากำหนดได้ง่ายขึ้น มาดู workflow กัน input เป็น json ที่แบ่งเป็น 2 ส่วน คือ 🗒️ รายละเอียดของ event ที่เป็น text 🖼️ และรูป poster (optional) มาแปลงเป็น base64 เข้ามากรองผ่าน guardrail ของระบบ เพื่อตรวจสอบความถูกต้อง และปลอดภัย ก่อนจะ prompt ทั้งหมดเข้าไปใน Multimodal Agent เจ้า agent ตัวนี้เนี่ยคุยกับ MCP Server เพื่อเอา content template จาก event ต่าง ๆ เป็น template เพื่อสื่อสารได้ตรงใจมากขึ้น ตอนจบมี output guardrail เพื่อ recheck อีกรอบว่ามีอะไรหลุดไปไหม จนได้ output ออกมาเป็น event detail ถ้าถูกใจกดปุ่ม appiled เพื่อสร้าง event ได้เลย เย้ แล้ว service message ทำงานยังไง? เริ่มจาก user มีการทำอะไรสักอย่างที่ LIFF แล้วเอา access token มา issue ได้ตัว notification token เพื่อเอาไปส่งข้อความให้ user โดยดูจากใน database ด้วย โดย service message จะมีตั้งแต่ตอนได้ตั๋ว มีการแจ้งเตือน event . . 🟢 On-event พอถึงวันงานมีการ check-in ซึ่งสามารถเข้าผ่าน LINE Beacon ได้โดยติดตั้งภายในงานในระยะสัญญาณ หรือจะเปิด QR Code ให้ staff เป็นคน scan ก็ได้ และมี activity ให้ผู้เข้าร่วมงาน เพื่อให้เขาได้อะไรกลับไป ทำเป็น Quiz & Activity, Lucky Draw และ Mission ก็ได้นะ . . 🟢 Post-event ทำ feedback & form ขึ้นมา ให้ผู้มาร่วมงานให้ feedback กับคนจัดงาน โดยมี AI ช่วย summarize ข้อมูล และ recommend ว่ารอบหน้าต้องทำอะไรเพิ่มบ้าง รวมถึง insight ของผู้เข้าร่วมงานด้วย ออกมาเป็น dashboard ในระหว่าง session นั้นมีการปล่อย QR Code เพื่อให้เราลองลงทะเบียนเข้าร่วม event ของ session นี้แหละ แต่คนมางานเยอะไง น้องรับไม่ไหว เลยจะเปิดไม่ได้ในตอนแรก อาจจะต้อง refresh และรอเวลาสักหน่อยถึงจะเปิดได้ เราจะได้ message ต่าง ๆ ที่เป็น Flex Message ออกมาใน LINE OA ด้วยล่ะ . . 🟢 Key Takeaway - AI เป็นผู้ช่วยที่ดีได้ แต่ใช้ทำทุกอย่างไม่ได้ สุดท้ายต้องตัดสินใจด้วยคนเสมอ - ใครอยากทำ LINE MINI APP เริ่มลงมือทำได้เลย - TicketO ช่วย optimize ในการจัด event ให้ดีขึ้นได้ #LINEDEVCONF2025 #siamstr

สูตรลับ! รู้สิ่งนี้แล้วใช้ AI ตัวไหนก็ได้ ง่ายนิดเดียว! . บอกเลย ถ้าเข้าใจพื้นฐานว่ามันคืออะไร? และมันทำงานยังไง? ทำให้เราใช้งาน AI ง่ายขึ้นเยอะ โดยไม่ต้องไปตามหา prompt จากคนอื่นเลย จะเป็นยังไงมาอ่านกันจ้า #siamstr https://www.mikkipastel.com/ai-prompting-frameworks/

พี่ค้าบ ๆ commit message บน Git ต้องเขียนอะไรบ้างครับ? คำถามของน้อง Software Developer มือใหม่ที่ยังไม่รู้จะเขียนสิ่งนี้ยังไงดี ได้ถามพี่ senior ในทีมว่าจะเขียนยังไงดี ซึ่งเวลาเราทำงาน เราต้อง push code ขึ้น Git แล้วต้องเขียน commit message ด้วยใช่ม่ะ ต่างคนต่างเขียนเราก็จะทำงานกันยาก เพราะไม่รู้ว่าเราทำอะไรไป หรือทำไมมีโค้ดอันนี้เพิ่มเข้ามา ก็สามารถย้อนกลับไปดูได้ แล้วทำยังไงให้การทำงานร่วมกันเป็นทีมมีประสิทธิภาพมากกว่าเดิม? มาทำความรู้จัก git convention commit กัน #siamstr 👩‍💻 Git convention commit คืออะไร? เป็น format ในการเขียน commit message เพื่อให้ทุกคนเข้าใจว่า commit นี้มีอะไรเกิดขึ้นบ้าง โดยไม่ต้องเข้าไปดูโค้ดทั้งหมด ดูแค่เฉพาะที่เปลี่ยนแปลงก็ได้ . 📝 แล้วเขียนยังไง? แบบเบสิคที่นิยมใช้กัน สามารถดูจากเว็บ Conventional Commits 1.0.0 [1] กับของ Angular [2] โดยมีหน้าตาเป็นแบบนี้ ``` (scope): ``` 🔴 type คือประเภทของ commit type จะมีหลัก ๆ คือ - feat: เพิ่ม feature ใหม่ในโค้ดของเรา - fix: แก้ bug - pref: ปรับ performance ให้เร็วขึ้น - refactor: แก้ไขโค้ดที่ไม่ได้เกี่ยวกับ bug เช่น ทำให้สั้นลง - test: เกี่ยวกับพวกไฟล์ test เช่นเพิ่ม test case ใหม่, แก้ unit test - docs: แก้ไขเกี่ยวกับ document หรือเอกสาร 🔴 description บอกรายละเอียด commit นี้ว่าทำอะไรไป 🔴 scope สามารถใส่เป็น optional ใน document ของ Angular บอกว่าเกี่ยวกับพวก npm package affected จริง ๆ สำหรับหน้าบ้านสามารถใส่เป็นชื่อ feature ได้นะ . 📄 ตัวอย่าง: มี feature โอนเงิน เพิ่ม logic ในการ check input amount ถ้า invalid ให้ show inline error ที่ EditText หรือ TextField ดังนั้น commit message ที่ถูกต้องควรเป็น feat(transfer): add logic to check min and max amount 💡 ถ้าใครใช้ AI ช่วยคิด commit message แนะนำให้ลอง commit ตาม format ที่เราต้องการก่อน มันจะรู้ล่ะว่าควรใส่อะไร . ⭐ อีกแบบนึงที่เคยได้ยิน แต่ไม่เคยใช้ คือ แบบใช้ emoji [3] เพราะว่าดูใช้ยาก ส่วน type จะใช้ emoji แทน และยังใส่ `description` เหมือนเดิม เช่น ✨: add logic to check min and max amount . 👩‍💻 แล้วมี git convention commit ไปเพื่ออะไร? - การสื่อสารภายในทีม: ทำให้รู้ว่า commit นี้ทำอะไร โดยไม่ต้องไล่ดูโค้ดทั้งหมด - ดูการเปลี่ยนแปลงของโค้ด: สามารถดูจาก Git Blame ได้ว่าโค้ดนี้มาจากอะไร - ช่วยสร้างหัวข้อของ PR: ทำให้การเปิด Pull Request ดูง่ายขึ้น ว่าเราทำอะไรไปบ้างใน branch นั้น ๆ . โพสต์นี้เป็นการแนะนำแนวทางให้กับคนที่จะมาทำงาน Software Developer และเอาไปใช้กับโปรเจกต์ส่วนตัว หรือเอาไปปรับใช้ในทีมก็ไม่ติดน้า และเราเข้าใจว่าแต่ละทีมมี format ของ commit message เป็นของตัวเองอยู่แล้ว ของแต่ละคนใช้แบบไหนกันบ้าง มาแชร์กันได้นะ ref: [1] https://www.conventionalcommits.org/en/v1.0.0/ [2] https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md [3] https://gitmoji.dev/

Test #siamstr

🤖 อยากรู้ไหมว่า AI ตัวไหนเก่งจริง? แน่นอนว่าเป็นคำถามในใจคนใช้งาน AI ทุกคน! และวันนี้เรามีคำตอบที่มาจาก “คะแนนโหวตของผู้ใช้งานจริงทั่วโลก” มาฝากกัน นั่นคือ LMArena.ai แพลตฟอร์มที่ให้เราได้ทดสอบและเปรียบเทียบโมเดล AI ต่างๆ ในโหมด "Battle" ที่น่าสนใจมาก ๆ ✨ LMArena ทำงานยังไง? ✨ เมื่อเข้าไปที่เว็บไซต์หลัก เราสามารถพิมพ์ prompt เพื่อใช้งานในการพิมพ์ถาม การค้นหาข้อมูล รวมไปถึงการสร้างรูปภาพด้วย อีกทั้งสามารถ upload รูปเข้าไปได้ด้วยนะ เราสามารถลองใช้ AI ที่เป็น Large Language Models (LLMs) 2 ตัวด้วยกัน เป็นผู้ช่วย A และผู้ช่วย B จากนั้นคุณก็โหวตได้เลยว่าชอบคำตอบของ AI ตัวไหนมากกว่า โดยที่เราจะยังไม่รู้ว่าแต่ละตัวคือโมเดลอะไร ทำให้เราให้คะแนนอย่างเป็นธรรม และเป็นกลาง พอโหวตเสร็จจะมาเฉลยว่าผู้ช่วยแต่ละคนคือ AI ตัวไหน ผลโหวตทั้งหมดจะถูกนำไปจัดอันดับเป็น Leaderboard ที่บอกให้เรารู้ว่าโมเดลไหนใช้งานได้ดีในสถานการณ์จริง และไม่ใช่แค่โมเดลข้อความเท่านั้น แต่ยังแบ่งเป็นหลายประเภท เช่น: - Text: โมเดลสำหรับการตอบคำถามทั่วไป - Gemini 2.5 Pro ยังคงยืนหนึ่ง - WebDev: โมเดลสำหรับเขียนโค้ดและพัฒนาเว็บ - GPT-5 แซง Gemini 2.5 Pro ไปแล้วอ่ะ - Vision: โมเดลสำหรับวิเคราะห์ภาพ - Gemini 2.5 Pro ยังคงยืนหนึ่ง - Text-to-Image: โมเดลสร้างภาพจากข้อความ - Image Edit: โมเดลสำหรับแก้ไขภาพ - Search: โมเดลที่มีความสามารถในการค้นหาข้อมูล - Copilot: โมเดลผู้ช่วยเขียนโค้ด - อันนี้เราก็เลือกมาใช้ Claude ใน Github Copilot เลย แต่ข้อมูลไม่อัพเดตนานแล้ว rank น่าจะเปลี่ยน . นอกจากโหมด Battle แล้ว คุณยังเลือกเปรียบเทียบโมเดลที่เราสนใจได้เองด้วยนะ ด้วยโหมด Side by Side หรือจะลองคุยกับ model ตัวอื่น ๆ ตัวเดียว ด้วยโหมด Direct Chat ก็ได้นะ ที่สำคัญใช้ฟรีด้วยนะ แล้วเพื่อน ๆ ลองใช้ LMArena.ai แล้วหรือยัง? ชอบโมเดลตัวไหนเป็นพิเศษ หรือได้ค้นพบตัวใหม่ ๆ ที่ประทับใจ มาแชร์กันได้นะ! 👇 ลองเข้าไปดูและโหวตกันได้เลยที่ https://lmarena.ai/

มาทบทวนแนวคิดพื้นฐานเรื่อง Margin และ Padding กัน เมื่อตอนเป็น Android Developer มือใหม่ มีเรื่องนึงที่สับสน คือเรื่อง margin และ padding แยกไม่ค่อยออก แต่จะแยกออกได้จากการใช้งานบ่อย ๆ นั่นเอง 🤣 นอกจาก Android Developer แล้ว iOS Developer และ Web Developer ก็ต้องใช้ margin และ padding เช่นกัน เพราะเป็นพื้นฐานสำคัญในการจัดวาง UI ได้สวยมากและมีประสิทธิภาพมากขึ้น และยังทำให้แอพมี UX ที่ดีขึ้นด้วยนะ ✨ Margin เป็นระยะห่างระหว่าง Element หรือ View นั้น ๆ กับ Element หรือ View ข้างเคียง กับ Parent View หรือ Container ที่มันอยู่ ✨ Padding เป็นระยะห่างระหว่าง content ของ Element หรือ View นั้น กับ ขอบของตัว Element หรือ View เอง ก็คือ พื้นที่ว่างด้านใน ที่ช่วยให้เนื้อหาไม่ชิดติดขอบจนเกินไป . 🖥️ การ Implementation สมมุติว่าเราสร้าง Button แล้วกัน ปุ่มนึง มี margin 16dp สำหรับ Android นั้น ถ้าแบบดั้งเดิมที่ใช้ XML การใช้งานจะเป็น `android:layout_margin="16dp"` และภายในปุ่มมี padding ขยายภายใน 8dp จะเป็น `android:padding="8dp"` และถ้าเป็น Jetpack Compose ใช้แค่ padding อย่างเดียว กับทั้ง margin และ padding เลย ใน Modifier เป็น `Modifier.padding(all = 16.dp)` กับ `Modifier.padding(all = 8.dp)` ซึ่งลำดับก็มีผลเช่นกันนะ ส่วน iOS เขามี UIKit ซึ่งเราก็ถาม AI มา ก็จะงง ๆ นิดหน่อย แต่ SwiftUI ใช้ padding อย่างเดียวเหมือน Jetpack Compose `.padding(16)` กับ `.padding(8)` สำหรับ website เหมือนส่วน Android XML เลย เราสามารถ set ที่ตัว CSS นี่แหละ โดย margin จะเป็น `margin: 16px;` และ padding จะเป็น `padding: 8px;` ปล. หน่วยของ Android เป็น dp ที่แปลงจาก px อีกที ส่วนของ web ใช้ px โดยตรง . 🗒️ Use Case ที่พบบ่อย เมื่อก่อนโดนหลายคนบ่นบ่อย เพราะว่าปุ่ม close หรือกากบาท ที่มักอยู่มุมขวาบนเล็กไป แล้ว designer ตอนนั้นเขา set margin เป็น 16dp ใช่ม้า ดังนั้นเราเลยขยายพื้นที่กด เป็น padding 8dp และลด margin ลงเหลือ 8dp ถ้ามองด้วยตาเนี่ยมองว่าขนาดปุ่มกากบาทเท่าเดิม แต่ในความจริงแล้วขนาดมันใหญ่ขึ้นนิดนึงจากการเพิ่ม padding ทำให้ทุกคนกดปุ่มนี้สะดวกมากขึ้นนั่นเอง . 📌 สรุป - margin = ระยะห่างภายนอก Element หรือ View - padding = ระยะห่างภายใน Element หรือ View และมีผลต่อขนาด Element หรือ View นั้นด้วยนะ หวังว่าโพสนี้จะเป็นประโยชน์กับทุกคนน้า หรือถ้าชาว iOS Developer ผ่านมาก็มาให้ข้อมูลเพิ่มได้น้า #siamstr