วันนี้มาตัว jsx Conditional Rendering เริ่มจาก Code ก่อนเลย แล้วมาดูผลลัพธ์กัน จริงๆ Conditional Rendering ทำได้ประมาณ 3-4 แบบนะ จาก Code ด้านบนผมตจะลองแบบ TERNARY operator / if เดี๋ยวลองมาดูจริงๆกันบ้าง แบบ if, else, else if / switch จริงๆ มันคล้ายๆกันนะ แอบเปลืองด้วย ถ้ามีเคสจริงๆ คงใช้ Nested Ternary Operator
สำหรับงานนี้เป็น MS Build AI ได้เลยครับ หัวข้อที่มาแต่ Theme AI ล้วนๆเลย ตอนแรกฟังๆ ดูเหมือนไม่มีหัวข้อของ Dev เท่าไหร่เลยนะ แต่ลองมาฟังก่อนครับ โดยงานนี้จัดที่ SCBX NEXT TECH ห้างสยามพารากอน ครับผม ก่อนจะเริ่มมีแนะนำสมาคมโปรแกรมเมอร์ และมีเว็บสมาคมโปรแกรมเมอร์ใหม่ด้วยนะ Best of Build: The age of AI transformation Recap MS Build เดือนที่ผ่านมามีอะไรที่น่าสนใจบ้างนะ AI Scaling Laws จากกราฟเรียกว่าถึงจุดก้าวกระโดดเลย หลังจากผ่านยุค AI Winter ที่ติดข้อจำกัดด้าน HW AI เริ่มก้าวกระโดด และมันเริ่มเปลี่ยนไปครั้ง ตั้งแต่ที่มี Generative AI เข้ามาเมื่อ 2-3 ปีก่อน ChatGPT Copilot+PC ถ้าใครอยากรู้ Session ลึก AI สามารถมาฟังกันครับ Link ตามนี้เลย เป็นทีมงาน AI ของ Microsoft มาเล่าเอง Copilot Stack AI Infrastructure Foundation Model Data AI Orchestration + Toolchain End Users Resource จากน้องโบ๊ท Microsoft Learn Student Ambassadors ครับ Your next innovation, powered by Microsoft AI Session นี้ อ พล มาถามก่อนว่า เรารู้จัก AI ระดับไหน…
ปรับฐานกันก่อน Configure virtual networks Azure network services Virtual Network (VNET) VNET อันนี้ผมเข้าใจนะ มันพวก Hub / Switch แต่ย้ายจาก Physical มา Logical และมีคุณสมบัติอื่นๆ Subnet จาก VNET มาซอยเป็น Subnet ได้ อื่นๆ NOTE: Azure Virtual Network enables communication between Azure resources. Configure Network Security Groups Evaluation Subnet NSG NIC NSG Inbound rules Outbound rules VM 1 Subnet 1NSG 1 NIC NSG 2 NSG 1 subnet rules have precedence over NSG 2 NIC rules NSG 2 NIC rules have precedence over NSG 1 subnet rules VM 2 Subnet 1NSG 1 NIC none NSG 1 subnet rules apply to both subnet and NIC Azure default rules apply to NICand NSG 1 subnet rules apply to subnet only…
Component ส่วนประกอบของหน้าเว็บเรา ว่าจะส่วนไหน เมนู ส่วนแสดงผลหลัก เป็นต้น โดยตัว Component รับ Input อะไรก็ได้ Text / Number หรือ แม้แต่ตัว Component เอง แต่เจ้า jsx return ได้ 1 element เท่านั้น Create Component with props – Sample – Result ถ้าส่ง Undefine ผ่าน มันถือว่าส่ง แต่อันแรกไม่รอด โดย Validation ดัก เดี๋ยวมีอธิบายตอนท้ายในหัวข้อ Component Validation Create Component without props แก้ในส่วนของ Component จาก Props มาใช้พวก Object Destructuring ตัว Object Destructuring จริงมากับตัว ES6 อยู่แล้ว เท่าที่ลองใช้ มันอ่าน Code สะดวกขึ้นนะ – Sample – Result เหมือนกับแบบแรกเลยครับ เปลี่ยนไปแล้ว ยังทำงานได้อยู่ Component Validation จากที่ผ่านมา มันจะมีตัว Input ส่งเข้าไปในแต่ละ Component แต่เราจะรู้ได้อย่างไร ว่ามันสำคัญ หรือ ไม่สำคัญหละ ? ตัว JS เองมีตัวช่วย จริงตอนผมลอง ES6 Lint มันบังคับ 555 ได้แก่ – propTypes ในตัวอย่างตอนต้นใส่ไปแล้ว มาดูอีกตัวอย่างอธิบายให้ชัดขึ้น ตอนนี้ผมมีสร้าง Component อีกดตัวชื่อ…
Type of HTML in JSX/TSX Sample Code Result
วันนี้มาไกลเลย หลังจากไปช่วยเค้าแก้ + Update WordPress Server มาวันนี้นั้งรถยาวๆ จากสายใต้ใหม่มา – True Digital Park แล้ว รอบนี้ไม่หลงไป Bitec แล้วครับ 555 World of Cloud Native พื้นฐานแล้วการงานจาก Client (เครื่องเกม) กับ Server (เกม) อยู่บนพื้นฐาน Request / Response ซึ่งการมี Request เยอะๆ แน่นนอนว่าเครื่อง 1 รับไม่ไหวแน่นๆ ดังนั้นจึงเอา 1 เครื่อง ย่อลงมาให้อยู่ในรูปของ Container เพื่อให้ขนาดเล็กลง + Scale ง่าย และเอาตัว Load Balancer มาช่วยกระจาย Traffic เมื่อแก้ปัญหา Traffic ได้แล้ว จะเจอปัญหาว่า เมื่อ Container หลายตัว เวลามีปัญหาต้องมีคนดูแล ติดตามปัญหาที่เกิดขึ้น เช่น Hang/ Down ทางเลือกหนึ่งเอาตัว K8S มาช่วยทำ Self Healing โดยใน Real World Case สรุปได้คร่าวๆประมาณนี้ Cloud Native Tranformation แล้ว 2024 มีอะไรบ้าง ผมคุ้นๆว่าจดไว้ตอนปี 2023 เลยเอามา Update สำหรับพวก Cloud Native Pattern ต่างๆ สามารถดูเพิ่มเติมจากในนี้ได้เลยครับ Patterns Library (cnpatterns.org) Building Modern Data Microservice with Tanzu ปัญหาตอนนี้หลายที่ stack…
พอดีไปได้ตัว YET-M1 เป็นตัว Bluetooth to 3.5 Jack ราคา 19 บาท ใช้งานก็ OK อยู่ครับ แต่บางทีมันชอบตัดเองแบบงงไปเหมือนกันครับ โดยจุดที่ตัด ช่วง ลองมาแก้กันครับ ลองหา Power Management ของ Windows ก่อนเลย ว่ามันมีตัดไหม โดยสำหรับ Windows 11 ผมได้ไปปิด Power Option ของ Bluetooth ตามนี้ครับ
จำได้ว่าเคยเขียน Blog เกี่ยวกับเรื่อง Hyper-V VMware Workstation and Hyper-V are not compatible. ไปแล้ว ซึ่งมาแก้ไข ตัวแปร hypervisorlaunchtype แต่ก็มีคำถามต่อมานะ แล้วถ้าอยากดูค่าของ hypervisorlaunchtype เฉยๆ ว่าค่าเดิมตอนนี้ มัน คือ ค่าอะไร ต้องทำยังไง ? สรุปใช้คำสั่งนี้ ถ้ารู้ชื่อตัวแปร อย่างเคสนี้จะเป็นของ Hyper-V (hypervisorlaunchtype) ลอง Grep (PowerShell จะเป็นตัว Select-String) Reference
Configure virtual machines งานอะไรควรใช้ IaaS (virtual machines) Plan virtual machines Determine virtual machine storage Lab: Configure virtual machines: Interactive lab simulationKnowledge Check: Configure virtual machines Configure virtual machine availability การทำ maintenance และจัดการ downtime มาจาก 3 ส่วนได้แก่ Create availability sets – Availability Set เป็นตัวที่ช่วยให้ VM มี High Availability โดยมี availability zones – Physical ที่แยกออกจากกัน โดย 1 Region มี 3 Zone AZ เอามาลด Single Point of Failure โดยแบ่ง 2 categories vertical and horizontal scaling Implement Azure Virtual Machine Scale Sets Lab: Configure virtual machine availability: Interactive lab simulationKnowledge Check: Configure virtual machine availability: Knowledge check Configure virtual machine extensions extension : post-deployment…
จดไว้กันตายและกัน หลังๆไม่ค่อยได้เตะตัว DB2 แล้ว พอมาดูเคสอีกที เอ๋อแดรก เป็น Dev ที่สวมหลายหมวกแล้วมืนจริงๆ 555 เริ่มต้นด้วย BACKUP มันมี 2 แบบ Offline / Online แล้วที่นี้มันต่างกันยังไง ถ้าดูสถานะ Log ใช้ db2pd -db INVSDB -logs Circular logging & Archive logging Log ในที่นี้หมายถึงพวก Transaction Logs นะ Recap เรื่อง Log กันก่อน จะมีตัว Log มี 3 States ใน DB ทั่วไปมี Log 2 แบบเหมือนกันนะ Circular log กับ Archive log โดยที่ 💾 Circular logging Circular logging ให้ DB มันวน transaction log ไปเรื่อยๆ Note: ถ้าเต็มเราจะเจอ [DB2] SQL0964C Transaction log for database is full Property Value LOGARCHMETH1 OFF LOGARCHMETH2 OFF Property ที่ดูว่าเป็น Circular logging 💾 Archive logging Archive logging ให้เก็บไปเรื่อยๆ ทำ Online Backup / HADR / roll forward recovery…
