&lt;?xml version='1.0' encoding='UTF-8'?&gt;&lt;?xml-stylesheet href=&quot;http://www.blogger.com/styles/atom.css&quot; type=&quot;text/css&quot;?&gt;&lt;feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd=&quot;http://schemas.google.com/g/2005&quot; xmlns:thr='http://purl.org/syndication/thread/1.0'&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784&lt;/id&gt;&lt;updated&gt;2026-07-02T22:58:54.150+07:00&lt;/updated&gt;&lt;category term=&quot;PHP CI MANIA&quot;/&gt;&lt;category term=&quot;PHP&quot;/&gt;&lt;category term=&quot;CodeIgniter&quot;/&gt;&lt;category term=&quot;MySQL&quot;/&gt;&lt;category term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;category term=&quot;JavaScript&quot;/&gt;&lt;category term=&quot;มือใหม่หัดเขียน PHP&quot;/&gt;&lt;category term=&quot;jQuery&quot;/&gt;&lt;category term=&quot;ฐานข้อมูล&quot;/&gt;&lt;category term=&quot;พื้นฐาน PHP&quot;/&gt;&lt;category term=&quot;PDF&quot;/&gt;&lt;category term=&quot;คอร์สสอนเขียนโปรแกรม&quot;/&gt;&lt;category term=&quot;DateTime&quot;/&gt;&lt;category term=&quot;Database&quot;/&gt;&lt;category term=&quot;PDF Generator&quot;/&gt;&lt;category term=&quot;PHP Array&quot;/&gt;&lt;category term=&quot;SQL&quot;/&gt;&lt;category term=&quot;Server&quot;/&gt;&lt;category term=&quot;Bootstrap&quot;/&gt;&lt;category term=&quot;CSS&quot;/&gt;&lt;category term=&quot;Laravel&quot;/&gt;&lt;category term=&quot;Security&quot;/&gt;&lt;category term=&quot;TCPDF&quot;/&gt;&lt;category term=&quot;PHP Excel&quot;/&gt;&lt;category term=&quot;PHP กับการคำนวณ&quot;/&gt;&lt;category term=&quot;PHP เบื้องต้น&quot;/&gt;&lt;category term=&quot;Shopping Cart&quot;/&gt;&lt;category term=&quot;XAMPP&quot;/&gt;&lt;category term=&quot;รวมคำสั่ง PHP&quot;/&gt;&lt;category term=&quot;แนวคิด&quot;/&gt;&lt;category term=&quot;Booking&quot;/&gt;&lt;category term=&quot;Chart&quot;/&gt;&lt;category term=&quot;CodeIgniter 4&quot;/&gt;&lt;category term=&quot;Coffee Shop&quot;/&gt;&lt;category term=&quot;FPDI&quot;/&gt;&lt;category term=&quot;MySQLi&quot;/&gt;&lt;category term=&quot;Template Engine&quot;/&gt;&lt;category term=&quot;Web Service&quot;/&gt;&lt;category term=&quot;บาสเกตบอล&quot;/&gt;&lt;category term=&quot;มุมกาแฟ&quot;/&gt;&lt;category term=&quot;เครื่องมือ&quot;/&gt;&lt;category term=&quot;แนะนำ PHP CI MANIA&quot;/&gt;&lt;category term=&quot;Debug&quot;/&gt;&lt;category term=&quot;Email&quot;/&gt;&lt;category term=&quot;String Functions&quot;/&gt;&lt;category term=&quot;ฝึกเขียน JavaScript กันเถอะ&quot;/&gt;&lt;category term=&quot;ระบบบริหารจัดการร้านกาแฟ&quot;/&gt;&lt;category term=&quot;หนังสือ&quot;/&gt;&lt;category term=&quot;เทคนิคการพัฒนาตนเอง&quot;/&gt;&lt;category term=&quot;โจทย์ปัญหา&quot;/&gt;&lt;category term=&quot;AI&quot;/&gt;&lt;category term=&quot;AJAX&quot;/&gt;&lt;category term=&quot;Apache&quot;/&gt;&lt;category term=&quot;App Review&quot;/&gt;&lt;category term=&quot;Autocomplete&quot;/&gt;&lt;category term=&quot;Bootstrap Template&quot;/&gt;&lt;category term=&quot;CSRF&quot;/&gt;&lt;category term=&quot;CSV&quot;/&gt;&lt;category term=&quot;Calendar&quot;/&gt;&lt;category term=&quot;Claude Code&quot;/&gt;&lt;category term=&quot;Code Generator&quot;/&gt;&lt;category term=&quot;Daily Report&quot;/&gt;&lt;category term=&quot;Deprecated&quot;/&gt;&lt;category term=&quot;Export&quot;/&gt;&lt;category term=&quot;Firewall&quot;/&gt;&lt;category term=&quot;Front-End&quot;/&gt;&lt;category term=&quot;GoLang&quot;/&gt;&lt;category term=&quot;HTML5 Canvas&quot;/&gt;&lt;category term=&quot;HeidiSQL&quot;/&gt;&lt;category term=&quot;Mail&quot;/&gt;&lt;category term=&quot;Microservices&quot;/&gt;&lt;category term=&quot;Notepad++&quot;/&gt;&lt;category term=&quot;PROJECT&quot;/&gt;&lt;category term=&quot;Project Management&quot;/&gt;&lt;category term=&quot;SOAP&quot;/&gt;&lt;category term=&quot;Select2&quot;/&gt;&lt;category term=&quot;Session&quot;/&gt;&lt;category term=&quot;Spring Boot API&quot;/&gt;&lt;category term=&quot;StackOverflow&quot;/&gt;&lt;category term=&quot;Trading Diary&quot;/&gt;&lt;category term=&quot;Validate&quot;/&gt;&lt;category term=&quot;Vibe Coding&quot;/&gt;&lt;category term=&quot;Website&quot;/&gt;&lt;category term=&quot;typeahead&quot;/&gt;&lt;category term=&quot;ตะกร้าสินค้า&quot;/&gt;&lt;category term=&quot;นิยาย&quot;/&gt;&lt;category term=&quot;ฟังก์ชั่นวันเวลา&quot;/&gt;&lt;category term=&quot;ระบบวัสดุคงเหลือ&quot;/&gt;&lt;category term=&quot;วันนี้วันพระ&quot;/&gt;&lt;category term=&quot;สมการ&quot;/&gt;&lt;category term=&quot;แจกโค้ดฟรี&quot;/&gt;&lt;category term=&quot;แนะนำวิดีโอ&quot;/&gt;&lt;category term=&quot;ไมโครคอนโทรลเลอร์&quot;/&gt;&lt;title type='text'&gt;PHP Code Mania สร้างเว็บไซต์ด้วยตนเอง&lt;/title&gt;&lt;subtitle type='html'&gt;วิถีโปรแกรมเมอร์ PHP Code Mania ลดเวลาเขียนโค้ด เพิ่มเวลาพัฒนาระบบมากขึ้น สอนขียนโปรแกรม PHP สำหรับนักพัฒนาเว็บแอพพลิเคชั่น แบ่งปันเทคนิคการเขียนโปรแกรม&lt;/subtitle&gt;&lt;link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/posts/default'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/'/&gt;&lt;link rel='hub' href='http://pubsubhubbub.appspot.com/'/&gt;&lt;link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default?start-index=26&amp;amp;max-results=25'/&gt;&lt;author&gt;&lt;name&gt;SONGCHAI SAETERN&lt;/name&gt;&lt;uri&gt;http://www.blogger.com/profile/08719799226044438861&lt;/uri&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKQAnVYNcgIvg0GkVh6vE8Lb8Wcf6AWsWsLNjYLIp1ep-CHa0NO2X2X7uzRe452h8U_l5KbWwNxR6pR7JZI0vA7dElZBWyHGYwEJfJPQ-lyRFClnREJpvGntFjQUtpzA/s220/17264884_1773567132668281_8741538772126354523_n.png'/&gt;&lt;/author&gt;&lt;generator version='7.00' uri='http://www.blogger.com'&gt;Blogger&lt;/generator&gt;&lt;openSearch:totalResults&gt;378&lt;/openSearch:totalResults&gt;&lt;openSearch:startIndex&gt;1&lt;/openSearch:startIndex&gt;&lt;openSearch:itemsPerPage&gt;25&lt;/openSearch:itemsPerPage&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6473268034977600840&lt;/id&gt;&lt;published&gt;2026-07-02T22:58:54.150+07:00&lt;/published&gt;&lt;updated&gt;2026-07-02T22:58:54.150+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;PHP 8.2 ในปี 2026: ทำไมยังเป็นตัวเลือกที่ดีที่สุดสำหรับ CMS ข่าวและอีคอมเมิร์ซ&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEigOK_paiYCFC2K1HsTU6GODBkALehEj3ieq9SO4guSWJt_rGy1_0q9la7qTk6fPadx-02Pf7Hst1Kn7jKr18FA0JxRqLZw1ko_8KAinyBKDs8nxZP6vr7Ov2DfcV4u3x0Xb6VHf1Xij1ypeI7mGMfRpa-MvDvPFT8pjMrd5M7-JTqJaiZRRd0xfuAGhl4&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1536&amp;quot; height=&amp;quot;426&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEigOK_paiYCFC2K1HsTU6GODBkALehEj3ieq9SO4guSWJt_rGy1_0q9la7qTk6fPadx-02Pf7Hst1Kn7jKr18FA0JxRqLZw1ko_8KAinyBKDs8nxZP6vr7Ov2DfcV4u3x0Xb6VHf1Xij1ypeI7mGMfRpa-MvDvPFT8pjMrd5M7-JTqJaiZRRd0xfuAGhl4=w640-h426&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;h1 style=&amp;quot;color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 30px; line-height: 1.4; margin: 10px 0px 20px; text-align: start;&amp;quot;&amp;gt;PHP 8.2 ในปี 2026: ทำไมยังเป็นตัวเลือกที่ดีที่สุดสำหรับ CMS ข่าวและอีคอมเมิร์ซ&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;lead&amp;quot; style=&amp;quot;background: rgb(246, 243, 255); border-left: 4px solid rgb(124, 58, 237); border-radius: 6px; color: #444444; font-family: Sarabun, -apple-system, sans-serif; font-size: 18px; margin: 20px 0px 30px; padding: 16px 18px; text-align: start;&amp;quot;&amp;gt;ท่ามกลางกระแส PHP 8.4 และ 8.5 ที่ออกมาพร้อมฟีเจอร์ใหม่เพียบ หลายคนอาจสงสัยว่า PHP 8.2 ยัง &amp;quot;ทันสมัย&amp;quot; พอสำหรับการพัฒนาเว็บแอปในปี 2026 อยู่ไหม บทความนี้จะพาไปดูเหตุผลเชิงเทคนิคว่าทำไม PHP 8.2 ถึงยังเป็นจุดยืนที่มั่นคง โดยเฉพาะกับงานสาย CMS ข่าวและอีคอมเมิร์ซ พร้อมตัวอย่างโค้ดบน CodeIgniter 4 และ Laravel สำหรับมือใหม่&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(124, 58, 237); color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 23px; margin: 40px 0px 16px; padding-left: 14px; text-align: start;&amp;quot;&amp;gt;ทำไมต้องพูดถึง PHP 8.2 ในยุคที่ PHP 8.5 ออกมาแล้ว&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ถ้าเราดูตามประกาศเปิดตัวอย่างเป็นทางการ PHP 8.2 ถือเป็นการอัปเดตใหญ่ที่นำเสนอฟีเจอร์สำคัญหลายตัว ไม่ว่าจะเป็น readonly classes, การรองรับ null/false/true เป็น standalone type, DNF Types (Disjunctive Normal Form) รวมถึง extension &amp;quot;random&amp;quot; ตัวใหม่ที่ให้ API เชิงอ็อบเจ็กต์สำหรับสุ่มตัวเลขแบบปลอดภัยกว่าเดิม นอกจากนี้ยังมีการ deprecate dynamic properties เพื่อลดบั๊กที่เกิดจากการพิมพ์ผิดชื่อ property โดยไม่ตั้งใจ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ประเด็นคือ ฟีเจอร์เหล่านี้ &amp;quot;เพียงพอ&amp;quot; สำหรับงานเว็บแอประดับ production ส่วนใหญ่แล้ว โดยเฉพาะระบบที่เน้นความเสถียรมากกว่าไล่ตามฟีเจอร์ล่าสุด เช่น ระบบ CMS ข่าว หรือแพลตฟอร์มอีคอมเมิร์ซที่ต้องรันตลอด 24 ชั่วโมง&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #16213e; font-family: Sarabun, -apple-system, sans-serif; font-size: 19px; margin: 28px 0px 12px; text-align: start;&amp;quot;&amp;gt;เหตุผลเชิงระบบนิเวศ (Ecosystem)&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;หนึ่งในเหตุผลสำคัญคือความเข้ากันได้กับแพลตฟอร์มใหญ่ ๆ ที่ยังใช้งานกันอย่างแพร่หลาย ยกตัวอย่างเช่น Magento ซึ่งเป็นแพลตฟอร์มอีคอมเมิร์ซระดับองค์กรที่ยังคงยืนยันการรองรับ PHP 8.2 อยู่ในเวอร์ชัน 2.4.8 ทำให้ผู้ที่ดูแลระบบ Magento จำนวนมากยังต้อง &amp;quot;ล็อก&amp;quot; เวอร์ชัน PHP ไว้ที่ 8.2 เพื่อความเสถียรของระบบ ไม่สามารถกระโดดไปเวอร์ชันล่าสุดได้ทันที&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;เช่นเดียวกับปัญหาคลาสสิกที่นักพัฒนา Laravel มักเจอ คือ error ประเภท &amp;lt;em&amp;gt;&amp;quot;Composer detected issues in your platform&amp;quot;&amp;lt;/em&amp;gt; เมื่อเวอร์ชัน PHP บนเซิร์ฟเวอร์ไม่ตรงกับที่ dependency ต้องการ ปัญหานี้สะท้อนให้เห็นว่าการเลือกเวอร์ชัน PHP ที่ &amp;quot;เสถียรและมีคนใช้เยอะ&amp;quot; อย่าง 8.2 ช่วยลดความเสี่ยงเรื่อง compatibility ได้มากในระยะยาว เพราะ library ส่วนใหญ่ในตลาดยังทดสอบและซัพพอร์ตเวอร์ชันนี้อย่างต่อเนื่อง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-callout&amp;quot; style=&amp;quot;background: rgb(255, 247, 230); border-radius: 8px; border: 1px solid rgb(255, 213, 128); color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 20px 0px; padding: 14px 18px; text-align: start;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #b45309;&amp;quot;&amp;gt;ข้อควรระวัง:&amp;lt;/strong&amp;gt; อย่าใช้วิธีปิด platform check (&amp;lt;code&amp;gt;&amp;quot;platform-check&amp;quot;: false&amp;lt;/code&amp;gt;) เพื่อกลบปัญหาเวอร์ชันไม่ตรงกัน เพราะเป็นการซ่อนปัญหา ไม่ใช่แก้ที่ต้นเหตุ ควรตรวจสอบเวอร์ชัน PHP บนเซิร์ฟเวอร์จริงให้ตรงกับที่ระบบต้องการเสมอ&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(124, 58, 237); color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 23px; margin: 40px 0px 16px; padding-left: 14px; text-align: start;&amp;quot;&amp;gt;ตัวอย่างการใช้ฟีเจอร์ PHP 8.2 ใน CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ฟีเจอร์ readonly properties ของ PHP 8.2 เหมาะมากกับการสร้าง Entity หรือ Value Object ใน CodeIgniter 4 เพราะช่วยป้องกันไม่ให้ค่าถูกเปลี่ยนแปลงโดยไม่ตั้งใจหลังจากสร้างอ็อบเจ็กต์แล้ว ซึ่งมีประโยชน์มากในงาน CMS ข่าวที่ต้องการความชัวร์ว่าข้อมูลบทความจะไม่ถูกแก้ไขกลางทาง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 18px; color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 18px 0px 26px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;border-radius: 50%; color: #9d9db8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; height: 11px; margin-left: 8px; width: 11px;&amp;quot;&amp;gt;app/Entities/ArticleEntity.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e4e4f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;ArticleEntity&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; $id,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; $title,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; $slug,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; ?&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; $publishedAt = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;null&amp;lt;/span&amp;gt;
    ) {}

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;isPublished&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;bool&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; $this-&amp;amp;gt;publishedAt !== &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;null&amp;lt;/span&amp;gt;;
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ในตัวคอนโทรลเลอร์ เราสามารถใช้ DNF Types ร่วมกับ union type เพื่อให้โค้ดชัดเจนขึ้นเมื่อรับพารามิเตอร์ที่อาจเป็นได้หลายรูปแบบ:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 18px; color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 18px 0px 26px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;border-radius: 50%; color: #9d9db8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; height: 11px; margin-left: 8px; width: 11px;&amp;quot;&amp;gt;app/Controllers/News.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e4e4f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;News&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; BaseController
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;show&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; $slug)
    {
        $model = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; ArticleModel();
        $row   = $model-&amp;amp;gt;where(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;, $slug)-&amp;amp;gt;first();

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($row === &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;null&amp;lt;/span&amp;gt;) {
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; $this-&amp;amp;gt;response-&amp;amp;gt;setStatusCode(404);
        }

        $article = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; ArticleEntity(
            id: $row[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;],
            title: $row[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;],
            slug: $row[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;],
            publishedAt: $row[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;]
        );

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; view(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;news/show&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #c3e88d;&amp;quot;&amp;gt;&amp;#39;article&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $article]);
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(124, 58, 237); color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 23px; margin: 40px 0px 16px; padding-left: 14px; text-align: start;&amp;quot;&amp;gt;ตัวอย่างการใช้ฟีเจอร์ PHP 8.2 ใน Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ฝั่ง Laravel เองก็ใช้ประโยชน์จาก readonly classes ได้ดีเช่นกัน โดยเฉพาะการทำ DTO (Data Transfer Object) สำหรับส่งข้อมูลระหว่างชั้น Service กับ Controller ในระบบอีคอมเมิร์ซ เช่น ข้อมูลตะกร้าสินค้า:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 18px; color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 18px 0px 26px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;border-radius: 50%; color: #9d9db8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; height: 11px; margin-left: 8px; width: 11px;&amp;quot;&amp;gt;app/DTO/CartItemDTO.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e4e4f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;final class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;CartItemDTO&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; $productId,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; $productName,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;float&amp;lt;/span&amp;gt; $price,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; $quantity
    ) {}

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #82aaff;&amp;quot;&amp;gt;subtotal&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #f78c6c;&amp;quot;&amp;gt;float&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #c792ea;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; $this-&amp;amp;gt;price * $this-&amp;amp;gt;quantity;
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;และในฝั่ง Blade template ก็สามารถเรียกใช้เมธอดจาก DTO ได้ตรง ๆ โดยไม่ต้องกังวลว่าค่าจะถูกแก้ไขโดยไม่ตั้งใจระหว่างการ render:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 18px; color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 18px 0px 26px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;border-radius: 50%; color: #9d9db8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; height: 11px; margin-left: 8px; width: 11px;&amp;quot;&amp;gt;resources/views/cart/summary.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e4e4f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #7c8ba1;&amp;quot;&amp;gt;&amp;amp;lt;!-- resources/views/cart/summary.blade.php --&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;amp;lt;ul&amp;amp;gt;
    @foreach ($items as $item)
        &amp;amp;lt;li&amp;amp;gt;
            {{ $item-&amp;amp;gt;productName }}
            x {{ $item-&amp;amp;gt;quantity }}
            = {{ number_format($item-&amp;amp;gt;subtotal(), 2) }} บาท
        &amp;amp;lt;/li&amp;amp;gt;
    @endforeach
&amp;amp;lt;/ul&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(124, 58, 237); color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 23px; margin: 40px 0px 16px; padding-left: 14px; text-align: start;&amp;quot;&amp;gt;เปรียบเทียบภาพรวม: PHP 8.2 กับตัวเลือกอื่นในปี 2026&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;pcm-table-wrap&amp;quot; style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 20px 0px 30px; overflow-x: auto; text-align: start;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; border-radius: 8px; font-size: 15px; overflow: hidden; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;PHP 8.2&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;PHP 8.4 / 8.5&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ความเข้ากันได้กับ Magento / ระบบ Legacy&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;รองรับอย่างเป็นทางการ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ยังตามไม่ทันในหลายแพลตฟอร์ม&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(250, 249, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;เสถียรภาพของ Library ในตลาด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ทดสอบมานาน ครอบคลุมกว้าง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;บาง package ยังอัปเดตไม่ครบ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;Readonly classes / DNF Types&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;มีครบ ใช้งานได้จริง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;มีเช่นกัน พร้อมฟีเจอร์เสริมเพิ่ม&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(250, 249, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ความเร็วและการ Debug&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ดีในระดับที่เพียงพอ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ปรับปรุงเพิ่มเติมด้านความเร็ว/debug&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;เหมาะกับงานประเภทใด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;ระบบที่เน้นความเสถียรระยะยาว เช่น CMS ข่าว, อีคอมเมิร์ซที่ผูกกับแพลตฟอร์มเดิม&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(238, 238, 238); padding: 12px 14px;&amp;quot;&amp;gt;โปรเจกต์ใหม่ที่อยากใช้ฟีเจอร์ล่าสุด ไม่มีข้อจำกัดเรื่อง dependency&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;กล่าวโดยสรุปแล้ว PHP เวอร์ชันใหม่อย่าง 8.5 มาพร้อมการปรับปรุงเรื่องโค้ดที่กระชับขึ้น ความเร็ว และเครื่องมือ debug ที่ดีขึ้น ซึ่งเหมาะกับโปรเจกต์ใหม่ที่เริ่มจากศูนย์ แต่สำหรับระบบที่มีอยู่แล้วหรือผูกกับแพลตฟอร์มที่ยังไม่รองรับเวอร์ชันล่าสุด PHP 8.2 ก็ยังคงเป็นจุดที่สมดุลระหว่างฟีเจอร์ทันสมัยกับความเสถียรของระบบนิเวศโดยรวม&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(124, 58, 237); color: #1a1a2e; font-family: Sarabun, -apple-system, sans-serif; font-size: 23px; margin: 40px 0px 16px; padding-left: 14px; text-align: start;&amp;quot;&amp;gt;สรุป: เลือก PHP 8.2 เมื่อไหร่ดี&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;สำหรับมือใหม่ที่กำลังเริ่มต้นกับ CodeIgniter 4 หรือ Laravel คำแนะนำคือให้ดูที่ &amp;quot;แพลตฟอร์มปลายทาง&amp;quot; ที่จะ deploy เป็นหลัก หากทำงานร่วมกับระบบ legacy หรือแพลตฟอร์มอย่าง Magento การยึด PHP 8.2 เป็นมาตรฐานจะช่วยลดปัญหาเรื่อง dependency conflict ได้มาก แต่ถ้าเป็นโปรเจกต์ใหม่ล้วน ๆ ไม่มีข้อจำกัดด้านความเข้ากันได้ ก็สามารถพิจารณาขยับไปใช้ PHP เวอร์ชันใหม่กว่าเพื่อประโยชน์ด้านประสิทธิภาพในระยะยาวได้เช่นกัน&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, -apple-system, sans-serif; font-size: 17px; margin: 14px 0px; text-align: start;&amp;quot;&amp;gt;ไม่ว่าจะเลือกเวอร์ชันไหน สิ่งสำคัญที่สุดคือการตรวจสอบ compatibility ระหว่างเวอร์ชัน PHP กับ dependency ในไฟล์ composer.json ให้ตรงกันเสมอ เพื่อหลีกเลี่ยงปัญหาเวลา deploy ขึ้น production จริง&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6473268034977600840/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/07/php-82-2026-cms.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6473268034977600840'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6473268034977600840'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/07/php-82-2026-cms.html' title='PHP 8.2 ในปี 2026: ทำไมยังเป็นตัวเลือกที่ดีที่สุดสำหรับ CMS ข่าวและอีคอมเมิร์ซ'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEigOK_paiYCFC2K1HsTU6GODBkALehEj3ieq9SO4guSWJt_rGy1_0q9la7qTk6fPadx-02Pf7Hst1Kn7jKr18FA0JxRqLZw1ko_8KAinyBKDs8nxZP6vr7Ov2DfcV4u3x0Xb6VHf1Xij1ypeI7mGMfRpa-MvDvPFT8pjMrd5M7-JTqJaiZRRd0xfuAGhl4=s72-w640-h426-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6328547831723880092&lt;/id&gt;&lt;published&gt;2026-06-30T07:37:45.737+07:00&lt;/published&gt;&lt;updated&gt;2026-06-30T07:37:45.737+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;เบื้องหลัง LLM API: เมื่อโค้ด PHP ของคุณคุยกับ AI&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEicTR9bNuvgHDJjS257xcO0QOPyoO9QTixN-NY3a6EGHuL7y3YzOskJ_0zgWFOgJChmZOuHHJGPEwv6hrdyEIFWmlY8MlYEXxFeU21Zv-pFcSHUV0FogkP-TlDzRqhu8pbB8FqNgtbpijQL0sNVFVrnGwIPur3icuW_QlN6saZSK-NdkPKNg5ze4kf6BEo&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1536&amp;quot; height=&amp;quot;453&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEicTR9bNuvgHDJjS257xcO0QOPyoO9QTixN-NY3a6EGHuL7y3YzOskJ_0zgWFOgJChmZOuHHJGPEwv6hrdyEIFWmlY8MlYEXxFeU21Zv-pFcSHUV0FogkP-TlDzRqhu8pbB8FqNgtbpijQL0sNVFVrnGwIPur3icuW_QlN6saZSK-NdkPKNg5ze4kf6BEo=w681-h453&amp;quot; width=&amp;quot;681&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;header class=&amp;quot;post-header&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 40px; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;tag-row&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag tag-blue&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(219, 234, 254); border-radius: 20px; box-sizing: border-box; color: #2563eb; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;LLM API&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag tag-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 20px; box-sizing: border-box; color: #16a34a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;PHP / Laravel / CI4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag tag-purple&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 20px; box-sizing: border-box; color: #7c3aed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;AI Integration&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h1 class=&amp;quot;post-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: clamp(26px, 5vw, 40px); line-height: 1.25; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;เบื้องหลัง LLM API:&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #2563eb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เมื่อโค้ด PHP ของคุณคุยกับ AI&amp;lt;/span&amp;gt;&amp;lt;/h1&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 15px; margin: 12px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เปิดฝากล่องดำ — ทำความเข้าใจว่าเกิดอะไรขึ้นจริงๆ ตั้งแต่กด &amp;lt;code style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); border-radius: 4px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; margin: 0px; padding: 1px 6px;&amp;quot;&amp;gt;send&amp;lt;/code&amp;gt; ไปจนถึงได้รับคำตอบ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;post-meta&amp;quot; style=&amp;quot;border-top: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #64748b; display: flex; flex-wrap: wrap; font-size: 13px; gap: 16px; margin: 12px 0px 0px; padding: 12px 0px 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📅 มิถุนายน 2568&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⏱ อ่าน ~8 นาที&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✍️ PHP Code Mania&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/header&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;ทำไมต้องรู้เรื่องนี้?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;หลายคนเริ่มต้น integrate LLM เข้าโปรเจกต์ PHP ด้วยการ copy วาง &amp;lt;code style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); border-radius: 4px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; margin: 0px; padding: 1px 5px;&amp;quot;&amp;gt;curl&amp;lt;/code&amp;gt; จาก docs แล้ว &amp;quot;มันก็ทำงานได้&amp;quot; — แต่พอ response แปลก, token หมด, หรือ latency พุ่งขึ้น ก็ไม่รู้จะ debug จากไหน&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;บทความนี้จะพาคุณเปิดฝากล่องดำนั้น ตั้งแต่ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;HTTP request ออกไปจนถึง token ไหลกลับมา&amp;lt;/span&amp;gt; พร้อม code ตัวอย่างจริงสำหรับ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt; และ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt; ที่นำไปใช้ได้เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout info&amp;quot; style=&amp;quot;align-items: flex-start; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(219, 234, 254); border-left: 3px solid rgb(37, 99, 235); border-radius: 10px; box-sizing: border-box; color: #1a202c; display: flex; font-family: Sarabun, sans-serif; font-size: 15px; gap: 12px; margin: 24px 0px; padding: 16px 20px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;💡&amp;lt;/span&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;บทความนี้เหมาะสำหรับผู้ที่รู้จัก PHP พื้นฐานและเคยสร้าง REST API มาบ้างแล้ว ถ้ายังไม่คุ้นเรื่อง HTTP ลองอ่านซีรีส์ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP RESTful Web Service&amp;lt;/span&amp;gt; ก่อนได้เลย&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;1. ภาพรวม: Request เดินทางอย่างไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;เมื่อคุณเรียก LLM API เช่น OpenAI, Claude, หรือ Gemini สิ่งที่เกิดขึ้นจริงๆ คือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;HTTP POST request&amp;lt;/span&amp;gt; ธรรมดาๆ ไปยัง endpoint ของ provider ไม่มีเวทมนตร์ซ่อนอยู่เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;flow&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #1a202c; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 17px; gap: 0px; margin: 28px 0px; padding: 20px 24px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;flow-step&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; font-size: 14px; font-weight: 600; margin: 0px; min-width: 110px; padding: 10px 18px; text-align: center;&amp;quot;&amp;gt;PHP App&amp;lt;small style=&amp;quot;box-sizing: border-box; color: #64748b; display: block; font-size: 11px; font-weight: 400; margin: 2px 0px 0px; padding: 0px;&amp;quot;&amp;gt;สร้าง payload&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-arrow&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-size: 20px; font-weight: 700; margin: 0px; padding: 0px 8px;&amp;quot;&amp;gt;→&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-step&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; font-size: 14px; font-weight: 600; margin: 0px; min-width: 110px; padding: 10px 18px; text-align: center;&amp;quot;&amp;gt;HTTPS POST&amp;lt;small style=&amp;quot;box-sizing: border-box; color: #64748b; display: block; font-size: 11px; font-weight: 400; margin: 2px 0px 0px; padding: 0px;&amp;quot;&amp;gt;JSON body&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-arrow&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-size: 20px; font-weight: 700; margin: 0px; padding: 0px 8px;&amp;quot;&amp;gt;→&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-step&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; font-size: 14px; font-weight: 600; margin: 0px; min-width: 110px; padding: 10px 18px; text-align: center;&amp;quot;&amp;gt;LLM Server&amp;lt;small style=&amp;quot;box-sizing: border-box; color: #64748b; display: block; font-size: 11px; font-weight: 400; margin: 2px 0px 0px; padding: 0px;&amp;quot;&amp;gt;tokenize + infer&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-arrow&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-size: 20px; font-weight: 700; margin: 0px; padding: 0px 8px;&amp;quot;&amp;gt;→&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-step&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; font-size: 14px; font-weight: 600; margin: 0px; min-width: 110px; padding: 10px 18px; text-align: center;&amp;quot;&amp;gt;Response&amp;lt;small style=&amp;quot;box-sizing: border-box; color: #64748b; display: block; font-size: 11px; font-weight: 400; margin: 2px 0px 0px; padding: 0px;&amp;quot;&amp;gt;JSON / Stream&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-arrow&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-size: 20px; font-weight: 700; margin: 0px; padding: 0px 8px;&amp;quot;&amp;gt;→&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;flow-step&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 8px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; font-size: 14px; font-weight: 600; margin: 0px; min-width: 110px; padding: 10px 18px; text-align: center;&amp;quot;&amp;gt;PHP App&amp;lt;small style=&amp;quot;box-sizing: border-box; color: #64748b; display: block; font-size: 11px; font-weight: 400; margin: 2px 0px 0px; padding: 0px;&amp;quot;&amp;gt;parse + แสดงผล&amp;lt;/small&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;สิ่งที่ต่างจาก API ทั่วไปคือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ฝั่ง server ใช้เวลาประมวลผลนานกว่าปกติมาก&amp;lt;/span&amp;gt; (ตั้งแต่ 1 วินาทีไปจนถึงหลายสิบวินาที) และ response อาจส่งกลับมาแบบ &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;streaming&amp;lt;/em&amp;gt; คือทยอยส่งทีละ chunk แทนที่จะรอให้ครบแล้วส่งพร้อมกัน&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;2. โครงสร้าง Request ที่ต้องรู้&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;ทุก LLM API มีโครงสร้าง JSON body คล้ายกัน ลองดู format ของ OpenAI-compatible API ซึ่งใช้ได้กับหลาย provider:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-titlebar&amp;quot; style=&amp;quot;align-items: center; background: rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;request-payload.json&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;{
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;model&amp;quot;&amp;lt;/span&amp;gt;:       &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;gpt-4o-mini&amp;quot;&amp;lt;/span&amp;gt;,       &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// โมเดลที่ต้องการใช้&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;messages&amp;quot;&amp;lt;/span&amp;gt;: [
    { &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;role&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;system&amp;quot;&amp;lt;/span&amp;gt;,    &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;content&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;You are a helpful assistant.&amp;quot;&amp;lt;/span&amp;gt; },
    { &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;role&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;user&amp;quot;&amp;lt;/span&amp;gt;,      &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;content&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;สรุปบทความนี้ให้หน่อย...&amp;quot;&amp;lt;/span&amp;gt; }
  ],
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;max_tokens&amp;quot;&amp;lt;/span&amp;gt;:  &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;500&amp;lt;/span&amp;gt;,              &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// จำกัด output token&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;temperature&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;0.7&amp;lt;/span&amp;gt;,              &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 0 = deterministic, 2 = wild&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;stream&amp;quot;&amp;lt;/span&amp;gt;:      &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;false&amp;lt;/span&amp;gt;             &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// true = ส่งแบบ chunk&amp;lt;/span&amp;gt;
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout warn&amp;quot; style=&amp;quot;align-items: flex-start; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 243, 199); border-left: 3px solid rgb(217, 119, 6); border-radius: 10px; box-sizing: border-box; color: #1a202c; display: flex; font-family: Sarabun, sans-serif; font-size: 15px; gap: 12px; margin: 24px 0px; padding: 16px 20px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;⚠️&amp;lt;/span&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ระวัง context window!&amp;lt;/span&amp;gt; ทุก message ใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;messages[]&amp;lt;/code&amp;gt; นับ token ทั้งหมด ถ้าคุณส่ง conversation ยาวๆ หรือ document ใหญ่ๆ ค่าใช้จ่ายพุ่งขึ้นแน่นอน วางแผน context management ตั้งแต่ต้น&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;3. เรียก LLM API จาก CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;CI4 มี &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLRequest&amp;lt;/code&amp;gt; built-in ใน HTTP Client ทำให้ไม่ต้องพึ่ง library ภายนอก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-titlebar&amp;quot; style=&amp;quot;align-items: center; background: rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;app/Services/LlmService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Services&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter\HTTP\CURLRequest&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;LlmService&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;private&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLRequest&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$client&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;private&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;      &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$apiKey&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;()&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiKey&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;OPENAI_API_KEY&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;client&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;service&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;curlrequest&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;, [&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;baseURI&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;https://api.openai.com/v1/&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;timeout&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;30&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]);&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;chat&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$userMessage&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$payload&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;= [&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;model&amp;#39;&amp;lt;/span&amp;gt;      &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;gpt-4o-mini&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;messages&amp;#39;&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;system&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ตอบเป็นภาษาไทย กระชับ และถูกต้อง&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;],&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;   &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$userMessage&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;],&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;],&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;max_tokens&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;500&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;];&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;client&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;chat/completions&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;, [&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;headers&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Authorization&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Bearer &amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiKey&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type&amp;#39;&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;application/json&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;],&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;json&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$payload&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]);&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json_decode&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getBody&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(),&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ดึงคำตอบจาก response structure&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;choices&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;][&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;][&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;][&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;??&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2563eb; font-family: Sarabun, sans-serif; font-size: 18px; margin: 28px 0px 10px; padding: 0px; text-align: start;&amp;quot;&amp;gt;เรียกใช้จาก Controller&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-titlebar&amp;quot; style=&amp;quot;align-items: center; background: rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;app/Controllers/AiController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ask&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;()&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$question&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;request&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getPost&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;question&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;empty&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$question&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;))&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setStatusCode&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;422&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setJSON&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;([&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;กรุณาระบุคำถาม&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]);&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$llm&amp;lt;/span&amp;gt;    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;LlmService&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;();&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$answer&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$llm&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;chat&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$question&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setJSON&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;([&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;answer&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$answer&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]);&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;4. เรียก LLM API จาก Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;Laravel มี HTTP Client ที่ wrap Guzzle ไว้ใช้งานง่ายมาก และรองรับ retry, timeout, และ async ได้ตั้งแต่ out-of-the-box:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-titlebar&amp;quot; style=&amp;quot;align-items: center; background: rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;app/Services/LlmService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Services&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Illuminate\Support\Facades\Http&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Illuminate\Http\Client\RequestException&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;LlmService&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;chat&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$userMessage&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$systemPrompt&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$messages&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;= [];&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$systemPrompt&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$messages&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[] =&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;system&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$systemPrompt&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;];&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$messages&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[] =&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$userMessage&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;];&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Http&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;::&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;withToken&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;config&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;services.openai.key&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;))&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;timeout&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;30&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;retry&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1000&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt;           &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// retry 2 ครั้ง รอ 1 วิ&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;https://api.openai.com/v1/chat/completions&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;, [&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;model&amp;#39;&amp;lt;/span&amp;gt;      &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;gpt-4o-mini&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;messages&amp;#39;&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$messages&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;max_tokens&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;500&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;])&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;throw&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;();&amp;lt;/span&amp;gt;                  &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// โยน exception ถ้า 4xx/5xx&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;choices.0.message.content&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout success&amp;quot; style=&amp;quot;align-items: flex-start; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-left: 3px solid rgb(22, 163, 74); border-radius: 10px; box-sizing: border-box; color: #1a202c; display: flex; font-family: Sarabun, sans-serif; font-size: 15px; gap: 12px; margin: 24px 0px; padding: 16px 20px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;✅&amp;lt;/span&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel tip:&amp;lt;/span&amp;gt; ใส่ key ใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;config/services.php&amp;lt;/code&amp;gt; และอ่านจาก &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt; ผ่าน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;OPENAI_API_KEY=...&amp;lt;/code&amp;gt; อย่า hard-code API key ใน source code เด็ดขาด!&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;5. อ่าน Response ให้เป็น&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;Response ที่ได้กลับมามีโครงสร้างที่ควรรู้จัก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;anatomy&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); border-color: rgb(226, 232, 240); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #1a202c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.8; margin: 24px 0px; padding: 20px 24px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;id&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;chatcmpl-abc123&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt; ← unique id ของ request นี้&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;choices&amp;quot;&amp;lt;/span&amp;gt;: [{&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;message&amp;quot;&amp;lt;/span&amp;gt;: {&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;role&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;assistant&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt; ← บทบาทของผู้ตอบ&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;content&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;คำตอบอยู่ตรงนี้...&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;},&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;finish_reason&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;stop&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt; ← stop/length/content_filter&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;}],&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;usage&amp;quot;&amp;lt;/span&amp;gt;: {&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;prompt_tokens&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;45&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt; ← token ที่คุณส่งไป&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;completion_tokens&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;312&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;← token ที่ AI ตอบกลับ&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;total_tokens&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;a-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;357&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;a-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-family: Sarabun, sans-serif; font-size: 13px; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;← รวม = เงินที่เสียไป 💸&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;}&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;span class=&amp;quot;a-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;finish_reason&amp;lt;/code&amp;gt; สำคัญมาก — ถ้าเป็น &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;length&amp;lt;/code&amp;gt; แปลว่าคำตอบถูกตัดออกเพราะ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;max_tokens&amp;lt;/code&amp;gt; หมด ต้องเพิ่ม limit หรือแบ่ง task ให้เล็กลง&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;6. เปรียบเทียบ LLM API ยอดนิยมสำหรับ PHP Dev&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow-x: auto; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 15px; margin: 0px; padding: 0px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(37, 99, 235); box-sizing: border-box; color: white; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: left;&amp;quot;&amp;gt;Provider&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: left;&amp;quot;&amp;gt;Endpoint Base&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: left;&amp;quot;&amp;gt;Auth Header&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: left;&amp;quot;&amp;gt;Streaming&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: left;&amp;quot;&amp;gt;เหมาะสำหรับ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #1a202c; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;OpenAI&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;api.openai.com/v1&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Bearer token&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 11px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;✅ SSE&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Prototype เร็ว, ecosystem ใหญ่&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #1a202c; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Anthropic Claude&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;api.anthropic.com/v1&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;x-api-key header&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 11px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;✅ SSE&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Long context, เหตุผลซับซ้อน&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #1a202c; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Google Gemini&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;generativelanguage.googleapis.com&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;API key param&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 11px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;✅ SSE&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Context window ใหญ่ที่สุด&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(246, 248, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #1a202c; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Ollama (local)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;localhost:11434/api&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;ไม่ต้องใช้&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 11px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;✅ JSON stream&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Dev/test ประหยัด, ข้อมูลลับ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #1a202c; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;OpenRouter&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;openrouter.ai/api/v1&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;Bearer token&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 11px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;✅ SSE&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;เปลี่ยนโมเดลได้ทีเดียว&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout tip&amp;quot; style=&amp;quot;align-items: flex-start; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-left: 3px solid rgb(124, 58, 237); border-radius: 10px; box-sizing: border-box; color: #1a202c; display: flex; font-family: Sarabun, sans-serif; font-size: 15px; gap: 12px; margin: 24px 0px; padding: 16px 20px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🔮&amp;lt;/span&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Pro tip:&amp;lt;/span&amp;gt; ถ้าอยากเปลี่ยน provider ได้ง่ายในอนาคต ให้สร้าง interface &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;LlmInterface&amp;lt;/code&amp;gt; และ implement แต่ละ provider แยกกัน แล้วผูกผ่าน service container ของ Laravel หรือ DI ของ CI4&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;7. Streaming Response — ทำให้ UX ดีขึ้น&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;แทนที่ user จะรอ 10 วินาทีแล้วเห็นข้อความโผล่ทีเดียว — &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Streaming&amp;lt;/span&amp;gt; ทำให้ข้อความไหลออกมาทีละ chunk เหมือน ChatGPT พิมพ์ให้เห็น&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 4px 16px 0px; box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-titlebar&amp;quot; style=&amp;quot;align-items: center; background: rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;stream-example.php (vanilla PHP)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ต้องปิด output buffering ก่อน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ob_end_clean&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;();&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type: text/event-stream&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Cache-Control: no-cache&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$ch&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;curl_init&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;https://api.openai.com/v1/chat/completions&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;curl_setopt_array&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$ch&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;, [&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLOPT_POST&amp;lt;/span&amp;gt;          &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLOPT_HTTPHEADER&amp;lt;/span&amp;gt;    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Authorization: Bearer &amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$apiKey&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type: application/json&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;],&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLOPT_POSTFIELDS&amp;lt;/span&amp;gt;    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json_encode&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;([&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;model&amp;#39;&amp;lt;/span&amp;gt;    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;gpt-4o-mini&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;messages&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;[[&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$prompt&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]],&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;stream&amp;#39;&amp;lt;/span&amp;gt;   &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// &amp;amp;lt;-- ตรงนี้สำคัญ!&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]),&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nu&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CURLOPT_WRITEFUNCTION&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$ch&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;,&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$chunk&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;)&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$chunk&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ob_flush&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;();&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;flush&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;();&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strlen&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$chunk&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;},&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;]);&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;curl_exec&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$ch&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;curl_close&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;(&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;va&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$ch&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;);&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout warn&amp;quot; style=&amp;quot;align-items: flex-start; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 243, 199); border-left: 3px solid rgb(217, 119, 6); border-radius: 10px; box-sizing: border-box; color: #1a202c; display: flex; font-family: Sarabun, sans-serif; font-size: 15px; gap: 12px; margin: 24px 0px; padding: 16px 20px; text-align: start;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;⚠️&amp;lt;/span&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ข้อจำกัดของ PHP streaming:&amp;lt;/span&amp;gt; Shared hosting หลายเจ้าปิด output buffering หรือ timeout เร็ว ถ้าต้องการ streaming UX ที่ดีจริงๆ แนะนำให้ทำ proxy endpoint แยก หรือใช้ JavaScript (fetch + ReadableStream) ไปเรียก API ตรงจาก frontend แทน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;8. LLM ไม่ใช่เพื่อนร่วมทีม — มันคือ Probabilistic Compiler&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;มีแนวคิดที่น่าสนใจจากชุมชน dev ในปี 2026 คือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ถ้าคุณ treat LLM เหมือนเพื่อนร่วมทีม คุณจะผิดหวัง แต่ถ้า treat มันเหมือน compiler คุณจะส่ง product ได้จริง&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;ความหมายในทางปฏิบัติสำหรับ PHP dev คือ:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px 0px 0px 22px; text-align: start;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Input ต้องชัดเจน&amp;lt;/span&amp;gt; — ถ้า input มัว output ก็มัวแน่นอน ระบุ constraint ให้ครบ เช่น &amp;quot;ใช้ PHP 8.2, CI4, ห้ามแก้ public interface&amp;quot;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Context ต้องพอดี&amp;lt;/span&amp;gt; — ส่งเฉพาะสิ่งที่ AI ต้องรู้จริงๆ อย่า paste ทั้งไฟล์ถ้าไม่จำเป็น&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ตรวจสอบ output เสมอ&amp;lt;/span&amp;gt; — LLM confident ได้แม้จะผิด (hallucination) อย่า merge โดยไม่ review&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ไฟล์เป็น long-term memory&amp;lt;/span&amp;gt; — ให้ LLM เขียน decision/summary ลง markdown ไฟล์ใน repo แทนการเล่าซ้ำในทุก conversation&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;hr style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px; text-align: start;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 8px; text-align: start;&amp;quot;&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;การ integrate LLM เข้าโปรเจกต์ PHP ไม่ได้ซับซ้อนกว่าการเรียก REST API ทั่วไปเลย — มันคือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;HTTP POST + JSON&amp;lt;/span&amp;gt; ธรรมดา สิ่งที่ต่างออกไปคือ latency ที่สูงกว่า, การจัดการ token budget, และการเข้าใจว่า response อาจมาแบบ streaming&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px; text-align: start;&amp;quot;&amp;gt;สรุปขั้นตอนที่ควรจำ:&amp;lt;/p&amp;gt;&amp;lt;ol style=&amp;quot;box-sizing: border-box; color: #1a202c; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px 0px 0px 22px; text-align: start;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;สร้าง Service class แยก — อย่าเรียก API ตรงใน Controller&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;เก็บ API key ใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt; เสมอ ห้าม commit เด็ดขาด&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ตรวจ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;finish_reason&amp;lt;/code&amp;gt; ทุกครั้ง — &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;length&amp;lt;/code&amp;gt; หมายถึงคำตอบขาดหาย&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;Monitor &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;usage.total_tokens&amp;lt;/code&amp;gt; เพื่อควบคุมค่าใช้จ่าย&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ออกแบบ prompt ให้ชัด ระบุ constraint ครบ ก่อนค่อย optimize&amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6328547831723880092/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/llm-api-php-ai.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6328547831723880092'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6328547831723880092'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/llm-api-php-ai.html' title='เบื้องหลัง LLM API: เมื่อโค้ด PHP ของคุณคุยกับ AI'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEicTR9bNuvgHDJjS257xcO0QOPyoO9QTixN-NY3a6EGHuL7y3YzOskJ_0zgWFOgJChmZOuHHJGPEwv6hrdyEIFWmlY8MlYEXxFeU21Zv-pFcSHUV0FogkP-TlDzRqhu8pbB8FqNgtbpijQL0sNVFVrnGwIPur3icuW_QlN6saZSK-NdkPKNg5ze4kf6BEo=s72-w681-h453-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6573204827682764224&lt;/id&gt;&lt;published&gt;2026-06-28T20:27:44.301+07:00&lt;/published&gt;&lt;updated&gt;2026-06-28T20:28:02.416+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;Production-Ready CodeIgniter 4 + Docker พร้อม CI/CD ใน 10 นาที&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjGluO6BsFEpbFvZlYOk5I0SMv7R2NMmBsfXB9nynANMkOnQBHN4dzoLCb2fa3ogn5Kl-q7lPsdbOoyMEkjXH_2lvzGIZoFLro1EAGEXzzkBHkAQbC01_1xO5HTjUuiRTrcVRRSaFEFmdam8ExjMZ9u3eHlt2eRxeMunOY0UQk68cJJRm0RD25e3wfjeVw&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1492&amp;quot; data-original-width=&amp;quot;1054&amp;quot; height=&amp;quot;847&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjGluO6BsFEpbFvZlYOk5I0SMv7R2NMmBsfXB9nynANMkOnQBHN4dzoLCb2fa3ogn5Kl-q7lPsdbOoyMEkjXH_2lvzGIZoFLro1EAGEXzzkBHkAQbC01_1xO5HTjUuiRTrcVRRSaFEFmdam8ExjMZ9u3eHlt2eRxeMunOY0UQk68cJJRm0RD25e3wfjeVw=w634-h847&amp;quot; width=&amp;quot;634&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(13, 17, 23) 0%, rgb(22, 27, 39) 50%, rgb(15, 31, 61) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px; overflow: hidden; padding: 64px 24px 56px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-badge&amp;quot; style=&amp;quot;background: rgba(56, 139, 253, 0.15); border-radius: 20px; border: 1px solid rgba(56, 139, 253, 0.35); box-sizing: border-box; color: #79c0ff; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; margin: 0px 0px 20px; padding: 4px 14px; position: relative; text-transform: uppercase;&amp;quot;&amp;gt;🐳 Docker + CI/CD + CodeIgniter 4&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-size: clamp(26px, 5vw, 44px); line-height: 1.25; margin: 0px auto 16px; max-width: 720px; padding: 0px; position: relative;&amp;quot;&amp;gt;Production-Ready &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #388bfd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4 + Docker&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;พร้อม CI/CD ใน 10 นาที&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 16px; margin: 0px auto; max-width: 560px; padding: 0px; position: relative;&amp;quot;&amp;gt;ตั้งค่าสภาพแวดล้อม PHP ระดับ Production ด้วย Docker, Nginx, MySQL, Redis และ GitHub Actions ในขั้นตอนเดียว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 28px 0px 0px; padding: 0px; position: relative;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;background: rgba(255, 255, 255, 0.07); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.12); box-sizing: border-box; color: #8b949e; font-size: 13px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;🕐 อ่าน 8 นาที&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background: rgba(255, 255, 255, 0.07); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.12); box-sizing: border-box; color: #8b949e; font-size: 13px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;⚡ PHP-FPM 8.2&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background: rgba(255, 255, 255, 0.07); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.12); box-sizing: border-box; color: #8b949e; font-size: 13px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;🐳 Docker Compose&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background: rgba(255, 255, 255, 0.07); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.12); box-sizing: border-box; color: #8b949e; font-size: 13px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;🔁 GitHub Actions&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;article-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px auto; max-width: 780px; padding: 48px 24px 80px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;ปัญหาที่นักพัฒนา PHP ทุกคนเจอ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ทุกครั้งที่เริ่มโปรเจกต์ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; ใหม่ ก่อนที่จะเขียน business logic สักบรรทัดเดียว เราต้องเสียเวลาหลายชั่วโมงกับการ setup: ทำให้ Docker ทำงานได้, ตั้งค่า Nginx, เชื่อม PHP-FPM, ติดตั้ง MySQL กับ Redis, ทำให้ PHPUnit รันได้ใน container และสุดท้ายก็ต้องนั่งหาว่าทำไม CI pipeline ถึง fail ตั้งแต่ push ครั้งแรก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;เวลาที่ใช้ setup คือ &amp;quot;เวลาสูญเปล่า&amp;quot; ไม่ได้ช่วย ship feature และก็ต้องทำซ้ำในทุกโปรเจกต์&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-color: rgb(191, 219, 254) rgb(191, 219, 254) rgb(191, 219, 254) rgb(56, 139, 253); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #1e3a5f; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;💡 บทความนี้จะพาคุณ&amp;lt;/strong&amp;gt;ตั้งแต่ศูนย์ไปถึง environment ที่ tested และพร้อม production จริงๆ ด้วย CodeIgniter 4 + Docker stack ภายใน 10 นาที พร้อม GitHub Actions CI/CD ที่รัน PHPUnit, PHPStan และ Rector อัตโนมัติ&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Stack ที่ใช้ในโปรเจกต์นี้&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;stack ทั้งหมดถูกออกแบบมาให้ครอบคลุมตั้งแต่ development ไปจนถึง production โดยไม่ต้องเปลี่ยน config อะไรมาก&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 10px; box-sizing: border-box; margin: 28px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; font-size: 15px; margin: 0px; padding: 0px; width: 732px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(15, 31, 61); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Component&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Version&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;หน้าที่&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;PHP-FPM&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;8.2&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;FastCGI runtime สำหรับรัน PHP&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(244, 247, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;CodeIgniter&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;4.7&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;MVC framework + Shield authentication&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Nginx&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;1.28-alpine&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Reverse proxy และ serve static files&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(244, 247, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;MySQL&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;8.4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Primary database&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Redis&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;7-alpine&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Cache, sessions และ queue backend&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(244, 247, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Supervisor&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;system&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;PID-1 process manager ใน production&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;PHPStan&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;level 6&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Static analysis ตรวจ code ก่อน deploy&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(244, 247, 251); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #388bfd; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;PHPUnit&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 4px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 8px;&amp;quot;&amp;gt;10.5&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(233, 236, 239); box-sizing: border-box; color: #3d4451; margin: 0px; padding: 11px 16px; vertical-align: middle;&amp;quot;&amp;gt;Test suite พร้อม pcov driver&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;โครงสร้างไฟล์และ Docker Compose&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;โปรเจกต์แบ่งเป็นสองโหมดชัดเจน: &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Dockerfile.dev&amp;lt;/code&amp;gt; สำหรับ development (มี pcov + git support) และ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Dockerfile&amp;lt;/code&amp;gt; สำหรับ production (ใช้ Supervisor เป็น PID-1)&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;docker-compose.yml&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;version:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;3.9&amp;#39;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;services:&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;build:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;context:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;dockerfile:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Dockerfile.dev&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;volumes:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- .:/var/www/html&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;depends_on:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- db&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- redis&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;environment:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CI_ENVIRONMENT:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;development&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_HOST:&amp;lt;/span&amp;gt;     &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;db&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;REDIS_HOST:&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redis&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;nginx:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;image:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;nginx:1.28-alpine&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ports:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- &amp;quot;8080:80&amp;quot;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;volumes:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- ./nginx/default.conf:/etc/nginx/conf.d/default.conf&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;depends_on:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- app&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;db:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;image:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;mysql:8.4&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;environment:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;MYSQL_ROOT_PASSWORD:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;secret&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;MYSQL_DATABASE:&amp;lt;/span&amp;gt;      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ci4app&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;volumes:&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;- db_data:/var/lib/mysql&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redis:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;image:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redis:7-alpine&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;volumes:&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;db_data:&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;รัน Stack ทั้งหมดด้วยคำสั่งเดียว&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ทุกอย่างถูก wrap ไว้ใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Makefile&amp;lt;/code&amp;gt; คำสั่ง &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;make setup&amp;lt;/code&amp;gt; จะ build images, start containers, รอ MySQL + Redis พร้อม, รัน migrations, seed database และ hit healthcheck endpoint อัตโนมัติ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Build, start, migrate, seed — ทุกอย่างในคำสั่งเดียว&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-cmd&amp;quot; style=&amp;quot;box-sizing: border-box; color: #56d364; margin: 0px; padding: 0px;&amp;quot;&amp;gt;make setup&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ตรวจสอบว่า stack ทำงานปกติ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-cmd&amp;quot; style=&amp;quot;box-sizing: border-box; color: #56d364; margin: 0px; padding: 0px;&amp;quot;&amp;gt;curl http://localhost:8080/health&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ถ้า stack ทำงานถูกต้อง จะได้ response JSON ดังนี้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;healthcheck response&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;status&amp;quot;&amp;lt;/span&amp;gt;:    &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ok&amp;quot;&amp;lt;/span&amp;gt;,
  &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;database&amp;quot;&amp;lt;/span&amp;gt;:  &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ok&amp;quot;&amp;lt;/span&amp;gt;,
  &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;redis&amp;quot;&amp;lt;/span&amp;gt;:     &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ok&amp;quot;&amp;lt;/span&amp;gt;,
  &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;timestamp&amp;quot;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;2026-06-26T15:00:00+00:00&amp;quot;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;}&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout success&amp;quot; style=&amp;quot;background: rgb(240, 253, 244); border-color: rgb(187, 247, 208) rgb(187, 247, 208) rgb(187, 247, 208) rgb(34, 197, 94); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #14532d; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;✅ เห็น JSON นี้ = สำเร็จ!&amp;lt;/strong&amp;gt;หมายความว่า PHP-FPM, Nginx, MySQL, Redis ทำงานครบ, migrations รันเรียบร้อย และ healthcheck ผ่านทั้งหมด&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;3 การตัดสินใจสำคัญที่ไม่ค่อยมีคนพูดถึง&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;1. ใช้ Supervisor เป็น PID-1 แทน php-fpm โดยตรง&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ถ้ารัน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;php-fpm&amp;lt;/code&amp;gt; เป็น PID-1 ตรงๆ จะเกิดปัญหา zombie processes สะสมใน container ที่รันนานๆ Supervisor จัดการ signal forwarding ได้ถูกต้อง, reap child processes และ restart service ที่ crash อัตโนมัติ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;Dockerfile (production)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;FROM&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;php:8.2-fpm-alpine&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;RUN&amp;lt;/span&amp;gt; apk add --no-cache supervisor

&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# คัดลอก config ของ supervisor&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;COPY&amp;lt;/span&amp;gt; supervisord.conf /etc/supervisor/conf.d/app.conf

&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Healthcheck via FastCGI&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;HEALTHCHECK&amp;lt;/span&amp;gt; --interval=10s --timeout=3s \
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CMD&amp;lt;/span&amp;gt; cgi-fcgi -bind -connect 127.0.0.1:9000 || exit 1

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CMD&amp;lt;/span&amp;gt; [&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/usr/bin/supervisord&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;-c&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/etc/supervisor/supervisord.conf&amp;quot;&amp;lt;/span&amp;gt;]&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;2. SSH Key ใน Docker Container — ทำให้ถูกต้องและปลอดภัย&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ถ้า app ต้องใช้ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;git clone&amp;lt;/code&amp;gt; จาก private repo หรือ deploy ผ่าน SSH ภายใน container การจัดการ SSH key ต้องทำอย่างระมัดระวัง ห้าม hardcode key ใน Dockerfile เด็ดขาด ให้ใช้ Docker build argument แทน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout warning&amp;quot; style=&amp;quot;background: rgb(255, 251, 235); border-color: rgb(253, 230, 138) rgb(253, 230, 138) rgb(253, 230, 138) rgb(245, 158, 11); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #78350f; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;⚠️ ข้อควรระวัง&amp;lt;/strong&amp;gt;อย่า &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;COPY ~/.ssh/id_rsa /root/.ssh/id_rsa&amp;lt;/code&amp;gt; ตรงๆ ใน Dockerfile เพราะ key จะถูก bake เข้าไปใน image layer และถ้าใครดึง image ไปก็จะได้ private key ของคุณไปด้วย&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;Dockerfile (SSH key ปลอดภัย)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# รับ SSH key ผ่าน build argument&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ARG&amp;lt;/span&amp;gt; ssh_prv_key
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ARG&amp;lt;/span&amp;gt; ssh_pub_key

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;RUN&amp;lt;/span&amp;gt; mkdir -p /root/.ssh &amp;amp;amp;&amp;amp;amp; \
    echo &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;$ssh_prv_key&amp;quot;&amp;lt;/span&amp;gt; &amp;amp;gt; /root/.ssh/id_rsa &amp;amp;amp;&amp;amp;amp; \
    echo &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;$ssh_pub_key&amp;quot;&amp;lt;/span&amp;gt; &amp;amp;gt; /root/.ssh/id_rsa.pub &amp;amp;amp;&amp;amp;amp; \
    chmod 600 /root/.ssh/id_rsa &amp;amp;amp;&amp;amp;amp; \
    chmod 600 /root/.ssh/id_rsa.pub

&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ลบ key หลัง build เสร็จ (ใช้ --squash)&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;terminal — build command&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-cmd&amp;quot; style=&amp;quot;box-sizing: border-box; color: #56d364; margin: 0px; padding: 0px;&amp;quot;&amp;gt;docker build&amp;lt;/span&amp;gt; \
  &amp;lt;span class=&amp;quot;c-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;--build-arg&amp;lt;/span&amp;gt; ssh_prv_key=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;$(cat ~/.ssh/id_rsa)&amp;quot;&amp;lt;/span&amp;gt; \
  &amp;lt;span class=&amp;quot;c-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;--build-arg&amp;lt;/span&amp;gt; ssh_pub_key=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;$(cat ~/.ssh/id_rsa.pub)&amp;quot;&amp;lt;/span&amp;gt; \
  &amp;lt;span class=&amp;quot;c-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;--squash&amp;lt;/span&amp;gt; \
  &amp;lt;span class=&amp;quot;c-val&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-t&amp;lt;/span&amp;gt; myapp .&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;3. สองสภาพแวดล้อม ไฟล์เดียว .env&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ใช้ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt; แยก config ระหว่าง dev และ production อย่าเขียน credential ลงใน docker-compose.yml โดยตรง ใช้ variable substitution แทน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CI_ENVIRONMENT&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;development&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_HOST&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;db&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_PORT&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3306&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_DATABASE&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ci4app&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_USERNAME&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ci4user&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DB_PASSWORD&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;secret&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;REDIS_HOST&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redis&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;REDIS_PORT&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;6379&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;GitHub Actions CI/CD Pipeline&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ทุก push และ pull request จะ trigger workflow อัตโนมัติ รัน PHPUnit, PHPStan และ Rector เพื่อให้มั่นใจว่า code ที่จะ merge เข้า main ผ่าน quality gate ทุกข้อ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #484f58; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;.github/workflows/ci.yml&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CI Pipeline&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;on:&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;push:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;branches:&amp;lt;/span&amp;gt; [&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;main&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;develop&amp;lt;/span&amp;gt;]
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;pull_request:&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;jobs:&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;test:&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;runs-on:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ubuntu-latest&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;steps:&amp;lt;/span&amp;gt;
      - &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;uses:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;actions/checkout@v4&amp;lt;/span&amp;gt;

      - &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Build &amp;amp;amp; Start Stack&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;run:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;make setup&amp;lt;/span&amp;gt;

      - &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHPStan — Static Analysis&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;run:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;docker compose exec app vendor/bin/phpstan analyse --level=6&amp;lt;/span&amp;gt;

      - &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHPUnit — Run Tests&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;run:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;docker compose exec app vendor/bin/phpunit --coverage-text&amp;lt;/span&amp;gt;

      - &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Rector — Code Quality Check&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;c-key&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;run:&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;docker compose exec app vendor/bin/rector process --dry-run&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-color: rgb(191, 219, 254) rgb(191, 219, 254) rgb(191, 219, 254) rgb(56, 139, 253); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #1e3a5f; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;🔁 Flow ทำงานอย่างไร&amp;lt;/strong&amp;gt;&amp;lt;ol style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 8px 0px 18px; padding: 0px 0px 0px 20px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;Push code → GitHub Actions เริ่มทำงาน&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;make setup&amp;lt;/code&amp;gt; build Docker stack ทั้งหมด&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;PHPStan วิเคราะห์ type safety ระดับ 6&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;PHPUnit รัน test suite พร้อม code coverage&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;Rector ตรวจ code style ตาม PHP 8.2 standards&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ผ่านทุก step → merge ได้, fail → block merge ทันที&amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Docker Best Practices ที่ต้องรู้&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; counter-reset: step 0; display: flex; flex-direction: column; gap: 20px; margin: 24px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; box-sizing: border-box; display: flex; gap: 16px; margin: 0px; padding: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(15, 31, 61); border-radius: 50%; box-sizing: border-box; color: white; display: flex; flex-shrink: 0; font-size: 15px; font-weight: 700; height: 36px; justify-content: center; margin: 0px; padding: 0px; width: 36px;&amp;quot;&amp;gt;1&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ใช้ Alpine image เสมอ&amp;lt;/h4&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #4b5563; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เลือก &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;php:8.2-fpm-alpine&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;nginx:alpine&amp;lt;/code&amp;gt; แทน full Debian image ขนาดเล็กกว่า 5–10 เท่า attack surface น้อยกว่า และ pull เร็วกว่ามาก&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; box-sizing: border-box; display: flex; gap: 16px; margin: 0px; padding: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(15, 31, 61); border-radius: 50%; box-sizing: border-box; color: white; display: flex; flex-shrink: 0; font-size: 15px; font-weight: 700; height: 36px; justify-content: center; margin: 0px; padding: 0px; width: 36px;&amp;quot;&amp;gt;2&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ห้ามใส่ secret ใน image layer&amp;lt;/h4&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #4b5563; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ Docker build argument หรือ Docker secrets สำหรับ sensitive data ทุกชนิด ไม่ว่าจะเป็น API keys, SSH keys หรือ database passwords ถ้า key เข้าไปใน layer แล้วจะดึงออกยากมาก&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; box-sizing: border-box; display: flex; gap: 16px; margin: 0px; padding: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(15, 31, 61); border-radius: 50%; box-sizing: border-box; color: white; display: flex; flex-shrink: 0; font-size: 15px; font-weight: 700; height: 36px; justify-content: center; margin: 0px; padding: 0px; width: 36px;&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ใช้ Healthcheck ทุก service&amp;lt;/h4&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #4b5563; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Docker รู้ว่า container &amp;quot;start&amp;quot; แต่ไม่รู้ว่า service พร้อมรับ request แล้ว Healthcheck บอก Docker Compose ให้รอ service จริงๆ พร้อมก่อนจึงเริ่ม service ถัดไป&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 4px; box-sizing: border-box; display: flex; gap: 16px; margin: 0px; padding: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(15, 31, 61); border-radius: 50%; box-sizing: border-box; color: white; display: flex; flex-shrink: 0; font-size: 15px; font-weight: 700; height: 36px; justify-content: center; margin: 0px; padding: 0px; width: 36px;&amp;quot;&amp;gt;4&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;แยก Dockerfile ระหว่าง dev และ production&amp;lt;/h4&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #4b5563; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Dockerfile.dev&amp;lt;/code&amp;gt; มี pcov, xdebug, git, tools ต่างๆ ส่วน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Dockerfile&amp;lt;/code&amp;gt; production ต้องเบาที่สุด ไม่ต้องการ dev dependency ใดๆ ทั้งนั้น&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(56, 139, 253); box-sizing: border-box; color: #0f1f3d; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;สรุป: ทำไมต้อง Setup แบบนี้?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;การ setup CI4 + Docker stack แบบนี้ให้ประโยชน์ชัดเจนสามด้าน:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px 0px 0px 24px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ความเร็ว&amp;lt;/strong&amp;gt; — ไม่ต้องเสียเวลา setup ซ้ำทุกโปรเจกต์ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;make setup&amp;lt;/code&amp;gt; คำสั่งเดียวพร้อมพัฒนา&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ความสม่ำเสมอ&amp;lt;/strong&amp;gt; — ทุก developer ใน team รันบน environment เดียวกันทุกครั้ง ไม่มีปัญหา &amp;quot;works on my machine&amp;quot;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;คุณภาพ&amp;lt;/strong&amp;gt; — CI/CD pipeline บังคับให้ code ผ่าน test, static analysis และ code quality check ก่อน merge ทุกครั้ง&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #3d4451; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;สำหรับมือใหม่ที่เริ่มต้นกับ CodeIgniter 4 การมี stack แบบนี้ตั้งแต่ต้นจะช่วยให้โฟกัสกับการเขียน business logic ได้เลย แทนที่จะมานั่ง debug environment ปัญหา&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;cta-box&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(15, 31, 61), rgb(26, 53, 96)); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 14px; box-shadow: rgba(15, 31, 61, 0.25) 0px 8px 32px; box-sizing: border-box; margin: 56px 0px 0px; padding: 44px 32px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-color: currentcolor; border-image: initial; border-style: none; border-width: medium; box-sizing: border-box; color: #e6edf3; font-size: 22px; margin: 48px 0px 12px; padding: 0px;&amp;quot;&amp;gt;🚀 ลองทำตามเลยวันนี้!&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6573204827682764224/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/production-ready-codeigniter-4-docker.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6573204827682764224'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6573204827682764224'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/production-ready-codeigniter-4-docker.html' title='Production-Ready CodeIgniter 4 + Docker พร้อม CI/CD ใน 10 นาที'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjGluO6BsFEpbFvZlYOk5I0SMv7R2NMmBsfXB9nynANMkOnQBHN4dzoLCb2fa3ogn5Kl-q7lPsdbOoyMEkjXH_2lvzGIZoFLro1EAGEXzzkBHkAQbC01_1xO5HTjUuiRTrcVRRSaFEFmdam8ExjMZ9u3eHlt2eRxeMunOY0UQk68cJJRm0RD25e3wfjeVw=s72-w634-h847-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-124296625225030408&lt;/id&gt;&lt;published&gt;2026-06-26T23:01:35.668+07:00&lt;/published&gt;&lt;updated&gt;2026-06-26T23:01:35.669+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;VibePHP: PHP Engine แห่งอนาคต ที่ใช้ AI แทน Interpreter&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiv39wjJFRFwSQk9zkUvq-1qpI1Bd21QhF5aCR4ct3h0XSLDwXImoRQbzvh88wDuJSmJkvPQlbCDoanmtp5Adb8BgFp2pbN13j4Mf3CmNwPTBZYwjlYODRNnRsPTE274XM7eOGKg2cC0ivdMmNdbu9buV7Ic4_-3DXGDKNFKG4zDBmx_qa0le1s4kdlfzw&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;424&amp;quot; data-original-width=&amp;quot;1239&amp;quot; height=&amp;quot;232&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiv39wjJFRFwSQk9zkUvq-1qpI1Bd21QhF5aCR4ct3h0XSLDwXImoRQbzvh88wDuJSmJkvPQlbCDoanmtp5Adb8BgFp2pbN13j4Mf3CmNwPTBZYwjlYODRNnRsPTE274XM7eOGKg2cC0ivdMmNdbu9buV7Ic4_-3DXGDKNFKG4zDBmx_qa0le1s4kdlfzw=w680-h232&amp;quot; width=&amp;quot;680&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;section class=&amp;quot;hero&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 23, 42); box-sizing: border-box; color: #f1f5f9; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px; overflow: hidden; padding: 72px 24px 60px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-badge&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(99, 102, 241); border-radius: 99px; box-sizing: border-box; color: white; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; margin: 0px 0px 20px; padding: 4px 14px; text-transform: uppercase;&amp;quot;&amp;gt;PHP Code Mania · 2026&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; font-size: clamp(2rem, 5vw, 3.2rem); letter-spacing: -0.01em; line-height: 1.2; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;VibePHP: &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP Engine แห่งอนาคต&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;ที่ใช้ AI แทน Interpreter&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #94a3b8; font-size: 1.05rem; margin: 0px auto 32px; max-width: 600px; padding: 0px;&amp;quot;&amp;gt;ไม่มี Parser ไม่มี Compiler ไม่มีแม้แต่ฐานข้อมูล — แค่ Vibe และ AI ที่คิดเอาเองว่าโค้ดของคุณควรทำอะไร&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; display: flex; flex-wrap: wrap; font-size: 13px; gap: 24px; justify-content: center; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📅 มิถุนายน 2026&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⏱ อ่าน 7 นาที&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🎯 Beginner–Intermediate&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;div class=&amp;quot;container post-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1e293b; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px auto; max-width: 780px; padding: 56px 0px 80px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;tag-row&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 36px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;VibePHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;AI Runtime&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pill&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 99px; box-sizing: border-box; color: #5b21b6; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; margin: 0px; padding: 4px 14px;&amp;quot;&amp;gt;Web Development&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;บทนำ: PHP ยุค &amp;quot;Vibe-Driven Development&amp;quot;&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ปี 2026 วงการ PHP ได้เห็นสิ่งที่ไม่มีใครคาดคิด — &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;VibePHP&amp;lt;/span&amp;gt; คือ PHP runtime ที่ไม่มี interpreter, ไม่มี compiler, และไม่มีแม้แต่ฐานข้อมูล แต่มันก็ยังสามารถ &amp;quot;รัน&amp;quot; โค้ด PHP ของคุณได้ เพราะมันใช้ AI อ่านซอร์สโค้ดแล้วปั้นผลลัพธ์ขึ้นมาตามความรู้สึก (vibes) ของมันเอง&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ฟังดูบ้าไหม? ใช่ครับ แต่นั่นคือประเด็น — VibePHP เป็นโปรเจกต์เสียดสีแนว satire ที่สร้างขึ้นโดย &amp;lt;a href=&amp;quot;https://github.com/mnapoli/vibephp&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6366f1; margin: 0px; padding: 0px; text-decoration: none;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;Matthieu Napoli&amp;lt;/a&amp;gt; เพื่อล้อเลียนเทรนด์ &amp;quot;vibe coding&amp;quot; ที่กำลังระบาดในวงการ dev โดยที่โค้ดเดอร์บางคนปล่อยให้ AI สร้างโค้ดโดยไม่ตรวจสอบหรือเข้าใจมันเลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout callout-fun&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(240, 253, 244); border-left: 4px solid rgb(34, 197, 94); border-radius: 0px 10px 10px 0px; box-sizing: border-box; color: #15803d; font-size: 15.5px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;😄&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;หมายเหตุ:&amp;lt;/span&amp;gt; VibePHP &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ไม่ใช่&amp;lt;/em&amp;gt; production framework จริง มันคืองาน satire ที่ฉลาดมาก และบทความนี้จะใช้มันเป็นจุดเริ่มต้นสอนแนวคิด PHP สมัยใหม่ที่คุณนำไปใช้จริงได้&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;VibePHP ทำงานอย่างไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;สถาปัตยกรรมของ VibePHP เรียบง่ายเหมือนชื่อมัน: Laravel ทำหน้าที่รับ HTTP request แล้วส่งซอร์สโค้ดให้ AI อ่าน จากนั้น AI จะ &amp;quot;ประมวลผล&amp;quot; ในหัว (literally) แล้วปั้น HTTP response ส่งกลับ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;diagram&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-sizing: border-box; margin: 24px 0px; overflow-x: auto; padding: 24px 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #94a3b8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;┌─────────────────┐    ส่งไฟล์ PHP ให้อ่าน (ไม่ได้รัน)
│    Laravel      │──────────────────────────────────┐
│  routes URL→file│                                  ▼
└─────────────────┘         ┌──────────────────────────────────┐
                            │     VibePhpRuntime (AI)          │
HTTP response ◄─────────── │  &amp;quot;ฉันคือ PHP engine ตอนนี้&amp;quot;      │
{status, headers, body}    │  • ประมวลผลในจินตนาการ           │
                            │  • ปั้นข้อมูลที่หายไปขึ้นมาเอง  │
                            └──────────────────────────────────┘&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;เช่น ถ้าโค้ดของคุณเรียก &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SELECT * FROM posts&amp;lt;/code&amp;gt; โดยที่ไม่มีฐานข้อมูลอยู่จริง — VibePHP จะปั้น &amp;quot;blog posts&amp;quot; ที่น่าเชื่อถือขึ้นมา 5 รายการให้คุณโดยที่คุณไม่ต้องทำอะไรเลย&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;ตัวอย่างโค้ด: PHP แบบ &amp;quot;Vibe&amp;quot; vs แบบ &amp;quot;Real&amp;quot;&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.15rem; margin: 32px 0px 10px; padding: 0px;&amp;quot;&amp;gt;🌀 โค้ดสไตล์ VibePHP (ล้อเลียน)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;vibe_style.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ไม่มี $db, ไม่มีฐานข้อมูล, ไม่มี posts จริง ๆ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แต่ VibePHP จะปั้นมาให้ 5 รายการ ✨&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;query&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;SELECT * FROM posts ORDER BY published_at DESC&amp;quot;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ฟังก์ชันนี้ไม่ได้ define ไว้ที่ไหนเลย&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แต่จะ return อุณหภูมิที่ &amp;quot;น่าเชื่อถือ&amp;quot; ให้คุณ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$temp&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fetchTemperatureFromSomeApiThatDoesNotExist&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;Bangkok temperature: {$temp}°C&amp;quot;&amp;lt;/span&amp;gt;;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.15rem; margin: 32px 0px 10px; padding: 0px;&amp;quot;&amp;gt;✅ โค้ดสไตล์ Real PHP ที่ใช้งานได้จริง (CodeIgniter 4)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;app/Controllers/PostController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Controllers;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\PostModel;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; CodeIgniter\Controller;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ใช้ Model จริง เชื่อมฐานข้อมูลจริง&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostModel&amp;lt;/span&amp;gt;();
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;] = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt;
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;orderBy&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DESC&amp;#39;&amp;lt;/span&amp;gt;)
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts/index&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout&amp;quot; style=&amp;quot;background: rgba(237, 233, 254, 0.133); border-left: 4px solid rgb(99, 102, 241); border-radius: 0px 10px 10px 0px; box-sizing: border-box; font-size: 15.5px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;💡&amp;lt;/span&amp;gt; โค้ดจริงใน CodeIgniter 4 ต้องมี Model, Controller, และการเชื่อมต่อฐานข้อมูลที่ชัดเจน — ไม่มีใคร &amp;quot;ปั้น&amp;quot; ข้อมูลให้คุณในโลกจริง&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;ตัวอย่างใน Laravel: Route + Controller + View&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;VibePHP ตัวมันเองสร้างบน Laravel — ซึ่งทำให้เห็นชัดว่า Laravel เป็น framework ที่ทรงพลังมากพอจะเป็นโครงสร้างหลักให้กับ runtime ใหม่ ๆ ได้ ลองดูตัวอย่าง blog posts listing แบบ &amp;quot;ของจริง&amp;quot; ใน Laravel:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;routes/web.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Controllers\PostController;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Support\Facades\Route;

Route::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/&amp;#39;&amp;lt;/span&amp;gt;, [PostController::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/span&amp;gt;]);
Route::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/posts/{id}&amp;#39;&amp;lt;/span&amp;gt;, [PostController::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;show&amp;#39;&amp;lt;/span&amp;gt;]);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;app/Http/Controllers/PostController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Controllers;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\Post;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = Post::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;latest&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;take&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts.index&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;compact&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;));
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;show&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;)
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt; = Post::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;findOrFail&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts.show&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;compact&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;post&amp;#39;&amp;lt;/span&amp;gt;));
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;resources/views/posts/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@extends&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;layouts.app&amp;#39;&amp;lt;/span&amp;gt;)

&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@section&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt;)
  &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/span&amp;gt;บทความล่าสุด&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h1&amp;amp;gt;&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@foreach&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;)
    &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;article&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/span&amp;gt;{{ &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;-&amp;amp;gt;title }}&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h2&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/span&amp;gt;{{ &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;-&amp;amp;gt;excerpt }}&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/posts/{{ $post-&amp;amp;gt;id }}&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;อ่านต่อ →&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/a&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/article&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforeach&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endsection&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;เปรียบเทียบ: VibePHP vs PHP จริง&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 28px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.067) 0px 2px 12px; font-size: 15px; margin: 0px; overflow: hidden; padding: 0px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 23, 42); box-sizing: border-box; color: #f1f5f9; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;คุณสมบัติ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;VibePHP (Satire)&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;PHP จริง (CI4 / Laravel)&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Runtime&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;AI อ่านโค้ดแล้วปั้นผลลัพธ์&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Interpreter/Compiler จริง (PHP-FPM)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 245, 249); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ฐานข้อมูล&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;AI ปั้นข้อมูลขึ้นมาเอง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;MySQL, PostgreSQL, SQLite ที่ config จริง&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ความถูกต้อง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ไม่ deterministic เลย&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Deterministic ทุก request&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 245, 249); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ค่าใช้จ่าย&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;จ่ายต่อ &amp;quot;particle-millisecond&amp;quot; 💀&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ค่า server/hosting ปกติ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Generics&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;quot;ได้ เพราะไม่มีอะไรหยุดมัน&amp;quot;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;PHP 8.x ยังไม่มี native generics&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 245, 249); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้งาน production ได้?&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;❌ ไม่&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;✅ ได้ 100%&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #6366f1; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;เหมาะกับ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ขำ, เรียนรู้แนวคิด satire&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Web app จริงทุกขนาด&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;บทเรียนจาก VibePHP: Vibe Coding ภัยเงียบของโปรแกรมเมอร์&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;แม้ VibePHP จะเป็นโปรเจกต์ล้อเลียน แต่มันสะท้อนปัญหาจริงในปี 2026 — นั่นคือเทรนด์ &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;Vibe Coding&amp;quot;&amp;lt;/span&amp;gt; ที่โปรแกรมเมอร์บางคนปล่อยให้ AI generate โค้ดโดยไม่อ่าน ไม่ทำความเข้าใจ แล้วก็ deploy ขึ้น production เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout callout-warning&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 243, 199); border-left: 4px solid rgb(245, 158, 11); border-radius: 0px 10px 10px 0px; box-sizing: border-box; color: #92400e; font-size: 15.5px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;⚠️&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Vibe Coding คือ:&amp;lt;/span&amp;gt; การเขียนโค้ดที่พึ่ง AI 100% โดยไม่ตรวจสอบ ไม่เข้าใจ logic และไม่รู้ว่าโค้ดมันทำอะไรจริง ๆ — ปัญหาที่ตามมาคือ security hole, bug ที่หาไม่เจอ, และ codebase ที่ maintain ไม่ได้&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ในฐานะ PHP developer ที่ดี สิ่งที่ควรทำคือ:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 12px 0px 18px 24px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ใช้ AI เป็น &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เครื่องมือช่วย&amp;lt;/span&amp;gt; ไม่ใช่ให้ AI ทำงานทั้งหมดแทน&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;อ่านและทำความเข้าใจโค้ดทุกบรรทัดก่อน deploy&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;เขียน &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;unit test&amp;lt;/span&amp;gt; เพื่อยืนยันว่าโค้ดทำงานถูกต้อง&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;เรียนรู้ fundamental ของ PHP, SQL, และ HTTP เป็นของตัวเอง&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;PHP สมัยใหม่ที่ใช้ได้จริงใน 2026&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;แทนที่จะฝันถึง VibePHP มาดู feature จริงของ PHP ที่คุณใช้ได้เลยวันนี้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 41, 59); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 37, 64); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;modern_php.php — PHP 8.3+&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f472b6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Named Arguments (PHP 8.0+)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$input&amp;lt;/span&amp;gt;, double_encode: &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;false&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Match Expression (PHP 8.0+)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$label&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;match&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$status&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;active&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;✅ เปิดใช้งาน&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;pending&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;⏳ รอดำเนินการ&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;default&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;❌ ไม่ทราบสถานะ&amp;#39;&amp;lt;/span&amp;gt;,
};

&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Readonly Properties (PHP 8.1+)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;User&amp;lt;/span&amp;gt; {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly int&amp;lt;/span&amp;gt;    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;,
    ) {}
}

&amp;lt;span class=&amp;quot;c&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Fibers / Async-like (PHP 8.1+)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$fiber&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Fiber&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;void&amp;lt;/span&amp;gt; {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$value&amp;lt;/span&amp;gt; = Fiber::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;suspend&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;hello&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ได้รับค่า: {$value}\n&amp;quot;&amp;lt;/span&amp;gt;;
});

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$value&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$fiber&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;start&amp;lt;/span&amp;gt;();
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a78bfa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$fiber&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #38bdf8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;resume&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;world&amp;#39;&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(99, 102, 241); box-sizing: border-box; display: inline-block; font-size: 1.55rem; margin: 52px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;สรุป: Vibe หรือ Real — เลือกอะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;VibePHP คือผลงาน satire ที่ฉลาดมาก มันสะท้อนให้เห็นว่าวงการ dev ในปี 2026 กำลังเดินไปในทิศทางที่น่าเป็นห่วง เมื่อ &amp;quot;vibe&amp;quot; มาก่อน &amp;quot;understanding&amp;quot; เสมอ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;สำหรับคนที่อยากสร้าง web application จริง ๆ — ไม่ว่าจะด้วย &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt; หรือ &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #6366f1; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt; — รากฐานสำคัญยังเป็นเรื่องเดิม: เข้าใจ HTTP, เขียน PHP ที่ deterministic, ใช้ฐานข้อมูลอย่างถูกต้อง และทำ code review อยู่เสมอ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;AI เป็นเครื่องมือที่ทรงพลัง ใช้มันให้ถูกทาง — ให้มันช่วยคิด ช่วย draft โค้ด แต่ความเข้าใจขั้นสุดท้ายต้องอยู่ที่คุณ ไม่ใช่ที่ vibe&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/124296625225030408/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/vibephp-php-engine-ai-interpreter.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/124296625225030408'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/124296625225030408'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/vibephp-php-engine-ai-interpreter.html' title='VibePHP: PHP Engine แห่งอนาคต ที่ใช้ AI แทน Interpreter'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiv39wjJFRFwSQk9zkUvq-1qpI1Bd21QhF5aCR4ct3h0XSLDwXImoRQbzvh88wDuJSmJkvPQlbCDoanmtp5Adb8BgFp2pbN13j4Mf3CmNwPTBZYwjlYODRNnRsPTE274XM7eOGKg2cC0ivdMmNdbu9buV7Ic4_-3DXGDKNFKG4zDBmx_qa0le1s4kdlfzw=s72-w680-h232-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-2763653199257193065&lt;/id&gt;&lt;published&gt;2026-06-26T07:13:24.497+07:00&lt;/published&gt;&lt;updated&gt;2026-06-26T07:14:08.298+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;จัด โครงสร้าง PHP Project ให้เป็นระเบียบตั้งแต่วันแรก&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgz4v0kgYmliEcvx4ntHlvB_F5Kl2qnmrP2EMbZ6D556hf7rzDzBPj8KG7tXWlTy4p_UAJznZ3VcjmriEai9BhZACbjJLJVVj2Fk-q1gsJ6lrY74TlMZ8Ou2eU3CyIrHCF1bTfPXrSYqCvw8_GV7untKpWmHbFJTPdLebyjmQQtucdEZXKoGtP2aap-wcA&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1536&amp;quot; data-original-width=&amp;quot;1024&amp;quot; height=&amp;quot;904&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgz4v0kgYmliEcvx4ntHlvB_F5Kl2qnmrP2EMbZ6D556hf7rzDzBPj8KG7tXWlTy4p_UAJznZ3VcjmriEai9BhZACbjJLJVVj2Fk-q1gsJ6lrY74TlMZ8Ou2eU3CyIrHCF1bTfPXrSYqCvw8_GV7untKpWmHbFJTPdLebyjmQQtucdEZXKoGtP2aap-wcA=w603-h904&amp;quot; width=&amp;quot;603&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(238, 240, 255) 0%, rgb(240, 247, 255) 50%, rgb(237, 250, 246) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px; overflow: hidden; padding: 64px 24px 56px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;background: rgba(124, 106, 247, 0.15); border-radius: 20px; border: 1px solid rgba(124, 106, 247, 0.4); box-sizing: border-box; color: #5b4de8; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: 2px; margin: 0px 0px 22px; padding: 5px 14px; text-transform: uppercase;&amp;quot;&amp;gt;PHP Best Practices&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; font-size: clamp(26px, 5vw, 46px); line-height: 1.25; margin: 0px auto 16px; max-width: 720px; padding: 0px;&amp;quot;&amp;gt;จัด &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #5b4de8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โครงสร้าง PHP Project&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;ให้เป็นระเบียบตั้งแต่วันแรก&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-size: 15px; margin: 0px auto; max-width: 560px; padding: 0px;&amp;quot;&amp;gt;เทคนิคจัดโฟลเดอร์และไฟล์ที่นักพัฒนามืออาชีพใช้ รองรับทั้ง CodeIgniter 4 และ Laravel&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; display: flex; flex-wrap: wrap; font-size: 13px; gap: 20px; justify-content: center; margin: 24px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🗂️ โครงสร้างโปรเจกต์&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🐘 PHP 8+&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⏱️ อ่าน 8 นาที&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;container&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1e2235; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px auto; max-width: 800px; padding: 48px 24px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;intro-card&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #c8cbdf; font-size: 16px; line-height: 1.9; margin: 0px 0px 40px; padding: 28px 32px;&amp;quot;&amp;gt;คุณเคยเปิดโปรเจกต์ PHP เก่าของตัวเองแล้วรู้สึกหลงทางไหม? ไฟล์กระจัดกระจาย ไม่รู้ว่า Logic อยู่ตรงไหน Database อยู่ที่ไหน — ปัญหานี้เกิดจากการไม่มี &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โครงสร้างโปรเจกต์ที่ชัดเจน&amp;lt;/strong&amp;gt; ตั้งแต่แรก บทความนี้จะพาคุณเรียนรู้วิธีจัดระเบียบโปรเจกต์ PHP อย่างมืออาชีพ พร้อมตัวอย่างโค้ดจริงสำหรับ CodeIgniter 4 และ Laravel&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;ทำไมโครงสร้างโปรเจกต์ถึงสำคัญ?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;PHP ถูกใช้งานในเว็บไซต์กว่า 80% ทั่วโลก ตั้งแต่บล็อกเล็กๆ ไปจนถึงระบบขนาดใหญ่อย่าง Facebook, Wikipedia และ Slack ล้วนใช้ PHP เป็นแกนหลัก สิ่งที่ทำให้โปรเจกต์เหล่านี้ดูแลรักษาได้ง่ายคือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โครงสร้างไฟล์และโฟลเดอร์ที่มีระเบียบ&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เมื่อโปรเจกต์ขยายตัว สมาชิกในทีมเพิ่มขึ้น หรือคุณต้องกลับมาแก้ไขโค้ดหลังจากผ่านไปหลายเดือน โครงสร้างที่ดีจะช่วยให้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgba(14, 164, 122, 0.07); border-radius: 10px; border: 1px solid rgba(14, 164, 122, 0.3); box-sizing: border-box; color: #0a5c45; font-size: 15px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✅ ประโยชน์ของโครงสร้างที่ดี&amp;lt;/strong&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;นำทางในโค้ดได้ง่าย · ทำงานร่วมกันในทีมได้ลื่นขึ้น · เพิ่มฟีเจอร์ใหม่โดยไม่กระทบส่วนอื่น · เขียน Unit Test ได้สะดวก · Deploy และ Maintain ได้ง่ายในระยะยาว&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;โครงสร้างโฟลเดอร์มาตรฐาน PHP&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;โปรเจกต์ PHP สมัยใหม่ควรแยกหน้าที่ของแต่ละส่วนออกจากกันอย่างชัดเจน นี่คือโครงสร้างที่นิยมใช้กัน:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;project-root/&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;bin/&amp;lt;/span&amp;gt;                 &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# CLI scripts &amp;amp;amp; console commands&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;config/&amp;lt;/span&amp;gt;              &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Configuration files (db, mail, cache)&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public/&amp;lt;/span&amp;gt;              &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Web root — index.php, assets, images&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;src/&amp;lt;/span&amp;gt;                 &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Application source code&amp;lt;/span&amp;gt;
│   ├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Controllers/&amp;lt;/span&amp;gt;
│   ├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Models/&amp;lt;/span&amp;gt;
│   └── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Services/&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;templates/&amp;lt;/span&amp;gt;           &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Views / Blade templates&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tests/&amp;lt;/span&amp;gt;               &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Automated tests&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;var/&amp;lt;/span&amp;gt;                 &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Logs, cache (ไม่ commit เข้า Git)&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-dir&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0e7490; margin: 0px; padding: 0px;&amp;quot;&amp;gt;vendor/&amp;lt;/span&amp;gt;              &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Composer dependencies&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/span&amp;gt;                 &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Environment variables (secret!)&amp;lt;/span&amp;gt;
├── &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;composer.json&amp;lt;/span&amp;gt;
└── &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;README.md&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;หลักสำคัญคือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โฟลเดอร์ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public/&amp;lt;/code&amp;gt;&amp;lt;/strong&amp;gt; ควรเป็นจุดเดียวที่ Web Server เข้าถึงได้จากภายนอก ส่วนโค้ดหลักทั้งหมดอยู่ใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;src/&amp;lt;/code&amp;gt; ซึ่ง User ไม่สามารถเข้าถึงโดยตรงได้ เป็นการป้องกันความปลอดภัยขั้นพื้นฐาน&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;โครงสร้างใน CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4 มาพร้อมโครงสร้างที่ออกแบบมาอย่างดี ทำให้ผู้เริ่มต้นเข้าใจง่าย มาดูตัวอย่าง Controller และ Model ที่เขียนถูกหลักการ:&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0ea47a; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Controller — รับ Request และส่งต่อให้ Model&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Controllers/ArticleController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Controllers&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Models\ArticleModel&amp;lt;/span&amp;gt;;
&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter\HTTP\RedirectResponse&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;BaseController&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleModel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt;;

    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model = &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleModel&amp;lt;/span&amp;gt;();
    }

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แสดงรายการบทความทั้งหมด&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt; = [
            &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;articles&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model-&amp;amp;gt;findAll(),
            &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;บทความทั้งหมด&amp;#39;&amp;lt;/span&amp;gt;,
        ];

        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;articles/index&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;);
    }

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แสดงบทความเดียว&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;show&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$article&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model-&amp;amp;gt;find(&amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (! &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$article&amp;lt;/span&amp;gt;) {
            &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;throw new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;\CodeIgniter\Exceptions\PageNotFoundException&amp;lt;/span&amp;gt;();
        }

        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;articles/show&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;article&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$article&amp;lt;/span&amp;gt;]);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0ea47a; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Model — จัดการข้อมูลและ Business Logic&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Models/ArticleModel.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Models&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter\Model&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleModel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Model&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;      = &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;articles&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$primaryKey&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$returnType&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;array&amp;#39;&amp;lt;/span&amp;gt;;

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// กำหนดฟิลด์ที่อนุญาตให้บันทึก (Mass Assignment Protection)&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$allowedFields&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;body&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author_id&amp;#39;&amp;lt;/span&amp;gt;];

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Validation rules&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$validationRules&amp;lt;/span&amp;gt; = [
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min_length[5]|max_length[200]&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;body&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min_length[20]&amp;#39;&amp;lt;/span&amp;gt;,
    ];

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ดึงบทความล่าสุด 10 รายการ&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getLatest&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$limit&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;c-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;orderBy&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;created_at&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DESC&amp;#39;&amp;lt;/span&amp;gt;)
                   -&amp;amp;gt;&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;limit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$limit&amp;lt;/span&amp;gt;)
                   -&amp;amp;gt;&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;();
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;โครงสร้างใน Laravel — Blade Template&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Laravel ใช้ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Blade&amp;lt;/strong&amp;gt; เป็น Template Engine ที่ช่วยให้ View สะอาดและอ่านง่าย ตัวอย่างด้านล่างแสดงการใช้ Layout Inheritance และ Component:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;resources/views/layouts/app.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;html&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-attr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;lang&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;th&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;meta&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-attr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;charset&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;UTF-8&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;title&amp;amp;gt;&amp;lt;/span&amp;gt;@yield(&amp;#39;title&amp;#39;, &amp;#39;My App&amp;#39;)&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/title&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/head&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;body&amp;amp;gt;&amp;lt;/span&amp;gt;
    @include(&amp;#39;partials.navbar&amp;#39;)

    &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;main&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-attr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;container&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
        @yield(&amp;#39;content&amp;#39;)  {{-- ส่วนที่ Child View จะ inject เนื้อหาเข้ามา --}}
    &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/main&amp;amp;gt;&amp;lt;/span&amp;gt;

    @stack(&amp;#39;scripts&amp;#39;)      {{-- สำหรับ JavaScript เฉพาะหน้า --}}
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/body&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/html&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;resources/views/articles/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;@extends(&amp;#39;layouts.app&amp;#39;)

@section(&amp;#39;title&amp;#39;, &amp;#39;บทความทั้งหมด&amp;#39;)

@section(&amp;#39;content&amp;#39;)
    &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h1&amp;amp;gt;&amp;lt;/span&amp;gt;บทความล่าสุด&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h1&amp;amp;gt;&amp;lt;/span&amp;gt;

    @forelse($articles as $article)
        &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-attr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;card&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/span&amp;gt;{{ $article-&amp;amp;gt;title }}&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h2&amp;amp;gt;&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/span&amp;gt;{{ Str::limit($article-&amp;amp;gt;body, 150) }}&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-attr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;{{ route(&amp;#39;articles.show&amp;#39;, $article) }}&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
                อ่านต่อ →
            &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/a&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;
    @empty
        &amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/span&amp;gt;ยังไม่มีบทความ&amp;lt;span class=&amp;quot;c-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/span&amp;gt;
    @endforelse

    {{ $articles-&amp;amp;gt;links() }}  {{-- Pagination --}}
@endsection&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;จัดการ Configuration อย่างปลอดภัย&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;หนึ่งในข้อผิดพลาดที่พบบ่อยที่สุดของนักพัฒนาหน้าใหม่คือการ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เขียน password หรือ API key ลงในโค้ดโดยตรง&amp;lt;/strong&amp;gt; วิธีที่ถูกต้องคือใช้ไฟล์ &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt; และโหลดค่าผ่าน Config Class:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ❌ อย่า commit ไฟล์นี้เข้า Git!&amp;lt;/span&amp;gt;
DB_HOST=localhost
DB_NAME=my_database
DB_USER=root
DB_PASS=supersecret123

MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=587

APP_DEBUG=false
APP_ENV=production&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;config/Database.php (CI4 style)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Config&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter\Database\Config&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Database&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Config&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$default&amp;lt;/span&amp;gt; = [
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;hostname&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DB_HOST&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;localhost&amp;#39;&amp;lt;/span&amp;gt;),
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;database&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DB_NAME&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ci4app&amp;#39;&amp;lt;/span&amp;gt;),
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;username&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DB_USER&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;root&amp;#39;&amp;lt;/span&amp;gt;),
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;password&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DB_PASS&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;),
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DBDriver&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;MySQLi&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;charset&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;utf8mb4&amp;#39;&amp;lt;/span&amp;gt;,
    ];
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgba(14, 164, 122, 0.07); border-radius: 10px; border: 1px solid rgba(14, 164, 122, 0.3); box-sizing: border-box; color: #0a5c45; font-size: 15px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;💡 เคล็ดลับ:&amp;lt;/strong&amp;gt; เพิ่ม &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt; เข้าไปใน &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.gitignore&amp;lt;/code&amp;gt; เสมอ แล้วสร้าง &amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.env.example&amp;lt;/code&amp;gt; ที่มีแค่ชื่อตัวแปรโดยไม่มีค่าจริง เพื่อให้ทีมรู้ว่าต้องตั้งค่าอะไรบ้าง&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;เปรียบเทียบโครงสร้าง: CI4 vs Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;แม้ทั้งสองเฟรมเวิร์กจะมีแนวคิด MVC เหมือนกัน แต่มีความแตกต่างในโครงสร้างไฟล์ที่ควรรู้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 28px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 14.5px; margin: 0px; padding: 0px; width: 752px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 214, 232); box-sizing: border-box; color: #5b4de8; margin: 0px; padding: 12px 16px; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;ส่วนประกอบ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 214, 232); box-sizing: border-box; color: #5b4de8; margin: 0px; padding: 12px 16px; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 214, 232); box-sizing: border-box; color: #5b4de8; margin: 0px; padding: 12px 16px; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;Laravel 11+&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 214, 232); box-sizing: border-box; color: #5b4de8; margin: 0px; padding: 12px 16px; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;หน้าที่&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Controllers&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Controllers/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Http/Controllers/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;รับ Request, เรียก Model, Return View&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Models&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Models/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Models/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;จัดการข้อมูลและ Business Logic&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Views&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Views/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;resources/views/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;HTML Template แสดงผล&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Routes&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Config/Routes.php&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;routes/web.php&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;กำหนด URL → Controller&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Config&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Config/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;config/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ค่าตั้งค่าระบบ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Migrations&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Database/Migrations/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;database/migrations/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;สร้าง/แก้ไขตารางในฐานข้อมูล&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Assets&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;CSS, JS, Images ที่ Browser เข้าถึงได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Tests&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tests/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tests/&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; color: #1e2235; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Automated Testing&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;เพิ่ม Service Layer — แยก Logic ออกจาก Controller&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เมื่อ Business Logic ซับซ้อนขึ้น ควรแยกออกมาเป็น &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Service Class&amp;lt;/strong&amp;gt; เพื่อให้ Controller บางและทดสอบได้ง่าย:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(244, 246, 251); border-color: rgb(208, 214, 232); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 236, 245); border-bottom: 1px solid rgb(208, 214, 232); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6b7494; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Services/ArticleService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #2d3250; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 20px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Services&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;App\Models\ArticleModel&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleService&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;private readonly&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ArticleModel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt;
    ) {}

    &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;/**
     * สร้างบทความใหม่พร้อม slug อัตโนมัติ
     */&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;] = &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;makeSlug&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;]);
        &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author_id&amp;#39;&amp;lt;/span&amp;gt;] = &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;user_id&amp;lt;/span&amp;gt;(); &amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a9ab5; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// หรือ auth()-&amp;amp;gt;id()&amp;lt;/span&amp;gt;

        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model-&amp;amp;gt;&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;insert&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;);
    }

    &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;makeSlug&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$title&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;c-cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b45309; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7c3aed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strtolower&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1d6fc4; margin: 0px; padding: 0px;&amp;quot;&amp;gt;str_replace&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39; &amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #16803c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;-&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c2410c; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$title&amp;lt;/span&amp;gt;));
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(91, 77, 232); box-sizing: border-box; font-size: 22px; margin: 48px 0px 16px; padding: 0px 0px 0px 16px;&amp;quot;&amp;gt;สรุป: หลัก 5 ข้อในการจัดโครงสร้าง PHP Project&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;การจัดโครงสร้าง PHP Project ที่ดีไม่ใช่เรื่องซับซ้อน เพียงแค่ยึดหลักพื้นฐานเหล่านี้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgba(14, 164, 122, 0.07); border-radius: 10px; border: 1px solid rgba(14, 164, 122, 0.3); box-sizing: border-box; color: #0a5c45; font-size: 15px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1. แยก public/ ออกจาก source code&amp;lt;/strong&amp;gt; — ป้องกันไม่ให้ User เข้าถึงโค้ดหลัก&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2. ใช้ .env สำหรับค่า secret ทุกอย่าง&amp;lt;/strong&amp;gt; — ไม่เขียน password ลงในโค้ด&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3. ยึดหลัก MVC อย่างเคร่งครัด&amp;lt;/strong&amp;gt; — Controller บาง, Model จัดการ Logic, View แสดงผลล้วนๆ&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4. เพิ่ม Service Layer เมื่อ Logic ซับซ้อน&amp;lt;/strong&amp;gt; — ทำให้โค้ดทดสอบได้ง่าย&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0ea47a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5. เขียน Test ในโฟลเดอร์ tests/&amp;lt;/strong&amp;gt; — ป้องกัน Bug เมื่อแก้ไขโค้ดในอนาคต&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ทั้ง CodeIgniter 4 และ Laravel ต่างมีโครงสร้างที่ออกแบบมาตามหลักการเหล่านี้แล้ว สิ่งที่คุณต้องทำคือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ทำความเข้าใจว่าแต่ละส่วนทำหน้าที่อะไร&amp;lt;/strong&amp;gt; และเขียนโค้ดให้อยู่ในที่ที่ถูกต้อง เพียงเท่านี้โปรเจกต์ของคุณก็จะดูแลรักษาได้ง่ายขึ้นอย่างเห็นได้ชัด&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/2763653199257193065/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-project.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/2763653199257193065'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/2763653199257193065'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-project.html' title='จัด โครงสร้าง PHP Project ให้เป็นระเบียบตั้งแต่วันแรก'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgz4v0kgYmliEcvx4ntHlvB_F5Kl2qnmrP2EMbZ6D556hf7rzDzBPj8KG7tXWlTy4p_UAJznZ3VcjmriEai9BhZACbjJLJVVj2Fk-q1gsJ6lrY74TlMZ8Ou2eU3CyIrHCF1bTfPXrSYqCvw8_GV7untKpWmHbFJTPdLebyjmQQtucdEZXKoGtP2aap-wcA=s72-w603-h904-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6399613178499819914&lt;/id&gt;&lt;published&gt;2026-06-23T07:17:52.287+07:00&lt;/published&gt;&lt;updated&gt;2026-06-23T07:17:52.287+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;สร้าง PHP Contact Form แบบไม่ใช้ฐานข้อมูล&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgOa0sEA-sW1G4eY7btJm7FLKRoBwU6cUxlyM3ZktAqzmRv36B5pFu2l59jr35RhPZNGwKilojUX1SQnlGORfbCn4J3rAGj7cYsfciGwYCOJ1jD1b3pOUjrzH14MzyJVyIgXiVXPlMi7DCE0T2NVNxVw9Z9t7gtIXkKM14Yy4R75rx6SRYr7SMtR_hpyBE&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1122&amp;quot; data-original-width=&amp;quot;1402&amp;quot; height=&amp;quot;480&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgOa0sEA-sW1G4eY7btJm7FLKRoBwU6cUxlyM3ZktAqzmRv36B5pFu2l59jr35RhPZNGwKilojUX1SQnlGORfbCn4J3rAGj7cYsfciGwYCOJ1jD1b3pOUjrzH14MzyJVyIgXiVXPlMi7DCE0T2NVNxVw9Z9t7gtIXkKM14Yy4R75rx6SRYr7SMtR_hpyBE&amp;quot; width=&amp;quot;600&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(232, 244, 253) 0%, rgb(219, 234, 254) 50%, rgb(224, 242, 254) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px; overflow: hidden; padding: 56px 24px 48px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(221, 244, 255); border-radius: 20px; border: 1px solid rgba(88, 166, 255, 0.25); box-sizing: border-box; color: #0550ae; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; margin: 0px 0px 20px; padding: 4px 14px;&amp;quot;&amp;gt;PHP · Contact Form · No Database&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; font-size: clamp(26px, 5vw, 38px); line-height: 1.3; margin: 0px auto 16px; max-width: 700px; padding: 0px;&amp;quot;&amp;gt;สร้าง &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #0969da; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP Contact Form&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;แบบไม่ใช้ฐานข้อมูล&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-size: 15px; margin: 0px auto; max-width: 560px; padding: 0px;&amp;quot;&amp;gt;Lightweight Script ที่ทุกเว็บไซต์ควรมี — รับข้อมูลผู้ใช้แล้วส่ง Email แจ้งเตือนได้ทันที&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;content&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px auto; max-width: 780px; padding: 40px 24px 64px; text-align: start;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;ทำไมต้องมี Contact Form?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ทุกเว็บไซต์ที่ต้องการรับ Feedback หรือสอบถามจากผู้ใช้ จำเป็นต้องมีหน้า &amp;quot;ติดต่อเรา&amp;quot; วิธีดั้งเดิมคือให้แสดง Email Address ตรงๆ แต่มีปัญหาเรื่อง Spam Bot มาดูดเอาไปใช้ แนวทางที่ดีกว่าคือใช้ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP Contact Form&amp;lt;/strong&amp;gt; — ผู้ใช้กรอกข้อมูลในหน้าเว็บ แล้วให้ PHP จัดการส่ง Email ให้เบื้องหลัง&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;บทความนี้จะสอนสร้าง Contact Form แบบ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ไม่พึ่งฐานข้อมูล&amp;lt;/strong&amp;gt; โค้ดเบาสุด ติดตั้งง่าย เหมาะสำหรับเว็บไซต์ขนาดเล็กหรือ Landing Page และยังเป็นพื้นฐานที่จะต่อยอดเข้า CodeIgniter 4 หรือ Laravel ได้ในภายหลัง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgba(88, 166, 255, 0.07); border-color: rgba(88, 166, 255, 0.3) rgba(88, 166, 255, 0.3) rgba(88, 166, 255, 0.3) rgb(9, 105, 218); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; font-size: 15px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0969da; margin: 0px; padding: 0px;&amp;quot;&amp;gt;สิ่งที่จะได้เรียนรู้:&amp;lt;/strong&amp;gt; HTML Form → PHP &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;$_POST&amp;lt;/code&amp;gt; → Validation → &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;mail()&amp;lt;/code&amp;gt; function → แสดง Success/Error Message&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Step 1 — สร้าง HTML Form&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เริ่มด้วยไฟล์ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;contact.html&amp;lt;/code&amp;gt; (หรือ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;contact.php&amp;lt;/code&amp;gt;) ที่มี Form รับชื่อ, Email และข้อความ สังเกต attribute สำคัญ 2 ตัวบน &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;&amp;amp;lt;form&amp;amp;gt;&amp;lt;/code&amp;gt;:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px 20px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;method=&amp;quot;POST&amp;quot;&amp;lt;/code&amp;gt; — ซ่อนข้อมูลใน Request Body ไม่โชว์ใน URL&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;action=&amp;quot;send.php&amp;quot;&amp;lt;/code&amp;gt; — ส่งข้อมูลไปประมวลผลที่ไฟล์นี้&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;contact.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;html&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;lang&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;th&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;meta&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;charset&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;UTF-8&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;title&amp;amp;gt;&amp;lt;/span&amp;gt;ติดต่อเรา&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/title&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;link&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;rel&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;stylesheet&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/head&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;body&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;bg-light py-5&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;container&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;style&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;max-width:560px&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h2&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;mb-4&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;ติดต่อเรา&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h2&amp;amp;gt;&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;form&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;method&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;POST&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;action&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;send.php&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;mb-3&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;label&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-label&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;ชื่อ-นามสกุล&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/label&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;input&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;type&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;text&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;name&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-control&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;กรอกชื่อของคุณ&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;required&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;mb-3&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;label&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-label&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;อีเมล&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/label&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;input&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;type&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;email&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;email&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-control&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;example@email.com&amp;quot;&amp;lt;/span&amp;gt;
             &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;required&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;mb-3&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;label&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-label&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;ข้อความ&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/label&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;textarea&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;message&amp;quot;&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;form-control&amp;quot;&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;rows&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;5&amp;quot;&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;พิมพ์ข้อความของคุณ...&amp;quot;&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;required&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;amp;lt;/textarea&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;

    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;button&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;type&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;submit&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;at&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;btn btn-primary w-100&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      ส่งข้อความ
    &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/button&amp;amp;gt;&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/form&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/body&amp;amp;gt;&amp;amp;lt;/html&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Step 2 — สร้าง PHP Handler (send.php)&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;นี่คือหัวใจหลักของระบบ ไฟล์ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;send.php&amp;lt;/code&amp;gt; จะรับค่าจาก &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;$_POST&amp;lt;/code&amp;gt;, Validate ข้อมูล, แล้วใช้ฟังก์ชัน &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;mail()&amp;lt;/code&amp;gt; ส่ง Email ไปยังกล่องจดหมายของเรา&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;send.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ป้องกัน Direct Access (ต้องมาจาก POST เท่านั้น)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($_SERVER[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;REQUEST_METHOD&amp;#39;&amp;lt;/span&amp;gt;] !== &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;POST&amp;#39;&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Location: contact.php&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;();
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 1. รับค่าและทำความสะอาดข้อมูล (Sanitize)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;    = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strip_tags&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;])));
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;   = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;filter_var&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;], FILTER_SANITIZE_EMAIL));
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$message&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strip_tags&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt;])));

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 2. Validate ข้อมูล&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt; = [];

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;empty&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;)) {
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt;[] = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;กรุณากรอกชื่อ&amp;#39;&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;filter_var&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;, FILTER_VALIDATE_EMAIL)) {
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt;[] = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;รูปแบบอีเมลไม่ถูกต้อง&amp;#39;&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strlen&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$message&amp;lt;/span&amp;gt;) &amp;amp;lt; 10) {
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt;[] = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ข้อความต้องมีอย่างน้อย 10 ตัวอักษร&amp;#39;&amp;lt;/span&amp;gt;;
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 3. ถ้า Validate ไม่ผ่าน — แสดง Error แล้วหยุด&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;empty&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt;)) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$errors&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$err&amp;lt;/span&amp;gt;) {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;&amp;amp;lt;p style=&amp;#39;color:red&amp;#39;&amp;amp;gt;&amp;quot;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$err&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;&amp;amp;lt;/p&amp;amp;gt;&amp;quot;&amp;lt;/span&amp;gt;;
    }
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;();
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 4. เตรียม Email&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$to&amp;lt;/span&amp;gt;      = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;your@email.com&amp;#39;&amp;lt;/span&amp;gt;;  &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เปลี่ยนเป็น Email ของคุณ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$subject&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;[Contact Form] ข้อความจาก &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$body&amp;lt;/span&amp;gt;    = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ชื่อ: {$name}\n&amp;quot;&amp;lt;/span&amp;gt;
          . &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;อีเมล: {$email}\n\n&amp;quot;&amp;lt;/span&amp;gt;
          . &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ข้อความ:\n{$message}&amp;quot;&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$headers&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;implode&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;\r\n&amp;quot;&amp;lt;/span&amp;gt;, [
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;From: noreply@yoursite.com&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Reply-To: &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type: text/plain; charset=UTF-8&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;X-Mailer: PHP/&amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;phpversion&amp;lt;/span&amp;gt;(),
]);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 5. ส่ง Email&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;mail&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$to&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$subject&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$body&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$headers&amp;lt;/span&amp;gt;)) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;amp;lt;p style=&amp;quot;color:green&amp;quot;&amp;amp;gt;✅ ส่งข้อความสำเร็จ! เราจะติดต่อกลับเร็วๆ นี้&amp;amp;lt;/p&amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;;
} &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;else&amp;lt;/span&amp;gt; {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;amp;lt;p style=&amp;quot;color:red&amp;quot;&amp;amp;gt;❌ เกิดข้อผิดพลาด ไม่สามารถส่งได้ กรุณาลองใหม่&amp;amp;lt;/p&amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;warn-box&amp;quot; style=&amp;quot;background: rgba(255, 189, 46, 0.07); border-color: rgba(255, 189, 46, 0.3) rgba(255, 189, 46, 0.3) rgba(255, 189, 46, 0.3) rgb(254, 188, 46); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; font-size: 15px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #febc2e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⚠️ หมายเหตุ:&amp;lt;/strong&amp;gt; ฟังก์ชัน &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;mail()&amp;lt;/code&amp;gt; ต้องมีการตั้งค่า SMTP บน Server ให้ถูกต้อง บน Localhost (XAMPP/Laragon) อาจต้องใช้ PHPMailer + Gmail SMTP แทน — จะอธิบายใน Step 4&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Step 3 — Security: ป้องกัน XSS และ Header Injection&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Contact Form ที่ไม่ได้ป้องกันเลยมีความเสี่ยง 2 อย่างหลัก:&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0969da; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;XSS (Cross-Site Scripting)&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ผู้ไม่หวังดีอาจส่ง &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;&amp;amp;lt;script&amp;amp;gt;alert(&amp;#39;hacked&amp;#39;)&amp;amp;lt;/script&amp;amp;gt;&amp;lt;/code&amp;gt; เข้ามาในช่องข้อความ แก้ด้วยการใช้ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;htmlspecialchars()&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;strip_tags()&amp;lt;/code&amp;gt; ก่อนนำไปแสดงผล&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0969da; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;Email Header Injection&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ถ้าเอา &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;$email&amp;lt;/code&amp;gt; ที่รับมาใส่ใน Header โดยตรงโดยไม่ Sanitize อาจถูก Inject Header เพิ่มได้ โค้ดข้างบนใช้ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;FILTER_SANITIZE_EMAIL&amp;lt;/code&amp;gt; เพื่อตัดอักขระที่ไม่ถูกต้องออก&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;ตัวอย่าง Sanitize&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Safe — ใช้ filter functions ก่อนเสมอ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;  = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;strip_tags&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;])));
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;filter_var&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;], FILTER_SANITIZE_EMAIL);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ❌ Unsafe — อย่าทำแบบนี้&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;  = $_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;];    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ไม่ได้ Sanitize เลย&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt; = $_POST[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;];   &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เสี่ยง Header Injection&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;Step 4 — ใช้ PHPMailer แทน mail() (แนะนำ)&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ฟังก์ชัน &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;mail()&amp;lt;/code&amp;gt; แบบ Built-in ใช้ได้บน Shared Hosting ทั่วไป แต่ถ้าต้องการส่งผ่าน &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Gmail SMTP&amp;lt;/strong&amp;gt; หรือ Service อื่นเช่น SendGrid, Mailgun ควรใช้ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHPMailer&amp;lt;/strong&amp;gt; ซึ่งติดตั้งผ่าน Composer ได้เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;composer require phpmailer/phpmailer&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;send_smtp.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; PHPMailer\PHPMailer\PHPMailer;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; PHPMailer\PHPMailer\Exception;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;vendor/autoload.php&amp;#39;&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHPMailer&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;try&amp;lt;/span&amp;gt; {
    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// SMTP Settings&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;isSMTP();
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Host       = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;smtp.gmail.com&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;SMTPAuth   = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Username   = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;your@gmail.com&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Password   = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;app-password-here&amp;#39;&amp;lt;/span&amp;gt;; &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// App Password จาก Google&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;SMTPSecure = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;tls&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Port       = 587;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;CharSet    = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;UTF-8&amp;#39;&amp;lt;/span&amp;gt;;

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ผู้ส่ง/ผู้รับ&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;setFrom(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;noreply@yoursite.com&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;My Website&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;addAddress(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;your@email.com&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;addReplyTo(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;);

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เนื้อหา Email&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Subject = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;[Contact] ข้อความจาก &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;Body    = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ชื่อ: {$name}\nEmail: {$email}\n\n{$message}&amp;quot;&amp;lt;/span&amp;gt;;

    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$mail&amp;lt;/span&amp;gt;-&amp;amp;gt;send();
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;✅ ส่งสำเร็จแล้ว!&amp;#39;&amp;lt;/span&amp;gt;;

} &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;catch&amp;lt;/span&amp;gt; (Exception &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$e&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;❌ Error: {$mail-&amp;amp;gt;ErrorInfo}&amp;quot;&amp;lt;/span&amp;gt;;
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;เปรียบเทียบ mail() vs PHPMailer&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 24px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 14.5px; margin: 0px; padding: 0px; width: 732px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(234, 238, 242); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 215, 222); box-sizing: border-box; color: #0969da; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Feature&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 215, 222); box-sizing: border-box; color: #0969da; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;mail() Built-in&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(208, 215, 222); box-sizing: border-box; color: #0969da; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;PHPMailer&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ติดตั้ง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ไม่ต้องติดตั้ง มีใน PHP ทันที&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ต้องติดตั้งผ่าน Composer&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;SMTP Auth&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;❌ ไม่รองรับโดยตรง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;✅ รองรับเต็มรูปแบบ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;Gmail/SendGrid&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;❌ ต้องตั้งค่า Server เอง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;✅ ใช้งานได้ทันที&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;HTML Email&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ทำได้ แต่ยุ่งยาก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;✅ ง่ายมาก รองรับ Attachment ด้วย&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;Error Handling&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;คืนแค่ true/false&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;✅ มี Exception พร้อม Error Message&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;เหมาะกับ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;Shared Hosting ทั่วไป&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1f2328; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ทุก Environment โดยเฉพาะ Production&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;ต่อยอดเข้า CodeIgniter 4 และ Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ถ้าใช้ Framework อยู่แล้ว ไม่จำเป็นต้องเขียน &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;send.php&amp;lt;/code&amp;gt; แยกออกมา ทั้ง CI4 และ Laravel มีโครงสร้างที่รองรับการทำ Contact Form ได้สวยงามกว่า:&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0969da; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;app/Controllers/ContactController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tg&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Controllers;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; CodeIgniter\Controller;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ContactController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$rules&amp;lt;/span&amp;gt; = [
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min_length[2]&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|valid_email&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min_length[10]&amp;#39;&amp;lt;/span&amp;gt;,
        ];

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;validate&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$rules&amp;lt;/span&amp;gt;)) {
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redirect&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;back&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;withInput&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;errors&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;validator-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getErrors&amp;lt;/span&amp;gt;());
        }

        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;service&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setTo&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;your@email.com&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setSubject&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Contact: &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;request-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getPost&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;));
        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setMessage&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;request-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getPost&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt;));
        &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redirect&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;to&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/contact&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ส่งข้อความสำเร็จ!&amp;#39;&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #0969da; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;Laravel (Mailable)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 61); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #656d76; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;app/Http/Controllers/ContactController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Http\Request;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Support\Facades\Mail;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Mail\ContactMail;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;(Request &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;)
{
    &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$validated&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;validate&amp;lt;/span&amp;gt;([
        &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|string|max:100&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|email&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min:10&amp;#39;&amp;lt;/span&amp;gt;,
    ]);

    Mail::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;to&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;your@email.com&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ContactMail&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;vr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$validated&amp;lt;/span&amp;gt;));

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;back&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ขอบคุณ! เราจะติดต่อกลับเร็วๆ นี้&amp;#39;&amp;lt;/span&amp;gt;);
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgba(88, 166, 255, 0.07); border-color: rgba(88, 166, 255, 0.3) rgba(88, 166, 255, 0.3) rgba(88, 166, 255, 0.3) rgb(9, 105, 218); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; font-size: 15px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #0969da; margin: 0px; padding: 0px;&amp;quot;&amp;gt;💡 เคล็ดลับ:&amp;lt;/strong&amp;gt; ใน Laravel ใช้คำสั่ง &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;php artisan make:mail ContactMail&amp;lt;/code&amp;gt; เพื่อสร้าง Mailable Class พร้อม Blade Template อัตโนมัติ สะอาดกว่าการ Hard-code HTML ใน Controller มาก&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; font-size: 22px; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Contact Form แบบ Lightweight ที่ไม่ใช้ฐานข้อมูลเป็นจุดเริ่มต้นที่ดีมากสำหรับมือใหม่ แค่ 2 ไฟล์ (&amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;contact.php&amp;lt;/code&amp;gt; + &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;send.php&amp;lt;/code&amp;gt;) ก็พร้อมใช้งานจริงบน Server แล้ว&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ขั้นตอนสำคัญที่ต้องจำ:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;step-row&amp;quot; style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 4px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-badge&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(9, 105, 218); border-radius: 50%; box-sizing: border-box; color: black; display: inline-flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 700; height: 28px; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;รับค่าจาก &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;$_POST&amp;lt;/code&amp;gt; แล้ว Sanitize ทันที&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-row&amp;quot; style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 4px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-badge&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(9, 105, 218); border-radius: 50%; box-sizing: border-box; color: black; display: inline-flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 700; height: 28px; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Validate ทุก Field ก่อนดำเนินการต่อ&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-row&amp;quot; style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 4px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-badge&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(9, 105, 218); border-radius: 50%; box-sizing: border-box; color: black; display: inline-flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 700; height: 28px; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ &amp;lt;code style=&amp;quot;background: rgba(247, 129, 102, 0.12); border-radius: 4px; box-sizing: border-box; color: #cf222e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;mail()&amp;lt;/code&amp;gt; สำหรับ Hosting ทั่วไป หรือ PHPMailer สำหรับ SMTP&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-row&amp;quot; style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 4px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-badge&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(9, 105, 218); border-radius: 50%; box-sizing: border-box; color: black; display: inline-flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 700; height: 28px; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;แสดง Success/Error Message ให้ผู้ใช้รู้ผลทันที&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-row&amp;quot; style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 4px; margin: 8px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-badge&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(9, 105, 218); border-radius: 50%; box-sizing: border-box; color: black; display: inline-flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; font-weight: 700; height: 28px; justify-content: center; margin: 0px 8px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ต่อยอดเข้า CI4 หรือ Laravel ด้วย Built-in Email Service&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;cta-box&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(219, 234, 254), rgb(224, 242, 254)); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 12px; border: 1px solid rgba(9, 105, 218, 0.25); box-sizing: border-box; margin: 48px 0px 0px; padding: 36px 28px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;อ่านบทความ PHP เพิ่มเติมที่ PHP Code Mania&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6399613178499819914/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-contact-form.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6399613178499819914'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6399613178499819914'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-contact-form.html' title='สร้าง PHP Contact Form แบบไม่ใช้ฐานข้อมูล'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgOa0sEA-sW1G4eY7btJm7FLKRoBwU6cUxlyM3ZktAqzmRv36B5pFu2l59jr35RhPZNGwKilojUX1SQnlGORfbCn4J3rAGj7cYsfciGwYCOJ1jD1b3pOUjrzH14MzyJVyIgXiVXPlMi7DCE0T2NVNxVw9Z9t7gtIXkKM14Yy4R75rx6SRYr7SMtR_hpyBE=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6101631278212076002&lt;/id&gt;&lt;published&gt;2026-06-22T07:28:54.251+07:00&lt;/published&gt;&lt;updated&gt;2026-06-22T07:28:54.251+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;ผมสร้างระบบ Login และ CRUD แบบง่าย ๆ ด้วย PHP + Bootstrap 5 (โปรเจกต์เริ่มต้นสำหรับมือใหม่)&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEhS5bkfj18JRMffi2J3P-d6BnMXpFf0SkuKPD2r43fyVK8SbVZR7YjBTax7VDgiC2VZT5Eabubf0HNYQ6qiObWIzU-6RRTKzEjh8iAznjTGP1Y093Kv5QeIqMTeTOJTful2X7weCKHeRZo_ulRFP_bVQEIMomnvXLxMYbknCWJZReOMiJyYB0DHMTHQKKc&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1254&amp;quot; data-original-width=&amp;quot;1254&amp;quot; height=&amp;quot;480&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEhS5bkfj18JRMffi2J3P-d6BnMXpFf0SkuKPD2r43fyVK8SbVZR7YjBTax7VDgiC2VZT5Eabubf0HNYQ6qiObWIzU-6RRTKzEjh8iAznjTGP1Y093Kv5QeIqMTeTOJTful2X7weCKHeRZo_ulRFP_bVQEIMomnvXLxMYbknCWJZReOMiJyYB0DHMTHQKKc&amp;quot; width=&amp;quot;480&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;pcm-hero&amp;quot; style=&amp;quot;background-attachment: scroll, scroll, scroll; background-clip: border-box, border-box, border-box; background-image: radial-gradient(circle at 15% 20%, rgba(43, 224, 232, 0.18), rgba(0, 0, 0, 0) 45%), radial-gradient(circle at 85% 80%, rgba(255, 62, 138, 0.16), rgba(0, 0, 0, 0) 50%), linear-gradient(rgb(13, 13, 23) 0%, rgb(21, 21, 42) 100%); background-origin: padding-box, padding-box, padding-box; background-position: 0% 0%, 0% 0%, 0% 0%; background-repeat: repeat, repeat, repeat; background-size: auto, auto, auto; border-radius: 18px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 36px; overflow: hidden; padding: 52px 40px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-eyebrow&amp;quot; style=&amp;quot;border-radius: 999px; border: 1px solid rgba(43, 224, 232, 0.4); box-sizing: border-box; color: #2be0e8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; letter-spacing: 0.16em; margin-bottom: 18px; padding: 5px 12px; position: relative;&amp;quot;&amp;gt;PHP PROJECT WALKTHROUGH&amp;lt;/span&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: #f4efe6; font-size: 32px; line-height: 1.45; margin: 0px 0px 16px; position: relative;&amp;quot;&amp;gt;ผมสร้างระบบ &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #ffb454;&amp;quot;&amp;gt;Login&amp;lt;/span&amp;gt; และ &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #ffb454;&amp;quot;&amp;gt;CRUD&amp;lt;/span&amp;gt; แบบง่าย ๆ ด้วย PHP + Bootstrap 5&amp;lt;br style=&amp;quot;box-sizing: border-box;&amp;quot; /&amp;gt;(โปรเจกต์เริ่มต้นสำหรับมือใหม่)&amp;lt;/h1&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px; max-width: 620px; position: relative;&amp;quot;&amp;gt;ก่อนจะกระโดดไปเรียน CodeIgniter 4 หรือ Laravel แบบเต็มตัว บทความนี้พาทำโปรเจกต์ Login + CRUD ด้วย PHP ล้วน ๆ ให้เห็นภาพว่า Framework ช่วยอะไรเราบ้าง พร้อมแก้จุดอ่อนด้านความปลอดภัยที่บทเรียนทั่วไปมักมองข้าม&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2be0e8; display: flex; flex-wrap: wrap; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; gap: 18px; position: relative;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px;&amp;quot;&amp;gt;⏱&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #f4efe6;&amp;quot;&amp;gt;อ่านประมาณ 9 นาที&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px;&amp;quot;&amp;gt;🧩&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #f4efe6;&amp;quot;&amp;gt;ระดับ: เริ่มต้น&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 6px;&amp;quot;&amp;gt;🛠&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #f4efe6;&amp;quot;&amp;gt;PHP + MySQLi + Bootstrap 5&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;หลายคนเริ่มเรียน PHP จากการทำระบบ Login และ CRUD (Create, Read, Update, Delete) เป็นโปรเจกต์แรก เพราะมันคือแกนกลางของเว็บแอปแทบทุกประเภท ตั้งแต่ระบบจัดการนักเรียน ระบบสมาชิกร้านค้า ไปจนถึง Backoffice ขององค์กร ในบทความนี้เราจะสร้างระบบนี้ด้วย PHP ดิบ ๆ (Vanilla PHP) ร่วมกับ Bootstrap 5 ตั้งแต่ศูนย์ และที่สำคัญคือเราจะเขียนให้ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;ปลอดภัยกว่าตัวอย่างทั่วไปที่หาอ่านได้ตามเว็บ&amp;lt;/span&amp;gt; เพราะ Tutorial ส่วนใหญ่มักสอนแบบ query ตรง ๆ ที่เปิดช่องให้เกิด SQL Injection และเก็บรหัสผ่านแบบไม่เข้ารหัส ซึ่งเป็นนิสัยที่ไม่ควรติดไปใช้ในงานจริง&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เป้าหมายของบทความนี้ไม่ใช่แค่ &amp;quot;ทำให้รัน&amp;quot; แต่อยากให้มือใหม่เห็นว่าการเขียน PHP แบบดิบต้องดูแลเรื่องอะไรเองบ้าง เมื่อเทียบกับตอนที่เราย้ายไปใช้ CodeIgniter 4 หรือ Laravel ที่มีโครงสร้างพวกนี้เตรียมไว้ให้แล้ว&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;01&amp;lt;/span&amp;gt;สิ่งที่ต้องเตรียมก่อนเริ่ม&amp;lt;/h2&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 20px; padding-left: 22px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;Local server:&amp;lt;/span&amp;gt; XAMPP หรือ Laragon (มี Apache + MySQL + PHP ในตัว)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;พื้นฐาน PHP:&amp;lt;/span&amp;gt; ตัวแปร, ฟังก์ชัน, if/else, array เบื้องต้น&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;พื้นฐาน SQL:&amp;lt;/span&amp;gt; CREATE TABLE, SELECT, INSERT, UPDATE, DELETE&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;Bootstrap 5:&amp;lt;/span&amp;gt; ใช้ผ่าน CDN ไม่ต้องติดตั้งอะไรเพิ่ม&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;02&amp;lt;/span&amp;gt;สร้างฐานข้อมูลและไฟล์เชื่อมต่อ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เริ่มจากสร้างฐานข้อมูลชื่อ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;pcm_demo&amp;lt;/code&amp;gt; และตาราง &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;users&amp;lt;/code&amp;gt; สำหรับ Login กับตาราง &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;students&amp;lt;/code&amp;gt; สำหรับฝึก CRUD&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;schema.sql&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;CREATE TABLE&amp;lt;/span&amp;gt; users (
  id &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;INT&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;AUTO_INCREMENT PRIMARY KEY&amp;lt;/span&amp;gt;,
  username &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;VARCHAR&amp;lt;/span&amp;gt;(50) &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;NOT NULL UNIQUE&amp;lt;/span&amp;gt;,
  password &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;VARCHAR&amp;lt;/span&amp;gt;(255) &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;NOT NULL&amp;lt;/span&amp;gt;
);

&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;CREATE TABLE&amp;lt;/span&amp;gt; students (
  id &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;INT&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;AUTO_INCREMENT PRIMARY KEY&amp;lt;/span&amp;gt;,
  name &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;VARCHAR&amp;lt;/span&amp;gt;(100) &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;NOT NULL&amp;lt;/span&amp;gt;,
  class &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;VARCHAR&amp;lt;/span&amp;gt;(20) &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;NOT NULL&amp;lt;/span&amp;gt;,
  marks &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;INT&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;NOT NULL&amp;lt;/span&amp;gt;
);&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;จากนั้นสร้างไฟล์เชื่อมต่อฐานข้อมูล โดยใช้ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;MySQLi แบบ Object-Oriented&amp;lt;/span&amp;gt; และเปิด exception mode ไว้ เพื่อให้ error แสดงชัดเจนตอนพัฒนา&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;config/db.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt;
mysqli_report(&amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;MYSQLI_REPORT_ERROR&amp;lt;/span&amp;gt; | &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;MYSQLI_REPORT_STRICT&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;define&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;DB_HOST&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;localhost&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;define&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;DB_USER&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;root&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;define&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;DB_PASS&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;define&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;DB_NAME&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;pcm_demo&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;try&amp;lt;/span&amp;gt; {
    $conn = &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;mysqli&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;DB_HOST&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;DB_USER&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;DB_PASS&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;DB_NAME&amp;lt;/span&amp;gt;);
    $conn-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;set_charset&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;utf8mb4&amp;#39;&amp;lt;/span&amp;gt;);
} &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;catch&amp;lt;/span&amp;gt; (mysqli_sql_exception $e) {
    &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;die&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Connection failed: &amp;#39;&amp;lt;/span&amp;gt; . $e-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;getMessage&amp;lt;/span&amp;gt;());
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-callout&amp;quot; style=&amp;quot;background: rgb(255, 248, 232); border-left: 4px solid rgb(255, 180, 84); border-radius: 8px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 15.5px; margin: 20px 0px 28px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;b style=&amp;quot;box-sizing: border-box; color: #b9700a; display: block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; letter-spacing: 0.05em; margin-bottom: 4px;&amp;quot;&amp;gt;💡 ทำไมต้อง mysqli_report&amp;lt;/b&amp;gt;การเปิด &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;MYSQLI_REPORT_STRICT&amp;lt;/code&amp;gt; ทำให้ทุก query ที่ผิดพลาดโยน Exception ออกมาทันที แทนที่จะปล่อยให้ query ล้มเหลวเงียบ ๆ ซึ่งช่วยจับบั๊กได้เร็วกว่าการเช็ค &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;if ($result === false)&amp;lt;/code&amp;gt; ทุกจุด&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;03&amp;lt;/span&amp;gt;ระบบ Login ที่ปลอดภัยด้วย password_hash()&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;จุดที่ Tutorial ทั่วไปมักพลาดคือเก็บรหัสผ่านเป็น plain text หรือเทียบรหัสผ่านด้วย &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;==&amp;lt;/code&amp;gt; ตรง ๆ ในที่นี้เราจะใช้ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;password_hash()&amp;lt;/code&amp;gt; ตอนสมัครสมาชิก และ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;password_verify()&amp;lt;/code&amp;gt; ตอน Login พร้อม Prepared Statement เพื่อกัน SQL Injection&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;register.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;config/db.php&amp;#39;&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($_SERVER[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;REQUEST_METHOD&amp;#39;&amp;lt;/span&amp;gt;] === &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;POST&amp;#39;&amp;lt;/span&amp;gt;) {
    $username = &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;username&amp;#39;&amp;lt;/span&amp;gt;]);
    $hashed   = &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;password_hash&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;password&amp;#39;&amp;lt;/span&amp;gt;], &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;PASSWORD_DEFAULT&amp;lt;/span&amp;gt;);

    $stmt = $conn-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;prepare&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;INSERT INTO users (username, password) VALUES (?, ?)&amp;quot;&amp;lt;/span&amp;gt;);
    $stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;bind_param&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;ss&amp;quot;&amp;lt;/span&amp;gt;, $username, $hashed);
    $stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;execute&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Location: login.php?registered=1&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;login.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;session_start&amp;lt;/span&amp;gt;();
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;config/db.php&amp;#39;&amp;lt;/span&amp;gt;;
$error = &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;null&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($_SERVER[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;REQUEST_METHOD&amp;#39;&amp;lt;/span&amp;gt;] === &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;POST&amp;#39;&amp;lt;/span&amp;gt;) {
    $username = &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;trim&amp;lt;/span&amp;gt;($_POST[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;username&amp;#39;&amp;lt;/span&amp;gt;]);
    $password = $_POST[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;password&amp;#39;&amp;lt;/span&amp;gt;];

    $stmt = $conn-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;prepare&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;SELECT id, password FROM users WHERE username = ?&amp;quot;&amp;lt;/span&amp;gt;);
    $stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;bind_param&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;s&amp;quot;&amp;lt;/span&amp;gt;, $username);
    $stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;execute&amp;lt;/span&amp;gt;();
    $result = $stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;get_result&amp;lt;/span&amp;gt;();
    $user   = $result-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;fetch_assoc&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($user &amp;amp;amp;&amp;amp;amp; &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;password_verify&amp;lt;/span&amp;gt;($password, $user[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;password&amp;#39;&amp;lt;/span&amp;gt;])) {
        &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;session_regenerate_id&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;);
        $_SESSION[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;]  = $user[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;];
        $_SESSION[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;username&amp;#39;&amp;lt;/span&amp;gt;] = $username;
        &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Location: students.php&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;;
    }
    $error = &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Username หรือ Password ไม่ถูกต้อง&amp;#39;&amp;lt;/span&amp;gt;;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-warn&amp;quot; style=&amp;quot;background: rgb(255, 238, 240); border-left: 4px solid rgb(255, 62, 90); border-radius: 8px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 15.5px; margin: 20px 0px 28px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;b style=&amp;quot;box-sizing: border-box; color: #c0203b; display: block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; letter-spacing: 0.05em; margin-bottom: 4px;&amp;quot;&amp;gt;⚠️ จุดที่มือใหม่พลาดบ่อย&amp;lt;/b&amp;gt;การเทียบรหัสผ่านด้วย &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;$password == $user[&amp;#39;password&amp;#39;]&amp;lt;/code&amp;gt; ใช้ไม่ได้กับ hash เพราะ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;password_hash()&amp;lt;/code&amp;gt; สร้าง salt แบบสุ่มทุกครั้ง ต้องใช้ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;password_verify()&amp;lt;/code&amp;gt; เท่านั้น และห้าม query แบบเอา &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;$_POST&amp;lt;/code&amp;gt; ไปต่อ string SQL ตรง ๆ เด็ดขาด เพราะนั่นคือช่องโหว่ SQL Injection แบบคลาสสิก&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ส่วน Form ฝั่ง HTML ใช้ Bootstrap 5 แบบมาตรฐาน เช่น&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;login.php (HTML part)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;container mt-5&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;style&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;max-width:400px&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;h3&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;mb-4&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;เข้าสู่ระบบ&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;h3&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; ($error): ?&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;alert alert-danger&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;?= &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;($error) ?&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;endif&amp;lt;/span&amp;gt;; ?&amp;amp;gt;
  &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;form&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;method&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;post&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;input&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;username&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;form-control mb-3&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;Username&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;required&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;input&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;type&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;password&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;password&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;form-control mb-3&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;Password&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;required&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;button&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;btn btn-primary w-100&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;เข้าสู่ระบบ&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;button&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;form&amp;lt;/span&amp;gt;&amp;amp;gt;
&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;04&amp;lt;/span&amp;gt;CRUD นักเรียนด้วย Bootstrap 5&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;หลัง Login สำเร็จ เราจะพาไปหน้า &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;students.php&amp;lt;/code&amp;gt; ที่แสดงตารางข้อมูล พร้อมปุ่มเพิ่ม/แก้ไข/ลบ ทุกหน้าต้องเช็ค session ก่อนเสมอ ไม่ใช่แค่ซ่อนปุ่มเฉย ๆ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;students.php (Read)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;session_start&amp;lt;/span&amp;gt;();
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;isset&amp;lt;/span&amp;gt;($_SESSION[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;])) {
    &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Location: login.php&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;config/db.php&amp;#39;&amp;lt;/span&amp;gt;;
$students = $conn-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;query&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;SELECT * FROM students ORDER BY id DESC&amp;quot;&amp;lt;/span&amp;gt;);
?&amp;amp;gt;
&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;table&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;table table-striped&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;ชื่อ&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;ห้อง&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;คะแนน&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;while&amp;lt;/span&amp;gt; ($row = $students-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;fetch_assoc&amp;lt;/span&amp;gt;()): ?&amp;amp;gt;
  &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;?= &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;($row[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;]) ?&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;?= &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;htmlspecialchars&amp;lt;/span&amp;gt;($row[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;class&amp;#39;&amp;lt;/span&amp;gt;]) ?&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;?= $row[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;marks&amp;#39;&amp;lt;/span&amp;gt;] ?&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
      &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;edit.php?id=&amp;amp;lt;?= $row[&amp;#39;id&amp;#39;] ?&amp;amp;gt;&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;btn btn-sm btn-warning&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;แก้ไข&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;&amp;amp;gt;
      &amp;amp;lt;&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;delete.php?id=&amp;amp;lt;?= $row[&amp;#39;id&amp;#39;] ?&amp;amp;gt;&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;btn btn-sm btn-danger&amp;quot;&amp;lt;/span&amp;gt;
         &amp;lt;span class=&amp;quot;pcm-c-var&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd27a;&amp;quot;&amp;gt;onclick&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;return confirm(&amp;#39;ลบรายการนี้?&amp;#39;)&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;ลบ&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;endwhile&amp;lt;/span&amp;gt;; ?&amp;amp;gt;
&amp;amp;lt;/&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;table&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 22, 34); border-radius: 12px; box-shadow: rgba(13, 13, 23, 0.18) 0px 8px 24px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 15, 25); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-dot g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; display: inline-block; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b889c; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;delete.php (Delete)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e5e2f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;amp;lt;?&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;session_start&amp;lt;/span&amp;gt;();
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;isset&amp;lt;/span&amp;gt;($_SESSION[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;])) { &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Location: login.php&amp;#39;&amp;lt;/span&amp;gt;); &amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;; }
&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;config/db.php&amp;#39;&amp;lt;/span&amp;gt;;

$id = (&amp;lt;span class=&amp;quot;pcm-c-kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7ac6;&amp;quot;&amp;gt;int&amp;lt;/span&amp;gt;) ($_GET[&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;] ?? 0);
$stmt = $conn-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;prepare&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;DELETE FROM students WHERE id = ?&amp;quot;&amp;lt;/span&amp;gt;);
$stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;bind_param&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;quot;i&amp;quot;&amp;lt;/span&amp;gt;, $id);
$stmt-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;execute&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;header&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-c-str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a8e89b;&amp;quot;&amp;gt;&amp;#39;Location: students.php&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;pcm-c-fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6fd1ff;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ส่วน &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;add.php&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;edit.php&amp;lt;/code&amp;gt; ก็ใช้แพทเทิร์นเดียวกัน คือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;เช็ค session → bind_param ทุก query → redirect หลังบันทึก&amp;lt;/span&amp;gt; ทำซ้ำแบบนี้ใน 4 ไฟล์ (add, edit, delete, login) คือสิ่งที่มือใหม่จะเริ่มรู้สึก &amp;quot;เขียนซ้ำเยอะมาก&amp;quot; และนั่นคือจุดเริ่มต้นที่ทำให้เราอยากมี Framework เข้ามาช่วย&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;05&amp;lt;/span&amp;gt;เขียนเองทั้งหมด vs ใช้ Framework&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;พอลองสร้างระบบ Login + CRUD ด้วย PHP ดิบจนจบ จะเห็นภาพชัดว่าอะไรที่เราต้อง &amp;quot;คิดเอง ทำเอง&amp;quot; ทั้งหมด ลองเทียบให้เห็นภาพกับ CodeIgniter 4 และ Laravel&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-table-wrap&amp;quot; style=&amp;quot;border-color: rgb(232, 223, 204); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 30px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;border-collapse: collapse; font-size: 14.5px; min-width: 560px; width: 878px;&amp;quot;&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 13, 23); box-sizing: border-box; color: #f4efe6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 13, 23); box-sizing: border-box; color: #f4efe6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;PHP ดิบ (Vanilla)&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 13, 23); box-sizing: border-box; color: #f4efe6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 13, 23); box-sizing: border-box; color: #f4efe6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; font-weight: 500; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;Laravel&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;ป้องกัน SQL Injection&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-mid&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #b9700a; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ต้องเขียน prepared statement เอง&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;Query Builder ป้องกันให้อัตโนมัติ&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;Eloquent ป้องกันให้อัตโนมัติ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;เก็บรหัสผ่าน&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-mid&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #b9700a; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ต้องเรียก password_hash() เอง&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;มี password helper ในตัว&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;Hash facade + bcrypt อัตโนมัติ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;โครงสร้างไฟล์&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-bad&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #c0203b; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ปนกันหมดในไฟล์เดียว&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;MVC แยกชัดเจน&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;MVC + Service/Repository ได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;Validation ฟอร์ม&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-bad&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #c0203b; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;เขียน if/else เองทั้งหมด&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;Validation library ในตัว&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;Form Request Validation&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;ความเร็วในการเริ่มโปรเจกต์เล็ก&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;เร็วที่สุด ไม่ต้องตั้งค่าอะไร&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-mid&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #b9700a; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ต้องตั้งค่าเริ่มต้นเล็กน้อย&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-mid&amp;quot; style=&amp;quot;background: rgb(255, 252, 246); border-bottom: 1px solid rgb(232, 223, 204); box-sizing: border-box; color: #b9700a; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ตั้งค่าเริ่มต้นมากกว่า CI4&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #1c1b22; padding: 13px 16px;&amp;quot;&amp;gt;เหมาะกับโปรเจกต์ใหญ่ขึ้น&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-bad&amp;quot; style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #c0203b; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;ดูแลยากเมื่อโค้ดเยอะ&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;รองรับงานระดับองค์กรได้ดี&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;pcm-good&amp;quot; style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #1f9d6e; font-weight: 600; padding: 13px 16px;&amp;quot;&amp;gt;รองรับงานใหญ่ ระบบซับซ้อนได้ดี&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;สรุปง่าย ๆ คือ PHP ดิบเหมาะกับการ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;เข้าใจกลไกเบื้องหลัง&amp;lt;/span&amp;gt; ว่า Login ทำงานยังไง CRUD เชื่อมฐานข้อมูลยังไง แต่พอจะทำงานจริงหรือโปรเจกต์ที่มีหลายหน้า หลายฟีเจอร์ Framework อย่าง CodeIgniter 4 หรือ Laravel จะช่วยลดงานซ้ำซ้อนและลดโอกาสพลาดเรื่องความปลอดภัยได้มาก&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;pcm-divider&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(232, 223, 204); border-color: currentcolor; border-image: initial; border-style: none; border-width: medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; height: 1px; margin: 36px 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: baseline; border-bottom: 2px solid rgb(232, 223, 204); box-sizing: border-box; color: #1c1b22; display: flex; font-family: Sarabun, sans-serif; font-size: 24px; gap: 10px; margin: 44px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-mono&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff3e8a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;06&amp;lt;/span&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1c1b22; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;โปรเจกต์ Login + CRUD ด้วย PHP + Bootstrap 5 เป็นจุดเริ่มต้นที่ดีมากสำหรับมือใหม่ เพราะครอบคลุมทักษะหลักที่ใช้ซ้ำในแทบทุกเว็บแอป ทั้งการเชื่อมต่อฐานข้อมูล การยืนยันตัวตน และการจัดการข้อมูลพื้นฐาน แต่สิ่งสำคัญที่อยากให้จำไว้คือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600;&amp;quot;&amp;gt;อย่าก๊อปโค้ดจาก Tutorial ที่ไม่มี prepared statement หรือไม่ hash รหัสผ่าน&amp;lt;/span&amp;gt; เพราะนิสัยตอนเริ่มต้นมักติดตัวไปจนถึงงานจริง&amp;lt;/p&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6101631278212076002/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/login-crud-php-bootstrap-5.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6101631278212076002'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6101631278212076002'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/login-crud-php-bootstrap-5.html' title='ผมสร้างระบบ Login และ CRUD แบบง่าย ๆ ด้วย PHP + Bootstrap 5 (โปรเจกต์เริ่มต้นสำหรับมือใหม่)'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhS5bkfj18JRMffi2J3P-d6BnMXpFf0SkuKPD2r43fyVK8SbVZR7YjBTax7VDgiC2VZT5Eabubf0HNYQ6qiObWIzU-6RRTKzEjh8iAznjTGP1Y093Kv5QeIqMTeTOJTful2X7weCKHeRZo_ulRFP_bVQEIMomnvXLxMYbknCWJZReOMiJyYB0DHMTHQKKc=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-1167508421952488969&lt;/id&gt;&lt;published&gt;2026-06-21T07:59:17.693+07:00&lt;/published&gt;&lt;updated&gt;2026-06-21T07:59:17.694+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;Resumable Upload ด้วย tus Protocol: อัปโหลดไฟล์ใหญ่ เน็ตหลุดก็ไม่ต้องเริ่มใหม่&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEh0AsTn6Lev6RTySW19Qp0YraoJVlnTA1nV2tRdFNc7OM2cz9hE1Gw7hiuVi1wF4XT-AEfUVnSVhmY9I9SFq8Nh97aiVjOAWNLEMXu6gqSeLGt3crYA4OBS8diYH0Rt2ckMCQxnS57fAwTh2M2xbmyik0m-Ql4o7r5VEq0uQvvtnIdaX76CjzWAT3GIJtM&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1536&amp;quot; height=&amp;quot;427&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEh0AsTn6Lev6RTySW19Qp0YraoJVlnTA1nV2tRdFNc7OM2cz9hE1Gw7hiuVi1wF4XT-AEfUVnSVhmY9I9SFq8Nh97aiVjOAWNLEMXu6gqSeLGt3crYA4OBS8diYH0Rt2ckMCQxnS57fAwTh2M2xbmyik0m-Ql4o7r5VEq0uQvvtnIdaX76CjzWAT3GIJtM&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;pcm-hero&amp;quot; style=&amp;quot;background-attachment: scroll; background-clip: border-box; background-image: radial-gradient(circle at 18% 12%, rgb(29, 33, 48) 0%, rgb(17, 19, 26) 55%); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-radius: 18px; box-sizing: border-box; color: #edeff5; font-family: Sarabun, sans-serif; margin-bottom: 36px; overflow: hidden; padding: 44px 32px 36px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-eyebrow&amp;quot; style=&amp;quot;background: rgba(0, 217, 181, 0.1); border-radius: 999px; border: 1px solid rgba(0, 217, 181, 0.35); box-sizing: border-box; color: #00d9b5; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.14em; margin-bottom: 18px; padding: 5px 12px;&amp;quot;&amp;gt;PHP · CODEIGNITER 4 · LARAVEL&amp;lt;/span&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: white; font-size: 30px; line-height: 1.35; margin: 0px 0px 14px;&amp;quot;&amp;gt;Resumable Upload ด้วย tus Protocol: อัปโหลดไฟล์ใหญ่ เน็ตหลุดก็ไม่ต้องเริ่มใหม่&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;lead&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b7bbc9; font-size: 16.5px; margin: 0px 0px 30px; max-width: 56ch;&amp;quot;&amp;gt;เคยอัปโหลดไฟล์ 2 GB ค้างอยู่ที่ 90% แล้วเน็ตหลุดไหมครับ? บทความนี้พาไปรู้จัก tus protocol และไลบรารี tus-php ที่ทำให้การอัปโหลดไฟล์ใหญ่ &amp;quot;หยุดแล้วต่อ&amp;quot; ได้จริง พร้อมตัวอย่างโค้ดสำหรับ CodeIgniter 4 และ Laravel&amp;lt;/p&amp;gt;&amp;lt;div aria-hidden=&amp;quot;true&amp;quot; class=&amp;quot;chunk-strip&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;chunk done&amp;quot; style=&amp;quot;background-attachment: scroll; background-clip: border-box; background-image: linear-gradient(rgb(0, 217, 181) 0%, rgb(0, 168, 138) 100%); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-radius: 6px; box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk done&amp;quot; style=&amp;quot;background-attachment: scroll; background-clip: border-box; background-image: linear-gradient(rgb(0, 217, 181) 0%, rgb(0, 168, 138) 100%); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-radius: 6px; box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk done&amp;quot; style=&amp;quot;background-attachment: scroll; background-clip: border-box; background-image: linear-gradient(rgb(0, 217, 181) 0%, rgb(0, 168, 138) 100%); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-radius: 6px; box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk done&amp;quot; style=&amp;quot;background-attachment: scroll; background-clip: border-box; background-image: linear-gradient(rgb(0, 217, 181) 0%, rgb(0, 168, 138) 100%); background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto; border-radius: 6px; box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk paused&amp;quot; style=&amp;quot;align-items: center; animation: 1.8s ease-in-out 0s infinite normal none running pcm-pulse; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(27, 30, 41); border-color: rgb(255, 176, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 6px; border-style: solid; border-width: 2px; box-sizing: border-box; display: flex; flex: 1 1 0%; height: 34px; justify-content: center; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bars&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 3px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 176, 32); border-radius: 1px; box-sizing: border-box; display: block; height: 12px; width: 3px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 176, 32); border-radius: 1px; box-sizing: border-box; display: block; height: 12px; width: 3px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 176, 32); border-radius: 1px; box-sizing: border-box; display: block; height: 12px; width: 3px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk pending&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 6px; border: 2px dashed rgb(58, 63, 80); box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk pending&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 6px; border: 2px dashed rgb(58, 63, 80); box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk pending&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 6px; border: 2px dashed rgb(58, 63, 80); box-sizing: border-box; flex: 1 1 0%; height: 34px; position: relative;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;chunk-caption&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; display: flex; flex-wrap: wrap; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; gap: 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;item&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 7px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot teal&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(0, 217, 181); border-radius: 3px; box-sizing: border-box; display: inline-block; height: 9px; width: 9px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;อัปโหลดสำเร็จแล้ว&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;item&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 7px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot amber&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 176, 32); border-color: rgb(255, 176, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; display: inline-block; height: 9px; width: 9px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;หลุดกลางทาง แต่ resume ต่อจากจุดเดิมได้&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;item&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 7px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot outline&amp;quot; style=&amp;quot;border-radius: 3px; border: 1.5px dashed rgb(58, 63, 80); box-sizing: border-box; display: inline-block; height: 9px; width: 9px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;รอคิวอัปโหลด&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;01&amp;lt;/span&amp;gt;ทำไมการอัปโหลดไฟล์ใหญ่ถึง &amp;quot;พัง&amp;quot; ได้ง่าย&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ลองนึกภาพผู้ใช้กำลังอัปโหลดวิดีโอขนาด 1.5 GB ผ่านฟอร์ม HTML ธรรมดา ใช้เวลาไปแล้วกว่าครึ่งชั่วโมง แถบโปรเกรสขยับมาถึง 92% แล้วจู่ ๆ Wi-Fi ก็หลุด หรือเบราว์เซอร์แครช ผลลัพธ์คือไฟล์ที่อัปโหลดไปทั้งหมดสูญเปล่า ผู้ใช้ต้องกดอัปโหลดใหม่ตั้งแต่ไบต์แรก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ปัญหานี้เกิดจากธรรมชาติของการอัปโหลดแบบ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;multipart/form-data&amp;lt;/code&amp;gt; ทั่วไป ซึ่งเซิร์ฟเวอร์มองไฟล์ทั้งก้อนเป็นคำขอเดียว ถ้าคำขอนั้นไม่จบสมบูรณ์ เซิร์ฟเวอร์จะไม่รู้เลยว่าไบต์ไหนมาถึงแล้วบ้าง และต้องทิ้งข้อมูลทั้งหมดไป ยิ่งผู้ใช้อยู่ในพื้นที่ที่สัญญาณอินเทอร์เน็ตไม่เสถียร เช่น ใช้เน็ตมือถือระหว่างเดินทาง ปัญหานี้ก็ยิ่งเกิดถี่ขึ้น&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ทางออกที่หลายระบบใหญ่ ๆ อย่าง Vimeo หรือ Google Drive ใช้กันคือการอัปโหลดแบบ &amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;resumable&amp;lt;/strong&amp;gt; นั่นคือแบ่งไฟล์เป็นชิ้นเล็ก ๆ (chunk) ส่งทีละชิ้น แล้วให้เซิร์ฟเวอร์จดจำว่าไบต์ล่าสุดที่ได้รับคือไบต์ที่เท่าไร เมื่อการเชื่อมต่อกลับมา ฝั่งไคลเอนต์ก็แค่ถามเซิร์ฟเวอร์ว่า &amp;quot;ตอนนี้ได้รับไปถึงไหนแล้ว&amp;quot; แล้วส่งต่อจากจุดนั้น ไม่ต้องเริ่มนับหนึ่งใหม่&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;02&amp;lt;/span&amp;gt;รู้จัก tus: มาตรฐานเปิดสำหรับ Resumable Upload&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://tus.io/&amp;quot; rel=&amp;quot;noopener&amp;quot; style=&amp;quot;border-bottom: 1.5px solid rgba(0, 168, 138, 0.35); box-sizing: border-box; color: #00a88a; font-weight: 600; text-decoration: none;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;tus&amp;lt;/a&amp;gt; เป็นโปรโตคอลแบบเปิดที่ถูกออกแบบมาเฉพาะสำหรับการอัปโหลดไฟล์แบบ resumable บน HTTP จุดเด่นของ tus คือมันกำหนดมาตรฐานชัดเจนว่าไคลเอนต์กับเซิร์ฟเวอร์ควรคุยกันอย่างไร ทำให้นักพัฒนาไม่ต้องคิดค้น protocol ของตัวเองตั้งแต่ศูนย์ และมีไลบรารีรองรับในหลายภาษา ทั้งฝั่ง server (PHP, Node.js, Go) และฝั่ง client (JavaScript, iOS, Android)&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;สำหรับฝั่ง PHP มีไลบรารีชื่อ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;ankitpokhrel/tus-php&amp;lt;/code&amp;gt; ซึ่งเป็น implementation ของ tus server แบบ framework-agnostic หมายความว่าเอาไปต่อกับ CodeIgniter, Laravel หรือ PHP ล้วน ๆ ก็ได้ทั้งนั้น&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;03&amp;lt;/span&amp;gt;tus ทำงานอย่างไรเบื้องหลัง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;หัวใจของ tus คือแนวคิดเรื่อง &amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;offset&amp;lt;/strong&amp;gt; หรือ &amp;quot;ตำแหน่งไบต์ล่าสุดที่อัปโหลดสำเร็จ&amp;quot; ขั้นตอนคร่าว ๆ มีดังนี้&amp;lt;/p&amp;gt;&amp;lt;ol style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding-left: 22px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;ไคลเอนต์ส่งคำขอ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;POST&amp;lt;/code&amp;gt; ไปยังเซิร์ฟเวอร์เพื่อ &amp;quot;จอง&amp;quot; การอัปโหลดใหม่ พร้อมแจ้งขนาดไฟล์ทั้งหมด เซิร์ฟเวอร์จะตอบกลับ URL เฉพาะสำหรับไฟล์นั้น&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;ไคลเอนต์ทยอยส่งข้อมูลเป็นชิ้น ๆ ด้วยคำขอ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;PATCH&amp;lt;/code&amp;gt; ไปยัง URL นั้น พร้อมระบุ offset ปัจจุบันในเฮดเดอร์&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;ถ้าการเชื่อมต่อขาดระหว่างทาง ไคลเอนต์สามารถส่งคำขอ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;HEAD&amp;lt;/code&amp;gt; ไปถาม URL เดิมเพื่อเช็กว่าตอนนี้เซิร์ฟเวอร์มีข้อมูลถึงไบต์ไหนแล้ว&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;จากนั้นไคลเอนต์ส่ง &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;PATCH&amp;lt;/code&amp;gt; ต่อจาก offset ที่ได้รับ โดยไม่ต้องส่งข้อมูลเดิมซ้ำเลย&amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;lt;div class=&amp;quot;pcm-callout&amp;quot; style=&amp;quot;background: rgb(255, 247, 232); border-radius: 12px; border: 1px solid rgb(242, 221, 168); box-sizing: border-box; font-size: 15px; margin: 0px 0px 18px; padding: 16px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #8a5a00;&amp;quot;&amp;gt;จุดสำคัญ:&amp;lt;/strong&amp;gt; ฝั่งเซิร์ฟเวอร์ต้องมีที่เก็บสถานะการอัปโหลด (เช่น ไฟล์ cache หรือ Redis) เพื่อจำว่าแต่ละ upload ID ไปถึงไบต์ไหนแล้ว ไลบรารี tus-php จัดการส่วนนี้ให้อัตโนมัติ&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;04&amp;lt;/span&amp;gt;ติดตั้งและสร้าง Server ด้วย tus-php&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เริ่มจากติดตั้งไลบรารีผ่าน Composer&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;composer require ankitpokhrel/tus-php&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;โค้ดด้านล่างคือ tus server แบบมินิมอล ที่รับคำขอทุก method ของโปรโตคอล tus แล้วจัดการให้เองทั้งหมด&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;server.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;amp;lt;?php

require __DIR__ . &amp;#39;/vendor/autoload.php&amp;#39;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; TusPhp\Tus\Server &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; TusServer;

&amp;lt;span class=&amp;quot;com&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6e7384; font-style: italic;&amp;quot;&amp;gt;// ใช้ &amp;#39;file&amp;#39; cache สำหรับเริ่มต้น (เปลี่ยนเป็น &amp;#39;redis&amp;#39; ได้เมื่อขึ้น production)&amp;lt;/span&amp;gt;
$server = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd479;&amp;quot;&amp;gt;TusServer&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;file&amp;#39;&amp;lt;/span&amp;gt;);

$server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setApiPath&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;/files&amp;#39;&amp;lt;/span&amp;gt;)
       -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(__DIR__ . &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;/uploads&amp;#39;&amp;lt;/span&amp;gt;);

$response = $server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();
$response-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;();

exit(0);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เพียงเท่านี้ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;server.php&amp;lt;/code&amp;gt; ตัวนี้ก็พร้อมรับคำขอ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;OPTIONS&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;POST&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;HEAD&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;PATCH&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;DELETE&amp;lt;/code&amp;gt; ตามสเปกของ tus แล้ว แต่ในงานจริงเราอยากผูกมันเข้ากับเฟรมเวิร์กที่ใช้อยู่มากกว่า ในส่วนถัดไปจะพาไปดูทั้ง CodeIgniter 4 และ Laravel&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;05&amp;lt;/span&amp;gt;ผูก tus-php เข้ากับ CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ใน CI4 เราสามารถสร้าง Controller ขึ้นมาตัวเดียวเพื่อรับทุกคำขอที่เกี่ยวกับการอัปโหลด แล้วส่งต่อให้ tus-php จัดการ จากนั้นแปลง response ของ tus-php กลับมาเป็น response ของ CI4&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;app/Controllers/UploadController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;amp;lt;?php

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Controllers;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; TusPhp\Tus\Server &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; TusServer;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd479;&amp;quot;&amp;gt;UploadController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; BaseController
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;handle&amp;lt;/span&amp;gt;()
    {
        $server = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd479;&amp;quot;&amp;gt;TusServer&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;file&amp;#39;&amp;lt;/span&amp;gt;);
        $server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setApiPath&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;/upload/files&amp;#39;&amp;lt;/span&amp;gt;)
               -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(WRITEPATH . &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;uploads&amp;#39;&amp;lt;/span&amp;gt;);

        $response = $server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;com&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6e7384; font-style: italic;&amp;quot;&amp;gt;// ส่ง response ที่ tus-php สร้างไว้กลับไปตรง ๆ&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; $this-&amp;amp;gt;response
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setStatusCode&amp;lt;/span&amp;gt;($response-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getStatusCode&amp;lt;/span&amp;gt;())
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setBody&amp;lt;/span&amp;gt;($response-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getContent&amp;lt;/span&amp;gt;());
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;จากนั้นเปิดทางให้ทุก HTTP method ที่ tus ต้องใช้วิ่งเข้ามาที่ Controller เดียวกัน ใน &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;app/Config/Routes.php&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;app/Config/Routes.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;$routes-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;match&amp;lt;/span&amp;gt;(
    [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;get&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;post&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;patch&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;head&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;options&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;delete&amp;#39;&amp;lt;/span&amp;gt;],
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;upload/files(.*)&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;UploadController::handle&amp;#39;&amp;lt;/span&amp;gt;
);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เก็บไฟล์ไว้ใต้ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;WRITEPATH&amp;lt;/code&amp;gt; ตามธรรมเนียมของ CI4 ก็ปลอดภัยกว่า เพราะโฟลเดอร์นี้อยู่นอก document root และคุมสิทธิ์การเข้าถึงได้ง่ายกว่าโฟลเดอร์ใน &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;public/&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;06&amp;lt;/span&amp;gt;ผูก tus-php เข้ากับ Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;แนวคิดเดียวกันสามารถนำไปใช้กับ Laravel ได้โดยประกาศ route แบบ closure ที่ดักทุก method และทุก path ย่อยภายใต้ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;/files&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;routes/web.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; TusPhp\Tus\Server &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; TusServer;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Support\Facades\Route;

Route::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;match&amp;lt;/span&amp;gt;(
    [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;get&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;post&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;patch&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;head&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;options&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;delete&amp;#39;&amp;lt;/span&amp;gt;],
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;/files/{any?}&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; () {
        $server = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd479;&amp;quot;&amp;gt;TusServer&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;file&amp;#39;&amp;lt;/span&amp;gt;);
        $server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setApiPath&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;/files&amp;#39;&amp;lt;/span&amp;gt;)
               -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(storage_path(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;app/uploads&amp;#39;&amp;lt;/span&amp;gt;));

        $response = $server-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; response($response-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getContent&amp;lt;/span&amp;gt;(), $response-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getStatusCode&amp;lt;/span&amp;gt;())
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;withHeaders&amp;lt;/span&amp;gt;($response-&amp;amp;gt;headers-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;all&amp;lt;/span&amp;gt;());
    }
)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;any&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;#39;.*&amp;#39;&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ข้อดีของการใช้ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;storage_path(&amp;#39;app/uploads&amp;#39;)&amp;lt;/code&amp;gt; คือไฟล์ที่กำลังอัปโหลดอยู่จะไม่ถูกเข้าถึงโดยตรงจากเว็บ ต้องผ่าน Controller หรือ route ที่เรากำหนดเองเท่านั้น ตรงกับแนวทาง security ที่ Laravel แนะนำสำหรับไฟล์ที่ยังไม่พร้อมเผยแพร่&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;07&amp;lt;/span&amp;gt;ฝั่ง Client: อัปโหลดแบบ Resumable ด้วย tus-js-client&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ฝั่งหน้าเว็บ เราไม่จำเป็นต้องเขียน logic เรื่อง offset หรือ retry เองเลย เพราะมีไลบรารี &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;tus-js-client&amp;lt;/code&amp;gt; ที่คุยกับ tus server ตามสเปกให้ครบแล้ว สิ่งที่เราต้องทำคือสร้าง instance ของ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;tus.Upload&amp;lt;/code&amp;gt; แล้วกำหนด endpoint กับ callback ต่าง ๆ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;upload-form.html&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;amp;lt;input type=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;file&amp;quot;&amp;lt;/span&amp;gt; id=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;fileInput&amp;quot;&amp;lt;/span&amp;gt; /&amp;amp;gt;
&amp;amp;lt;progress id=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;uploadProgress&amp;quot;&amp;lt;/span&amp;gt; value=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;0&amp;quot;&amp;lt;/span&amp;gt; max=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;100&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/progress&amp;amp;gt;
&amp;amp;lt;button id=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;pauseBtn&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;Pause&amp;amp;lt;/button&amp;amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 25, 34); border-radius: 12px; box-shadow: rgba(17, 19, 26, 0.55) 0px 14px 30px -16px; box-sizing: border-box; margin: 0px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;bar&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(39, 43, 56); box-sizing: border-box; display: flex; gap: 8px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-traffic g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9aa0b4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; margin-left: 8px;&amp;quot;&amp;gt;upload.js&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #d9dce5; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;import&amp;lt;/span&amp;gt; * &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; tus &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;from&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;tus-js-client&amp;quot;&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;let&amp;lt;/span&amp;gt; upload;

document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;fileInput&amp;quot;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;addEventListener&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;change&amp;quot;&amp;lt;/span&amp;gt;, (e) =&amp;amp;gt; {
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; file = e.target.files[0];

  upload = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; tus.&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffd479;&amp;quot;&amp;gt;Upload&amp;lt;/span&amp;gt;(file, {
    endpoint: &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;/upload/files&amp;quot;&amp;lt;/span&amp;gt;,
    retryDelays: [0, 3000, 5000, 10000],
    metadata: {
      filename: file.name,
      filetype: file.type,
    },
    onError: (error) =&amp;amp;gt; console.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;error&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;Upload failed:&amp;quot;&amp;lt;/span&amp;gt;, error),
    onProgress: (bytesSent, bytesTotal) =&amp;amp;gt; {
      &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; percent = ((bytesSent / bytesTotal) * 100).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;toFixed&amp;lt;/span&amp;gt;(1);
      document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;uploadProgress&amp;quot;&amp;lt;/span&amp;gt;).value = percent;
    },
    onSuccess: () =&amp;amp;gt; {
      console.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;log&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;Upload finished:&amp;quot;&amp;lt;/span&amp;gt;, upload.url);
    },
  });

  &amp;lt;span class=&amp;quot;com&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6e7384; font-style: italic;&amp;quot;&amp;gt;// ถ้ามี upload ที่ค้างไว้ก่อนหน้า ให้ resume ต่อแทนเริ่มใหม่&amp;lt;/span&amp;gt;
  upload.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;findPreviousUploads&amp;lt;/span&amp;gt;().&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;then&amp;lt;/span&amp;gt;((previousUploads) =&amp;amp;gt; {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (previousUploads.length) {
      upload.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;resumeFromPreviousUpload&amp;lt;/span&amp;gt;(previousUploads[0]);
    }
    upload.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;start&amp;lt;/span&amp;gt;();
  });
});

document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;pauseBtn&amp;quot;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;addEventListener&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9e26a;&amp;quot;&amp;gt;&amp;quot;click&amp;quot;&amp;lt;/span&amp;gt;, () =&amp;amp;gt; {
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff8fb8;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (upload) upload.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7fd0ff;&amp;quot;&amp;gt;abort&amp;lt;/span&amp;gt;();
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เมธอด &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;findPreviousUploads()&amp;lt;/code&amp;gt; คือกุญแจสำคัญของ &amp;quot;resume&amp;quot; ฝั่งไคลเอนต์ มันจะเช็ก localStorage ของเบราว์เซอร์ว่าไฟล์นี้เคยเริ่มอัปโหลดไว้หรือยัง ถ้าเจอก็เรียก &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;resumeFromPreviousUpload()&amp;lt;/code&amp;gt; เพื่อสานต่อจากจุดเดิมทันที โดยที่ผู้ใช้ไม่ต้องทำอะไรเพิ่มเลย แม้จะปิดแท็บแล้วเปิดใหม่ก็ตาม&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;08&amp;lt;/span&amp;gt;REST Endpoint ของ tus Server&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;เพื่อให้เห็นภาพว่าแต่ละคำขอ HTTP ทำหน้าที่อะไรบ้างในวงจรของ tus สรุปไว้ในตารางนี้&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-table-wrap&amp;quot; style=&amp;quot;border-color: rgb(232, 227, 214); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin-bottom: 8px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-collapse: collapse; width: 750px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(17, 19, 26); box-sizing: border-box; color: white; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; letter-spacing: 0.04em; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Method&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(17, 19, 26); box-sizing: border-box; color: white; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; letter-spacing: 0.04em; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Endpoint&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(17, 19, 26); box-sizing: border-box; color: white; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; letter-spacing: 0.04em; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;หน้าที่&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14.5px; font-weight: 600; padding: 13px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;OPTIONS&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;/files&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ถาม server ว่ารองรับฟีเจอร์อะไรบ้าง เช่น ขนาดไฟล์สูงสุด&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14.5px; font-weight: 600; padding: 13px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;POST&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;/files&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;เริ่มอัปโหลดใหม่ แจ้งขนาดไฟล์ทั้งหมด ได้ URL เฉพาะกลับมา&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14.5px; font-weight: 600; padding: 13px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;HEAD&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;/files/{id}&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;เช็ก offset ปัจจุบันของไฟล์ที่กำลังอัปโหลดอยู่&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14.5px; font-weight: 600; padding: 13px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;PATCH&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;/files/{id}&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(252, 250, 244); border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ส่งข้อมูล chunk ต่อจาก offset เดิมไปเรื่อย ๆ จนครบ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14.5px; font-weight: 600; padding: 13px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;DELETE&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;/files/{id}&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(232, 227, 214); box-sizing: border-box; font-size: 14.5px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ยกเลิกและล้าง upload ที่ค้างอยู่ ใช้ทำความสะอาด storage&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;09&amp;lt;/span&amp;gt;ข้อดี ข้อจำกัด และเมื่อไหร่ควรใช้&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;tus เหมาะมากกับงานที่ผู้ใช้ต้องอัปโหลดไฟล์ขนาดใหญ่ เช่น ระบบอัปโหลดวิดีโอ ไฟล์ backup หรือไฟล์ CAD แต่ก็ไม่ใช่ทุกโปรเจกต์ที่จำเป็นต้องใช้ ลองดูข้อพิจารณาเหล่านี้ก่อนตัดสินใจ&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding-left: 22px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;เหมาะ:&amp;lt;/strong&amp;gt; ไฟล์ขนาดใหญ่กว่า 50-100 MB ขึ้นไป หรือกลุ่มผู้ใช้ที่เน็ตไม่เสถียร เช่น ใช้งานผ่านมือถือนอกสถานที่&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;เหมาะ:&amp;lt;/strong&amp;gt; ระบบที่ต้องการให้ผู้ใช้สลับอุปกรณ์ได้ เช่น เริ่มอัปโหลดจากโน้ตบุ๊ก แล้วไปต่อจากมือถือ&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;ไม่จำเป็น:&amp;lt;/strong&amp;gt; ฟอร์มอัปโหลดรูปโปรไฟล์หรือเอกสารขนาดไม่กี่ MB การใช้ &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;multipart/form-data&amp;lt;/code&amp;gt; แบบปกติยังคุ้มค่ากว่าในแง่ความซับซ้อน&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; font-size: 16px; margin-bottom: 8px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;ข้อควรระวัง:&amp;lt;/strong&amp;gt; ต้องวางแผนเรื่อง storage สำหรับ chunk ที่ค้างไว้ และตั้งกลไกลบไฟล์ที่ไม่มีใครมา resume ต่อเป็นเวลานาน เพื่อไม่ให้ดิสก์เต็ม&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;div&amp;quot; style=&amp;quot;border-color: rgb(232, 227, 214) currentcolor currentcolor; border-image: initial; border-style: dashed none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; margin: 30px 0px;&amp;quot; /&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #20222c; font-family: Sarabun, sans-serif; margin-bottom: 38px; padding: 0px 4px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(232, 227, 214); box-sizing: border-box; color: #11131a; font-size: 23px; line-height: 1.35; margin: 0px 0px 16px; padding-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #00a88a; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 15px; margin-right: 10px;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;การอัปโหลดไฟล์ใหญ่ไม่จำเป็นต้องเป็นฝันร้ายของผู้ใช้อีกต่อไป ด้วย tus protocol และไลบรารี &amp;lt;code style=&amp;quot;background: rgb(239, 234, 217); border-radius: 5px; box-sizing: border-box; color: #8a4b00; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 7px;&amp;quot;&amp;gt;tus-php&amp;lt;/code&amp;gt; เราสามารถเปลี่ยนการอัปโหลดแบบ &amp;quot;พังแล้วเริ่มใหม่ทั้งหมด&amp;quot; ให้กลายเป็น &amp;quot;หยุดตรงไหน ก็ต่อจากตรงนั้น&amp;quot; ได้ โดยที่ไม่ต้องเขียนกลไก chunk และ offset เองตั้งแต่ศูนย์ ไม่ว่าจะใช้ CodeIgniter 4 หรือ Laravel แนวคิดก็เหมือนกันคือสร้าง endpoint เดียวให้รับทุก method ของ tus แล้วปล่อยให้ไลบรารีจัดการส่วนที่เหลือ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 16px;&amp;quot;&amp;gt;สำหรับใครที่กำลังจะเริ่มฟีเจอร์อัปโหลดไฟล์ขนาดใหญ่ในโปรเจกต์ถัดไป ลองเริ่มจากการรันตัวอย่าง server แบบ minimal ในบทความนี้ดูก่อน แล้วค่อยปรับให้เข้ากับ authentication และ business logic ของระบบจริง&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/1167508421952488969/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/resumable-upload-tus-protocol.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/1167508421952488969'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/1167508421952488969'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/resumable-upload-tus-protocol.html' title='Resumable Upload ด้วย tus Protocol: อัปโหลดไฟล์ใหญ่ เน็ตหลุดก็ไม่ต้องเริ่มใหม่'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh0AsTn6Lev6RTySW19Qp0YraoJVlnTA1nV2tRdFNc7OM2cz9hE1Gw7hiuVi1wF4XT-AEfUVnSVhmY9I9SFq8Nh97aiVjOAWNLEMXu6gqSeLGt3crYA4OBS8diYH0Rt2ckMCQxnS57fAwTh2M2xbmyik0m-Ql4o7r5VEq0uQvvtnIdaX76CjzWAT3GIJtM=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-3547193345506195012&lt;/id&gt;&lt;published&gt;2026-06-20T19:38:57.333+07:00&lt;/published&gt;&lt;updated&gt;2026-06-20T19:38:57.333+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;เบื้องหลัง API Artisan: สร้าง Laravel API ที่นักพัฒนาอยากใช้จริง&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEhp1Vd_lxncttYDzYIF6_Ddo8kZQtHg3UqBHs-Wm9o0wp9EyY30O4GhuGWdUStxlUK2I8bfEAEJp_7v5UtN6MgqFnIW0k7ExBrHLy6b7aGmICvZKFKqxcCFXvtuwLakBtOqxzHvwVsQ8PkGSmDSolZntlDixcAhjy5YUvHtQOgvYUJoke4NcfiHeecpW34&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1149&amp;quot; data-original-width=&amp;quot;1369&amp;quot; height=&amp;quot;480&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEhp1Vd_lxncttYDzYIF6_Ddo8kZQtHg3UqBHs-Wm9o0wp9EyY30O4GhuGWdUStxlUK2I8bfEAEJp_7v5UtN6MgqFnIW0k7ExBrHLy6b7aGmICvZKFKqxcCFXvtuwLakBtOqxzHvwVsQ8PkGSmDSolZntlDixcAhjy5YUvHtQOgvYUJoke4NcfiHeecpW34&amp;quot; width=&amp;quot;572&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;apiart-hero&amp;quot; style=&amp;quot;background: linear-gradient(rgba(24, 19, 17, 0.97), rgba(24, 19, 17, 0.99)) 0% 0% / auto repeat scroll padding-box border-box, repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0.035) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 28px) 0% 0% / auto repeat scroll padding-box border-box, repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0px, rgba(255, 255, 255, 0.035) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 28px) 0% 0% / auto repeat scroll padding-box border-box, none 0% 0% / auto repeat scroll padding-box border-box rgb(24, 19, 17); border-radius: 18px; box-sizing: border-box; color: #f4efe7; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 36px; overflow: hidden; padding: 56px 36px 44px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-eyebrow&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #ff2d20; display: inline-flex; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; gap: 8px; letter-spacing: 0.14em; margin-bottom: 18px; text-transform: uppercase;&amp;quot;&amp;gt;PHP Code Mania · Laravel API&amp;lt;/span&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: #fbf8f4; font-size: 34px; line-height: 1.35; margin: 0px 0px 14px;&amp;quot;&amp;gt;เบื้องหลัง API Artisan: สร้าง Laravel API ที่นักพัฒนาอยากใช้จริง&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;lead&amp;quot; style=&amp;quot;box-sizing: border-box; color: #c9bfb3; font-size: 16.5px; margin: 0px 0px 28px; max-width: 600px;&amp;quot;&amp;gt;ตั้งแต่ออกแบบ endpoint แรก ไปจนถึง versioning และการเขียนเทสต์ — เคล็ดลับที่ทำให้ API ของคุณไม่ใช่แค่ &amp;quot;ใช้งานได้&amp;quot; แต่เป็น API ที่ทีมอื่นเปิดเอกสารแล้วยิ้ม&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-terminal&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.35) 0px 18px 40px; box-sizing: border-box; max-width: 560px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-terminal-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); border-bottom: 1px solid rgba(255, 255, 255, 0.06); box-sizing: border-box; display: flex; gap: 7px; padding: 11px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-terminal-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;~/projects/api-artisan&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.9; margin: 0px; overflow-x: auto; padding: 18px 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;c-prompt&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;$&amp;lt;/span&amp;gt; php artisan make:controller UserController --api
&amp;lt;span class=&amp;quot;c-out&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;INFO&amp;lt;/span&amp;gt;  Controller [app/Http/Controllers/UserController.php] created successfully.

&amp;lt;span class=&amp;quot;c-prompt&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;$&amp;lt;/span&amp;gt; php artisan make:resource UserResource
&amp;lt;span class=&amp;quot;c-out&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;INFO&amp;lt;/span&amp;gt;  Resource [app/Http/Resources/UserResource.php] created successfully.

&amp;lt;span class=&amp;quot;c-comment&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a7f72;&amp;quot;&amp;gt;# เริ่มต้นเหมือนช่างฝีมือ: เตรียมเครื่องมือก่อนลงมือ&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;คำว่า &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;Artisan&amp;lt;/b&amp;gt; ใน Laravel ไม่ได้แปลว่า &amp;quot;เครื่องมือบรรทัดคำสั่ง&amp;quot; เพียงอย่างเดียว แต่มันสะท้อนปรัชญาของเฟรมเวิร์กนี้ทั้งหมด นั่นคือ การเขียนโค้ดควรเป็นงานฝีมือที่ประณีต ไม่ใช่แค่โค้ดที่ &amp;quot;รันผ่าน&amp;quot; แล้วจบ และไม่มีที่ไหนที่ปรัชญานี้สำคัญเท่ากับตอนที่คุณกำลังออกแบบ &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;API&amp;lt;/b&amp;gt; เพราะ API ที่คุณสร้างวันนี้ จะกลายเป็นสัญญา (contract) ที่ทีม frontend, แอปมือถือ หรือแม้แต่ระบบภายนอกต้องพึ่งพาไปอีกหลายปี&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;บทความนี้เขียนขึ้นสำหรับนักพัฒนาที่คุ้นเคยกับ CodeIgniter 4 หรือเพิ่งเริ่มจับ Laravel และอยากเข้าใจว่า &amp;quot;API ที่ดี&amp;quot; ในมุมมองของ Laravel ควรหน้าตาเป็นอย่างไร เราจะไล่ตั้งแต่การวางแผน ไปจนถึงเรื่อง authentication, validation, performance และการเขียนเทสต์ — ครบทุกขั้นตอนที่ทำให้ API ของคุณ &amp;quot;พร้อมใช้งานจริง&amp;quot; ไม่ใช่แค่ดีโม&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;01&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;วางแผนก่อนเขียนโค้ดสักบรรทัด&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;นักพัฒนามือใหม่จำนวนมากเปิด editor แล้วเริ่มเขียน route ทันที แต่ช่างฝีมือที่ดีจะร่างแบบก่อนลงมือ ก่อนเขียนโค้ด ให้ถามตัวเองสามข้อ: API นี้มีไว้เพื่ออะไร, resource อะไรบ้างที่จะเปิดให้เข้าถึง และใครคือผู้ใช้งานปลายทาง (mobile app, SPA หรือระบบภายนอก)&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;เมื่อตอบคำถามเหล่านี้ได้แล้ว ให้ออกแบบ endpoint ตามหลัก &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;RESTful&amp;lt;/b&amp;gt; คือยึด resource เป็นหลักและใช้ HTTP method สื่อความหมายของการกระทำ เช่น &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;GET /api/users&amp;lt;/span&amp;gt; สำหรับดึงรายการ และ &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;POST /api/users&amp;lt;/span&amp;gt; สำหรับสร้างใหม่ แทนที่จะตั้งชื่อ endpoint แบบ &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;/api/getAllUsers&amp;lt;/span&amp;gt; ซึ่งไม่ตรงตามแบบแผนที่นักพัฒนาส่วนใหญ่คุ้นเคย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-callout&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 233, 221); border-left: 4px solid rgb(255, 45, 32); border-radius: 0px 10px 10px 0px; box-sizing: border-box; font-size: 15.5px; margin: 18px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;b style=&amp;quot;box-sizing: border-box; color: #c92418;&amp;quot;&amp;gt;เคล็ดลับ:&amp;lt;/b&amp;gt; เขียนเอกสาร API ไว้ตั้งแต่ก่อนเริ่มโค้ดจริง แม้จะเป็นแค่โน้ตสั้น ๆ ก็ช่วยให้ทีมเห็นภาพตรงกันก่อนที่จะแก้โครงสร้างทีหลัง ซึ่งมีต้นทุนสูงกว่ามาก&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;02&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;ใช้ Resource Controller จัดระเบียบ CRUD&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;Laravel มีคำสั่งสร้าง controller สำหรับ API โดยเฉพาะ ซึ่งจะมาพร้อมเมธอดมาตรฐานครบทั้ง 5 ตัวสำหรับ CRUD โดยไม่มีเมธอดสำหรับแสดงฟอร์ม (เพราะ API ไม่ต้องการ view)&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a7f72;&amp;quot;&amp;gt;// สร้าง controller แบบ API (ไม่มี create/edit form)&amp;lt;/span&amp;gt;
php artisan make:controller UserController --api&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;คำสั่งนี้จะสร้างเมธอด &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;index, store, show, update, destroy&amp;lt;/span&amp;gt; ให้พร้อมใช้ จากนั้นคุณแค่เติม logic เข้าไป โดยให้แต่ละเมธอดทำหน้าที่เดียวให้ชัดเจน ไม่ปนกัน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;UserController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;() {
    &amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; UserResource::collection(User::paginate(10));
}

&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;show&amp;lt;/span&amp;gt;(User $user) {
    &amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;return new&amp;lt;/span&amp;gt; UserResource($user);
}

&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;store&amp;lt;/span&amp;gt;(StoreUserRequest $request) {
    $user = User::create($request-&amp;amp;gt;validated());
    &amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;return new&amp;lt;/span&amp;gt; UserResource($user);
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;03&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;แปลง Model เป็น JSON ด้วย API Resource&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;ปัญหาคลาสสิกของมือใหม่คือการ &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;return $user;&amp;lt;/span&amp;gt; ตรง ๆ จาก Eloquent ซึ่งจะส่งทุกคอลัมน์ในตาราง รวมถึง password hash หรือ token ที่ไม่ควรหลุดออกไปด้วย &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;API Resource&amp;lt;/b&amp;gt; คือชั้นที่ทำหน้าที่ &amp;quot;คัดและจัดรูป&amp;quot; ข้อมูลก่อนส่งออกไปเป็น JSON&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;php artisan make:resource UserResource&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;UserResource.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;toArray&amp;lt;/span&amp;gt;($request) {
    &amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $this-&amp;amp;gt;id,
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $this-&amp;amp;gt;name,
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $this-&amp;amp;gt;email,
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;joined_at&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $this-&amp;amp;gt;created_at-&amp;amp;gt;format(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;Y-m-d&amp;#39;&amp;lt;/span&amp;gt;),
    ];
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;ข้อดีคือเมื่อโครงสร้างฐานข้อมูลเปลี่ยน คุณแก้แค่ที่เดียวในไฟล์ Resource โดยที่ฝั่ง client ไม่รู้สึกถึงผลกระทบเลย&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;04&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;Validate ทุกครั้งด้วย Form Request&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;อย่าไว้ใจข้อมูลที่ส่งเข้ามาจาก client เด็ดขาด ไม่ว่าจะเป็นแอปมือถือของทีมคุณเองก็ตาม Laravel แนะนำให้แยก logic การตรวจสอบข้อมูลออกจาก controller ไปไว้ในคลาส &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;Form Request&amp;lt;/b&amp;gt; โดยเฉพาะ เพื่อให้ controller อ่านง่ายและ validation rule นำกลับมาใช้ซ้ำได้&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;php artisan make:request StoreUserRequest&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;StoreUserRequest.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;rules&amp;lt;/span&amp;gt;() {
    &amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;required|string|max:255&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;required|email|unique:users,email&amp;#39;&amp;lt;/span&amp;gt;,
    ];
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;05&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;ยืนยันตัวตนด้วย Sanctum&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;สำหรับ API ที่ให้บริการ SPA หรือแอปมือถือ &amp;lt;b style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;Laravel Sanctum&amp;lt;/b&amp;gt; คือตัวเลือกที่เบาและตั้งค่าง่ายกว่า OAuth เต็มรูปแบบ เหมาะกับโปรเจกต์ส่วนใหญ่ที่ไม่ได้ต้องการระบบสิทธิ์ซับซ้อนระดับองค์กร&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;composer require laravel/sanctum&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;routes/api.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;Route::middleware([&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;auth:sanctum&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;throttle:60,1&amp;#39;&amp;lt;/span&amp;gt;])-&amp;amp;gt;group(&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; () {
    Route::get(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;/profile&amp;#39;&amp;lt;/span&amp;gt;, [ProfileController::class, &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;show&amp;#39;&amp;lt;/span&amp;gt;]);
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;การห่อ route ไว้ใน middleware group แบบนี้ ทำให้คุณจัดการ authentication และ rate limiting ของหลาย endpoint พร้อมกันได้จากจุดเดียว ไม่ต้องเขียนซ้ำในทุกเมธอด&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;06&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;คุม Performance ด้วย Pagination และ Eager Loading&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;API ที่ตอบกลับข้อมูลทั้งตารางในครั้งเดียวคือระเบิดเวลา เพราะเมื่อข้อมูลในฐานข้อมูลโตขึ้น response time จะยิ่งช้าลงเรื่อย ๆ ใช้ &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;paginate()&amp;lt;/span&amp;gt; เพื่อจำกัดจำนวนต่อหน้าเสมอ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;UserController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8a7f72;&amp;quot;&amp;gt;// ดึง user พร้อม posts ในคำสั่งเดียว แทนการ query วนลูป&amp;lt;/span&amp;gt;
$users = User::with(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;paginate(10);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;การเรียก &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;with(&amp;#39;posts&amp;#39;)&amp;lt;/span&amp;gt; คือ eager loading ที่ช่วยแก้ปัญหา N+1 query ซึ่งเป็นสาเหตุอันดับต้น ๆ ที่ทำให้ API ของมือใหม่ช้าโดยไม่รู้ตัว เพราะถ้าไม่ใส่ Laravel จะยิง query แยกไปดึง posts ของ user แต่ละคนทีละแถว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;07&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;ตอบ Error ให้สม่ำเสมอ และเปิด CORS อย่างปลอดภัย&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;ฝั่ง client จะเขียนโค้ดจัดการ error ได้ง่ายขึ้นมาก ถ้า API ของคุณตอบกลับ error format เดียวกันทุกครั้ง ไม่ใช่บางจุด throw exception เป็น HTML บางจุดเป็น JSON ปนกัน Laravel มีระบบ exception handler กลางที่ช่วยควบคุมเรื่องนี้ได้ในจุดเดียว&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;ส่วนเรื่อง CORS หากต้องเปิดให้ frontend จากโดเมนอื่นเรียก API ได้ ให้ตั้งค่าผ่านไฟล์ &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;config/cors.php&amp;lt;/span&amp;gt; โดยควรระบุโดเมนที่อนุญาตให้ชัดเจน แทนที่จะเปิดกว้างด้วย &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;&amp;#39;*&amp;#39;&amp;lt;/span&amp;gt; ในระบบที่ใช้งานจริง เพราะนั่นเท่ากับเปิดให้เว็บไซต์ใดก็ได้เรียก API ของคุณ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;08&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;Version API ไว้ตั้งแต่วันแรก&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;วันหนึ่งคุณจะต้องเปลี่ยนโครงสร้าง response แน่นอน ไม่ว่าจะเพิ่มฟิลด์หรือลบฟิลด์ที่ไม่ใช้แล้ว การมี version ใน path ตั้งแต่เริ่มต้น ช่วยให้คุณปล่อยเวอร์ชันใหม่ได้โดยไม่ทำให้แอปเวอร์ชันเก่าที่ยังเรียก API อยู่พังกะทันหัน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;routes/api.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;Route::prefix(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;v1&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;group(&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; () {
    Route::get(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;/users&amp;#39;&amp;lt;/span&amp;gt;, [UserController::class, &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/span&amp;gt;]);
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;09&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;เขียน Test ไว้ดักก่อนโค้ดพัง&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;Laravel มีเครื่องมือทดสอบ API ในตัวที่ใช้งานง่ายมาก แค่ยิง request จำลองแล้วตรวจสอบ response ที่ได้ การมีเทสต์เพียงไม่กี่เคสสำหรับ endpoint สำคัญ ช่วยให้คุณกล้า refactor โค้ดในอนาคตโดยไม่ต้องนั่งทดสอบมือทุกครั้ง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;apiart-code&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(31, 26, 23); border-radius: 11px; box-shadow: rgba(24, 19, 17, 0.18) 0px 10px 26px; box-sizing: border-box; margin: 16px 0px 22px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(38, 32, 25); box-sizing: border-box; display: flex; gap: 7px; padding: 10px 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;apiart-dot green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fname&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a8f82; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 8px;&amp;quot;&amp;gt;UserApiTest.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #e8e3dc; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.85; margin: 0px; overflow-x: auto; padding: 16px 18px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;k&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff2d20;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e8b065;&amp;quot;&amp;gt;test_user_can_register&amp;lt;/span&amp;gt;() {
    $response = $this-&amp;amp;gt;postJson(&amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;/api/register&amp;#39;&amp;lt;/span&amp;gt;, [
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;CyberMan&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;s&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd89a;&amp;quot;&amp;gt;&amp;#39;dev@example.com&amp;#39;&amp;lt;/span&amp;gt;,
    ]);

    $response-&amp;amp;gt;assertStatus(201);
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;apiart-section&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 46px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;apiart-step&amp;quot; style=&amp;quot;align-items: baseline; box-sizing: border-box; display: flex; gap: 14px; margin-bottom: 14px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;apiart-step-num&amp;quot; style=&amp;quot;border-color: rgb(255, 45, 32); border-image: none 100% / 1 / 0 stretch; border-radius: 7px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #ff2d20; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; padding: 3px 9px;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;ปิดท้ายด้วยเอกสาร API&amp;lt;/h2&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 16px;&amp;quot;&amp;gt;API ที่ไม่มีเอกสาร คือ API ที่ทีมอื่นกลัวจะใช้ แพ็กเกจอย่าง &amp;lt;span class=&amp;quot;apiart-mono&amp;quot; style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace;&amp;quot;&amp;gt;l5-swagger&amp;lt;/span&amp;gt; ช่วยให้คุณเขียนคอมเมนต์รูปแบบ OpenAPI ไว้เหนือแต่ละเมธอด แล้วระบบจะ generate หน้าเอกสารแบบ interactive ให้อัตโนมัติ ทำให้นักพัฒนาฝั่งอื่นทดลองยิง request ได้จากเบราว์เซอร์โดยไม่ต้องถามคุณซ้ำ ๆ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 23px; margin: 46px 0px 0px;&amp;quot;&amp;gt;สรุปเช็กลิสต์: 8 เรื่องที่ API ของคุณควรมี&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;apiart-table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 18px 0px 26px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;apiart-table&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; border-radius: 10px; font-size: 15px; overflow: hidden; width: 880px;&amp;quot;&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(24, 19, 17); box-sizing: border-box; color: #f4efe7; font-size: 14px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(24, 19, 17); box-sizing: border-box; color: #f4efe7; font-size: 14px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;สิ่งที่ควรทำ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(24, 19, 17); box-sizing: border-box; color: #f4efe7; font-size: 14px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;เครื่องมือ/แพ็กเกจ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;โครงสร้าง endpoint&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ยึดหลัก RESTful ตาม resource และ HTTP method&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;route:api&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;รูปแบบข้อมูลส่งออก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้ Resource คัดและจัดรูป JSON เสมอ&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;make:resource&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ตรวจสอบข้อมูลขาเข้า&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;แยก rule ไว้ใน Form Request&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;make:request&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;การยืนยันตัวตน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้ token-based auth ที่เบาและพอดีกับงาน&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;laravel/sanctum&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;จำกัดการเรียกใช้&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ตั้ง rate limit ป้องกัน abuse&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;throttle middleware&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ความเร็ว&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;paginate ทุก list และ eager load ความสัมพันธ์&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;with() / paginate()&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ความเข้ากันได้ย้อนหลัง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใส่ version ใน path ตั้งแต่ต้น&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom: 1px solid rgb(228, 217, 200); box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;Route::prefix&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ความมั่นใจในการแก้โค้ด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;เขียนเทสต์ครอบ endpoint สำคัญ&amp;lt;/td&amp;gt;&amp;lt;td class=&amp;quot;tag&amp;quot; style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #c92418; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 12px 16px; vertical-align: top; white-space: nowrap;&amp;quot;&amp;gt;postJson()&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 23px; margin: 0px;&amp;quot;&amp;gt;สรุป: API ที่ดีคืองานฝีมือ ไม่ใช่ของสำเร็จรูป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;ทั้งหมดนี้ไม่ใช่กฎตายตัวที่ต้องทำให้ครบในวันแรก แต่เป็นแนวทางที่ค่อย ๆ เก็บเพิ่มได้ทีละข้อ เริ่มจาก Resource Controller และ API Resource ก่อน เพราะสองตัวนี้จะวางรากฐานให้โค้ดอ่านง่าย จากนั้นค่อยเติม validation, authentication และ rate limiting เข้าไปตามความจำเป็นของโปรเจกต์&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2a2420; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px;&amp;quot;&amp;gt;สำหรับใครที่คุ้นเคยกับ CodeIgniter 4 อยู่แล้ว แนวคิดเรื่อง resource-based routing, การแยก validation ออกจาก controller หรือการ version API ก็นำไปปรับใช้กับ CI4 ได้เช่นกัน เพียงแค่ syntax และชื่อคลาสจะต่างกันไปตามแต่ละเฟรมเวิร์ก แก่นของหลักการยังเหมือนเดิม&amp;lt;/p&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/3547193345506195012/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/api-artisan-laravel-api.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3547193345506195012'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3547193345506195012'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/api-artisan-laravel-api.html' title='เบื้องหลัง API Artisan: สร้าง Laravel API ที่นักพัฒนาอยากใช้จริง'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEhp1Vd_lxncttYDzYIF6_Ddo8kZQtHg3UqBHs-Wm9o0wp9EyY30O4GhuGWdUStxlUK2I8bfEAEJp_7v5UtN6MgqFnIW0k7ExBrHLy6b7aGmICvZKFKqxcCFXvtuwLakBtOqxzHvwVsQ8PkGSmDSolZntlDixcAhjy5YUvHtQOgvYUJoke4NcfiHeecpW34=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-3557209185595355615&lt;/id&gt;&lt;published&gt;2026-06-19T21:54:09.641+07:00&lt;/published&gt;&lt;updated&gt;2026-06-19T21:54:09.641+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;Pinion: Resumable File Upload อัปโหลดไฟล์ขนาดใหญ่โดยไม่ต้องเริ่มใหม่&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiD9IPr9QV1VBIvUdm40cNk3ng1wABFcaJaHkGz4IXv8xaUCq4yVlhCtiWg7piehla0-AT1ygHUSnwt-93_Z_Wi9hwEEbGVlxXVFWQhOm1wGmv6dbYELTDPnhvHg6-JRWt-VQXrekfeExO-GlWJf1GqyMYvjtu-eou36oWKYlBtkur1ALRWK_EaPxesX5A&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1536&amp;quot; data-original-width=&amp;quot;1024&amp;quot; height=&amp;quot;640&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiD9IPr9QV1VBIvUdm40cNk3ng1wABFcaJaHkGz4IXv8xaUCq4yVlhCtiWg7piehla0-AT1ygHUSnwt-93_Z_Wi9hwEEbGVlxXVFWQhOm1wGmv6dbYELTDPnhvHg6-JRWt-VQXrekfeExO-GlWJf1GqyMYvjtu-eou36oWKYlBtkur1ALRWK_EaPxesX5A=w427-h640&amp;quot; width=&amp;quot;427&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(15, 17, 23) 0%, rgb(26, 31, 46) 60%, rgb(14, 26, 46) 100%) rgb(249, 249, 247); border-radius: 0px 0px 16px 16px; color: #e2e8f0; font-family: Sarabun, sans-serif; font-size: 17px; margin-bottom: 40px; overflow: hidden; padding: 52px 36px 48px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.12em; margin-bottom: 12px; text-transform: uppercase;&amp;quot;&amp;gt;📦 PHP / CodeIgniter 4 / Laravel&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;color: white; font-size: 2rem; line-height: 1.3; margin: 0px 0px 14px;&amp;quot;&amp;gt;Pinion: Resumable File Upload&amp;lt;br /&amp;gt;อัปโหลดไฟล์ขนาดใหญ่โดยไม่ต้องเริ่มใหม่&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;color: #94a3b8; font-size: 15px; margin: 0px;&amp;quot;&amp;gt;ใช้ tus protocol + tus-php library แก้ปัญหาการอัปโหลดไฟล์ที่ค้างกลางทาง ครั้งเดียวจบ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;tag-list&amp;quot; style=&amp;quot;display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.15); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.3); color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; padding: 3px 12px;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.15); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.3); color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; padding: 3px 12px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.15); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.3); color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; padding: 3px 12px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.15); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.3); color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; padding: 3px 12px;&amp;quot;&amp;gt;File Upload&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.15); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.3); color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; padding: 3px 12px;&amp;quot;&amp;gt;tus-php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🤔 ปัญหาที่นักพัฒนา PHP ทุกคนเคยเจอ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ลองนึกภาพสถานการณ์นี้ดู — ผู้ใช้งานของคุณพยายามอัปโหลดวิดีโอขนาด 2 GB ขึ้นไปยังเว็บแอปของคุณ รออยู่นาน 45 นาที แล้วอินเทอร์เน็ตก็ดับ หรือเบราว์เซอร์ค้าง ผลลัพธ์คือ? &amp;lt;strong&amp;gt;ต้องเริ่มอัปโหลดใหม่ตั้งแต่ต้น&amp;lt;/strong&amp;gt; ซึ่งเป็นประสบการณ์ที่แย่มากสำหรับผู้ใช้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ปัญหานี้พบได้บ่อยมากในระบบที่ต้องรับไฟล์ขนาดใหญ่ เช่น ระบบ LMS ที่อัปโหลดวิดีโอบทเรียน, ระบบจัดการเอกสารของหน่วยงานภาครัฐ, หรือแอปพลิเคชัน Creative ที่รับไฟล์ RAW จากกล้อง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout&amp;quot; style=&amp;quot;background: rgb(255, 248, 225); border-left: 4px solid rgb(246, 173, 85); border-radius: 0px 8px 8px 0px; color: #744210; font-family: Sarabun, sans-serif; font-size: 15px; margin: 24px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-weight: 700;&amp;quot;&amp;gt;💡 แนวคิดหลัก:&amp;lt;/span&amp;gt; แทนที่จะอัปโหลดไฟล์ทั้งก้อนในครั้งเดียว ให้แบ่งไฟล์ออกเป็น &amp;lt;em&amp;gt;chunks&amp;lt;/em&amp;gt; เล็ก ๆ แล้วส่งทีละก้อน ถ้าขาดกลางทาง ครั้งหน้าก็เริ่มต่อจากก้อนที่ค้างไว้ได้เลย&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🔌 tus Protocol คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;tus&amp;lt;/strong&amp;gt; (อ่านว่า &amp;quot;tuːs&amp;quot;) คือ open protocol สำหรับการอัปโหลดไฟล์แบบ resumable โดยเฉพาะ มันถูกออกแบบมาให้รองรับการหยุดกลางทาง ไม่ว่าจะโดยตั้งใจ (ผู้ใช้กด pause) หรือโดยอุบัติเหตุ (เน็ตหลุด, เบราว์เซอร์ปิด) แล้วสามารถกลับมาต่อจากจุดเดิมได้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;จุดเด่นที่น่าสนใจอีกอย่างคือ คุณสามารถ&amp;lt;strong&amp;gt;เริ่มอัปโหลดจากแล็ปท็อป แล้วมาต่อบนมือถือ&amp;lt;/strong&amp;gt;ได้ เพราะ tus track ความคืบหน้าด้วย upload ID ที่ unique บน server ไม่ใช่บน device&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;📦 tus-php: Library ที่เราจะใช้&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;tus-php&amp;lt;/strong&amp;gt; คือ pure PHP library ที่ implement tus protocol v1.0.0 ครบทั้ง server และ client โดยไม่ผูกติดกับ framework ใด ๆ (framework agnostic) จึงใช้กับทั้ง &amp;lt;strong&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; และ &amp;lt;strong&amp;gt;Laravel&amp;lt;/strong&amp;gt; ได้สะดวก&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f9f9f7; color: #2d3748; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 28px 0px 10px;&amp;quot;&amp;gt;ติดตั้งผ่าน Composer&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;composer&amp;lt;/span&amp;gt; require ankitpokhrel/tus-php&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;⚙️ หลักการทำงานแบบ Step by Step&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;align-items: flex-start; display: flex; gap: 16px; margin-bottom: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 31, 46); border-radius: 8px; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; height: 36px; justify-content: center; margin-top: 2px; min-width: 36px;&amp;quot;&amp;gt;01&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-size: 1.1rem; margin: 0px 0px 6px;&amp;quot;&amp;gt;Client แบ่งไฟล์เป็น Chunks&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #4a5568; font-size: 15px; margin: 0px;&amp;quot;&amp;gt;JavaScript ฝั่ง client แบ่งไฟล์ออกเป็นก้อนเล็ก ๆ (เช่น 5 MB ต่อก้อน) แล้วส่งทีละ request&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;align-items: flex-start; display: flex; gap: 16px; margin-bottom: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 31, 46); border-radius: 8px; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; height: 36px; justify-content: center; margin-top: 2px; min-width: 36px;&amp;quot;&amp;gt;02&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-size: 1.1rem; margin: 0px 0px 6px;&amp;quot;&amp;gt;Server เก็บ Offset&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #4a5568; font-size: 15px; margin: 0px;&amp;quot;&amp;gt;Server (tus-php) เก็บค่า offset ไว้ใน Redis หรือ Cache ว่าไฟล์อัปโหลดมาถึงไบต์ที่เท่าไรแล้ว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;align-items: flex-start; display: flex; gap: 16px; margin-bottom: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 31, 46); border-radius: 8px; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; height: 36px; justify-content: center; margin-top: 2px; min-width: 36px;&amp;quot;&amp;gt;03&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-size: 1.1rem; margin: 0px 0px 6px;&amp;quot;&amp;gt;เกิดการขัดจังหวะ? ต่อได้เลย&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #4a5568; font-size: 15px; margin: 0px;&amp;quot;&amp;gt;Client ส่ง HEAD request มาถามว่า server รับข้อมูลถึงไหนแล้ว แล้วส่ง chunk ที่เหลือต่อทันที&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;align-items: flex-start; display: flex; gap: 16px; margin-bottom: 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 31, 46); border-radius: 8px; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; font-weight: 700; height: 36px; justify-content: center; margin-top: 2px; min-width: 36px;&amp;quot;&amp;gt;04&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-size: 1.1rem; margin: 0px 0px 6px;&amp;quot;&amp;gt;ประกอบ Chunks เป็นไฟล์สมบูรณ์&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #4a5568; font-size: 15px; margin: 0px;&amp;quot;&amp;gt;เมื่อรับครบทุก chunk แล้ว server จะ merge เป็นไฟล์ต้นฉบับที่สมบูรณ์&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🖥️ ฝั่ง Server: สร้าง TUS Endpoint&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ไฟล์นี้ทำหน้าที่เป็น tus server — รับ request จาก client และจัดการ chunk ทั้งหมด ตัวอย่างด้านล่างใช้ Redis เป็น storage สำหรับเก็บ upload metadata&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;tus-server.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;require&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;vendor/autoload.php&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// สร้าง TUS server โดยใช้ Redis เก็บ upload state&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; \TusPhp\Tus\Server(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;redis&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// กำหนด path ที่จะเก็บไฟล์&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/var/www/uploads&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// กำหนดขนาด chunk สูงสุด (5 MB)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;setMaxUploadSize&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cn&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;5 * 1024 * 1024&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ให้ server จัดการ request ทั้งหมด&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cn&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;); &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// จำเป็นต้อง exit เพื่อหยุด PHP process&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f9f9f7; color: #2d3748; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 28px 0px 10px;&amp;quot;&amp;gt;ตั้งค่า Nginx ให้ชี้มาที่ server&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;nginx.conf&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;location&amp;lt;/span&amp;gt; /uploads {
    &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;try_files&amp;lt;/span&amp;gt; $uri $uri/ /tus-server.php?$query_string;
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🚀 ใช้กับ Laravel: ผ่าน Route&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ใน Laravel ไม่จำเป็นต้องแก้ไข Nginx config ตรง ๆ — ให้กำหนด route ใน &amp;lt;code&amp;gt;routes/web.php&amp;lt;/code&amp;gt; หรือ &amp;lt;code&amp;gt;routes/api.php&amp;lt;/code&amp;gt; แทน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;routes/api.php (Laravel)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Support\Facades\Route;
&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Controllers\TusUploadController;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// รองรับ TUS protocol ทุก HTTP method&amp;lt;/span&amp;gt;
Route::&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;any&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/upload/{token?}&amp;#39;&amp;lt;/span&amp;gt;, [TusUploadController::class, &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;handle&amp;#39;&amp;lt;/span&amp;gt;])
    -&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;token&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;[0-9a-zA-Z\-]+&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;app/Http/Controllers/TusUploadController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Controllers;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; TusPhp\Tus\Server;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;TusUploadController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;handle&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Server&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;redis&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;storage_path&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;app/uploads&amp;#39;&amp;lt;/span&amp;gt;));

        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cn&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🔥 ใช้กับ CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;CI4 มี Router ที่ยืดหยุ่น สามารถ map ทุก HTTP method เข้า controller เดียวได้ง่าย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;app/Config/Routes.php (CI4)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// รองรับทุก method สำหรับ TUS endpoint&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;add&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;upload/(:any)&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;TusUpload::handle/$1&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;add&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;upload&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;TusUpload::handle&amp;#39;&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;app/Controllers/TusUpload.php (CI4)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Controllers;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; CodeIgniter\Controller;
&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; TusPhp\Tus\Server;

&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;TusUpload&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;handle&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Server&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;redis&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;setUploadDir&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;WRITEPATH&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;uploads&amp;#39;&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;serve&amp;lt;/span&amp;gt;();
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;send&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;exit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cn&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🌐 ฝั่ง Client: HTML Form + Uppy.js&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;tus-php ทำงานร่วมกับ JavaScript client library ได้หลายตัว ที่ได้รับความนิยมสูงสุดคือ &amp;lt;strong&amp;gt;Uppy.js&amp;lt;/strong&amp;gt; ซึ่ง support tus protocol แบบ built-in และมี UI สวยงาม พร้อม progress bar&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;upload.blade.php / upload.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;&amp;amp;lt;!-- โหลด Uppy CSS --&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;amp;lt;&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;link&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;rel&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;quot;stylesheet&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;quot;https://releases.transloadit.com/uppy/v3.3.1/uppy.min.css&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;

&amp;amp;lt;&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;id&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;quot;uppy-dashboard&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt;&amp;amp;gt;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;&amp;amp;lt;!-- โหลด Uppy JS --&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;amp;lt;&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;script&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;src&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;quot;https://releases.transloadit.com/uppy/v3.3.1/uppy.min.js&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;script&amp;lt;/span&amp;gt;&amp;amp;gt;
&amp;amp;lt;&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;script&amp;lt;/span&amp;gt;&amp;amp;gt;
  &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;uppy&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Uppy&amp;lt;/span&amp;gt;.&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Uppy&amp;lt;/span&amp;gt;()
    .&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Uppy.Dashboard&amp;lt;/span&amp;gt;, { &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;target&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;#uppy-dashboard&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;inline&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt; })
    .&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;Uppy.Tus&amp;lt;/span&amp;gt;, {
      &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ชี้ endpoint ไปที่ tus server&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;endpoint&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/upload&amp;#39;&amp;lt;/span&amp;gt;,
      &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ขนาด chunk: 5 MB&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;chunkSize&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;cn&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;5 * 1024 * 1024&amp;lt;/span&amp;gt;
    });

  &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;uppy&amp;lt;/span&amp;gt;.&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;on&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;complete&amp;#39;&amp;lt;/span&amp;gt;, (&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;result&amp;lt;/span&amp;gt;) =&amp;amp;gt; {
    &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;console&amp;lt;/span&amp;gt;.&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;log&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;อัปโหลดสำเร็จ:&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;result&amp;lt;/span&amp;gt;.&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;successful&amp;lt;/span&amp;gt;);
  });
&amp;amp;lt;/&amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;script&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;📊 เปรียบเทียบวิธีการอัปโหลดแบบต่าง ๆ&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;background-color: #f9f9f7; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; font-size: 15px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(26, 31, 46); color: #e2e8f0;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;วิธีการ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;Resumable&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ไฟล์ขนาดใหญ่&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ความยากติดตั้ง&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;เหมาะกับ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;HTML Form อย่างเดียว&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(254, 226, 226); border-radius: 12px; color: #991b1b; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;❌ ไม่รองรับ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(254, 226, 226); border-radius: 12px; color: #991b1b; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;❌ จำกัดมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;ง่ายมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ไฟล์เล็ก &amp;amp;lt; 10 MB&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;PHP chunked upload (manual)&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; color: #1e40af; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;⚠️ ทำเองได้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; color: #1e40af; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;⚠️ พอใช้ได้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(254, 226, 226); border-radius: 12px; color: #991b1b; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;ยากมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ระบบที่ต้อง custom เยอะ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;tus-php + tus protocol&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ รองรับเต็ม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ไม่จำกัด&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; color: #1e40af; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ไฟล์ใหญ่, production&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Cloud Storage (S3, GCS)&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ รองรับ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(254, 226, 226); border-radius: 12px; color: #991b1b; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;ซับซ้อน&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Scale ใหญ่, enterprise&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🔧 ต้องการอะไรบ้าง?&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;callout callout-info&amp;quot; style=&amp;quot;background: rgb(235, 248, 255); border-bottom-color: rgb(99, 179, 237); border-left: 4px solid rgb(99, 179, 237); border-radius: 0px 8px 8px 0px; border-right-color: rgb(99, 179, 237); border-top-color: rgb(99, 179, 237); color: #2a4365; font-family: Sarabun, sans-serif; font-size: 15px; margin: 24px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-weight: 700;&amp;quot;&amp;gt;📋 System Requirements:&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;PHP 7.4+ | Redis (แนะนำ) หรือ File-based cache | Composer | Nginx/Apache พร้อม URL Rewrite&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;background-color: #f9f9f7; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; font-size: 15px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(26, 31, 46); color: #e2e8f0;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;Component&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;รายละเอียด&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;หมายเหตุ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code&amp;gt;tus-php&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Library หลัก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;install via Composer&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Redis&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;เก็บ upload state&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้ file cache แทนได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Uppy.js&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;JS client สำหรับ browser&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;หรือ tus-js-client&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Writeable folder&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;เก็บ chunk และไฟล์สุดท้าย&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code&amp;gt;chmod 775&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;🎯 ทำอะไรหลังอัปโหลดเสร็จ?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;tus-php มี event listener ให้คุณดักจับตอนที่ไฟล์ upload ครบ 100% ได้ เหมาะสำหรับ trigger งานต่อเนื่อง เช่น แปลงวิดีโอ, สร้าง thumbnail, หรือบันทึกข้อมูลลงฐานข้อมูล&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 20px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;color: #6b7280; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.05em; margin-left: auto;&amp;quot;&amp;gt;After Upload Hook&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cp&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$server&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;event&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;addListener&amp;lt;/span&amp;gt;(
    \TusPhp\Events\TusEvent::UPLOAD_COMPLETE,
    &amp;lt;span class=&amp;quot;ck&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; (\TusPhp\Events\TusEvent &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$event&amp;lt;/span&amp;gt;) {
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$filePath&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$event&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;getFile&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;getFilePath&amp;lt;/span&amp;gt;();
        &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$fileName&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$event&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;getFile&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;getName&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// บันทึกข้อมูลลงฐานข้อมูล&amp;lt;/span&amp;gt;
        \App\Models\MediaModel::&amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;([
            &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;filename&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$fileName&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;path&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$filePath&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;size&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;cf&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;filesize&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cv&amp;quot; style=&amp;quot;color: #89b4fa;&amp;quot;&amp;gt;$filePath&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;cs&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;ready&amp;#39;&amp;lt;/span&amp;gt;,
        ]);
    }
);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f9f9f7; border-bottom: 2px solid rgb(226, 232, 240); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 44px 0px 14px; padding-bottom: 8px;&amp;quot;&amp;gt;📝 สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;การอัปโหลดไฟล์ขนาดใหญ่เป็นโจทย์ที่ดูเหมือนง่ายแต่มีรายละเอียดซ่อนอยู่มาก โดยเฉพาะเมื่อต้องรองรับผู้ใช้ที่มีอินเทอร์เน็ตไม่เสถียร &amp;lt;strong&amp;gt;tus protocol + tus-php library&amp;lt;/strong&amp;gt; ช่วยแก้ปัญหานี้ได้อย่างสง่างาม โดยคุณไม่ต้องสร้าง chunking logic ขึ้นมาเอง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;background-color: #f9f9f7; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; font-size: 15px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(26, 31, 46); color: #e2e8f0;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;สิ่งที่ได้จากบทความนี้&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;font-size: 13px; letter-spacing: 0.04em; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;สถานะ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;เข้าใจหลักการ Resumable Upload&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ติดตั้งและตั้งค่า tus-php server&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้งานกับ Laravel&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ใช้งานกับ CodeIgniter 4&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;ตั้งค่า Uppy.js client&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 250, 252);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;After-upload event hook&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); color: #374151; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 9px;&amp;quot;&amp;gt;✅ ครอบคลุม&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f9f9f7; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ขั้นตอนต่อไปที่แนะนำคือ เพิ่ม &amp;lt;strong&amp;gt;authentication middleware&amp;lt;/strong&amp;gt; เพื่อป้องกัน upload endpoint, กำหนด file type validation ก่อนประกอบ chunk, และตั้งค่า cleanup job สำหรับไฟล์ chunk ที่อัปโหลดค้างนาน ๆ&amp;lt;/p&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/3557209185595355615/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/pinion-resumable-file-upload.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3557209185595355615'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3557209185595355615'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/pinion-resumable-file-upload.html' title='Pinion: Resumable File Upload อัปโหลดไฟล์ขนาดใหญ่โดยไม่ต้องเริ่มใหม่'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiD9IPr9QV1VBIvUdm40cNk3ng1wABFcaJaHkGz4IXv8xaUCq4yVlhCtiWg7piehla0-AT1ygHUSnwt-93_Z_Wi9hwEEbGVlxXVFWQhOm1wGmv6dbYELTDPnhvHg6-JRWt-VQXrekfeExO-GlWJf1GqyMYvjtu-eou36oWKYlBtkur1ALRWK_EaPxesX5A=s72-w427-h640-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6749652895082192685&lt;/id&gt;&lt;published&gt;2026-06-19T00:09:55.502+07:00&lt;/published&gt;&lt;updated&gt;2026-06-19T00:09:55.502+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;PHP ในปี 2026: ทุกอย่างที่นักพัฒนาต้องรู้&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgA-XImNvLcw-AhnCekBy3jQeKJ4mDzb-bkO1ai6wEGe_tu4nkVFCXOnZUD4dInPdUnF0Lsr18jprhGZLDFQcmvZYXonKd6EH_hjs14NuVAE1GYNvlU1A5ZQwEx29F_UTtu-laATGFJnAsCENuBFDK_6xeo8Hh5qwZXfoE1zsLUOIjkzBMr0IoH73pk4Ro&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgA-XImNvLcw-AhnCekBy3jQeKJ4mDzb-bkO1ai6wEGe_tu4nkVFCXOnZUD4dInPdUnF0Lsr18jprhGZLDFQcmvZYXonKd6EH_hjs14NuVAE1GYNvlU1A5ZQwEx29F_UTtu-laATGFJnAsCENuBFDK_6xeo8Hh5qwZXfoE1zsLUOIjkzBMr0IoH73pk4Ro=w640-h360&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;header class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(76, 29, 149) 0%, rgb(124, 58, 237) 55%, rgb(37, 99, 235) 100%) rgb(248, 249, 251); border-radius: 12px; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px 40px; overflow: hidden; padding: 36px 24px 32px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;background: rgba(255, 255, 255, 0.18); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; color: white; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.06em; margin: 0px 0px 18px; padding: 4px 14px;&amp;quot;&amp;gt;📰 PHP Internals · June 17, 2026&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: white; font-size: clamp(24px, 5vw, 36px); line-height: 1.3; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;PHP ในปี 2026:&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;ทุกอย่างที่นักพัฒนาต้องรู้&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 16px; line-height: 1.7; margin: 0px 0px 14px; max-width: 560px; opacity: 0.85; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #01ffff;&amp;quot;&amp;gt;PHP 8.5 มาแล้ว — พร้อม Pipe Operator, Partial Function Application, Clone with Properties และอีกมาก มาสำรวจว่าสัปดาห์นี้มีอะไรเกิดขึ้นในโลก PHP Internals และจะกระทบกับ CodeIgniter 4 &amp;amp;amp; Laravel อย่างไร&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; color: white; display: flex; flex-wrap: wrap; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; gap: 20px; margin: 28px 0px 0px; opacity: 0.75; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📅 17 มิถุนายน 2569&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⏱ อ่าน ~7 นาที&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🏷 PHP 8.5 · Laravel 13 · CI4&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/header&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🚀&amp;lt;/span&amp;gt;เปิดฉาก: ทำไมปี 2026 ถึงน่าตื่นเต้นสำหรับ PHP?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ถ้าคุณยังคิดว่า PHP เป็นภาษา &amp;quot;โบราณ&amp;quot; ขอบอกเลยว่าคิดผิดมากครับ ปี 2026 เป็นช่วงเวลาที่ PHP กำลังเดินหน้าอย่างมั่นคงด้วย &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP 8.5&amp;lt;/strong&amp;gt; ที่ปล่อยออกมาช่วงปลายปี 2025 และนักพัฒนาส่วนใหญ่เพิ่งเริ่มนำมาใช้งานจริงในปีนี้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ในแต่ละสัปดาห์ ชุมชน PHP Internals จะมีการพูดคุย ถกเถียง และโหวต RFC เพื่อกำหนดทิศทางของภาษา บทความนี้จะสรุปสิ่งที่เกิดขึ้น พร้อมตัวอย่างโค้ดที่คุณเอาไปใช้ใน &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; และ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/strong&amp;gt; ได้เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout callout-info&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-bottom-color: rgb(124, 58, 237); border-left: 4px solid rgb(124, 58, 237); border-radius: 6px; border-right-color: rgb(124, 58, 237); border-top-color: rgb(124, 58, 237); box-sizing: border-box; font-size: 15px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; font-size: 13px; letter-spacing: 0.05em; margin: 0px 0px 4px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;🎯 เหมาะสำหรับ&amp;lt;/strong&amp;gt;ผู้เริ่มต้นที่ใช้ CodeIgniter 4 หรือ Laravel และอยากตามทันฟีเจอร์ PHP ใหม่ ๆ ก่อนใคร&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🔧&amp;lt;/span&amp;gt;ฟีเจอร์ที่ 1: Pipe Operator&amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 17px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;|&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Pipe Operator คือฟีเจอร์ที่นักพัฒนา PHP รอคอยมานาน ไอเดียเรียบง่ายมาก: แทนที่จะซ้อนฟังก์ชันหลาย ๆ ชั้นจนอ่านยาก คุณสามารถ &amp;quot;ส่งต่อ&amp;quot; ค่าจากซ้ายไปขวาได้เลย&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ลองดูตัวอย่างแบบเดิมก่อนที่จะมี Pipe Operator:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;before_pipe.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แบบเดิม — อ่านจากในออกนอก (สับสนมาก)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_sum&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_filter&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_map&amp;lt;/span&amp;gt;(
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; * &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;,
    [&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;]
), &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; &amp;amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;));&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;และแบบใหม่ด้วย Pipe Operator — อ่านจากบนลงล่าง เข้าใจง่ายกว่ามาก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;after_pipe.php (PHP 8.5+)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แบบใหม่ — อ่านจากซ้ายไปขวา ชัดเจนกว่า&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;]
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_map&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; * &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;)
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_filter&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; &amp;amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;)
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_sum&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout callout-tip&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-bottom-color: rgb(5, 150, 105); border-left: 4px solid rgb(5, 150, 105); border-radius: 6px; border-right-color: rgb(5, 150, 105); border-top-color: rgb(5, 150, 105); box-sizing: border-box; font-size: 15px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; font-size: 13px; letter-spacing: 0.05em; margin: 0px 0px 4px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;💡 ใช้กับ Laravel ได้เลย&amp;lt;/strong&amp;gt;ใน Laravel Service หรือ Pipeline ที่มีการแปลงข้อมูลหลายขั้น Pipe Operator ช่วยให้โค้ดอ่านง่ายขึ้นมาก เหมาะกับ Data Transformation Layer ใน Clean Architecture เป็นพิเศษ&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⚡&amp;lt;/span&amp;gt;ฟีเจอร์ที่ 2: Partial Function Application (PFA)&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;นี่คือฟีเจอร์ที่ทำให้ Pipe Operator &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ทรงพลังขึ้นอีกเท่าตัว&amp;lt;/em&amp;gt; ปลายปี 2025 RFC นี้ผ่านการโหวต และจะกลายเป็นคู่หูที่แยกกันไม่ออกกับ Pipe Operator&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;PFA ช่วยให้คุณสร้าง &amp;quot;ฟังก์ชันสำเร็จรูปบางส่วน&amp;quot; โดยใส่ &amp;lt;code style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-radius: 4px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;?&amp;lt;/code&amp;gt; เป็น placeholder สำหรับพารามิเตอร์ที่จะส่งทีหลัง:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;partial_function.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// PFA — ล็อกพารามิเตอร์บางตัวไว้ก่อน ค่อยส่งที่เหลือทีหลัง&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$double&amp;lt;/span&amp;gt;   = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_map&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; * &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$moreThan4&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_filter&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$x&amp;lt;/span&amp;gt; &amp;amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// รวมกับ Pipe Operator — อ่านลื่นมาก&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;4&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fab387; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;]
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$double&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;)
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$moreThan4&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;)
    |&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_sum&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;...&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;var_dump&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt;); &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// int(24) — ผลลัพธ์: (4+6+8+10) = 28, filter &amp;amp;gt;4 = 6+8+10=24&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📦&amp;lt;/span&amp;gt;ฟีเจอร์ที่ 3: Clone with Properties&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;PHP 8.5 เพิ่มความสามารถในการ Clone object พร้อมเปลี่ยนค่า property ได้ในทีเดียว มีประโยชน์มากสำหรับ Value Object และ Immutable Data ใน Domain Layer&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;clone_with.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ตัวอย่าง: Value Object สำหรับ User ใน Laravel&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;UserProfile&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$email&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public readonly string&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$role&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user&amp;#39;&amp;lt;/span&amp;gt;,
    ) {}
}

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$original&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;UserProfile&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;สมชาย&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;somchai@example.com&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// PHP 8.5: clone พร้อมเปลี่ยน property ได้เลย&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$admin&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;clone&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$original&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt; { &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;role&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;admin&amp;#39;&amp;lt;/span&amp;gt; };

&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$original&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;role&amp;lt;/span&amp;gt;; &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// &amp;#39;user&amp;#39;  — ของเดิมไม่เปลี่ยน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$admin&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;role&amp;lt;/span&amp;gt;;    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// &amp;#39;admin&amp;#39; — object ใหม่&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout callout-warn&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 243, 199); border-bottom-color: rgb(217, 119, 6); border-left: 4px solid rgb(217, 119, 6); border-radius: 6px; border-right-color: rgb(217, 119, 6); border-top-color: rgb(217, 119, 6); box-sizing: border-box; font-size: 15px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; font-size: 13px; letter-spacing: 0.05em; margin: 0px 0px 4px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;⚠️ หมายเหตุ&amp;lt;/strong&amp;gt;Syntax ของ Clone with Properties อาจปรับเปลี่ยนเล็กน้อยตาม RFC ล่าสุด ควรตรวจสอบที่&amp;lt;strong style=&amp;quot;box-sizing: border-box; display: block; font-size: 13px; letter-spacing: 0.05em; margin: 0px 0px 4px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;php.net/archive/2026&amp;lt;/strong&amp;gt;ก่อน upgrade production เสมอ&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🐛&amp;lt;/span&amp;gt;ฟีเจอร์ที่ 4: Backtrace สำหรับ Fatal Errors&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;เดิม PHP จะแสดง Fatal Error แบบกระชับ บอกแค่ไฟล์กับบรรทัด ทำให้ debug ยาก PHP 8.5 เพิ่ม stack trace ให้กับ Fatal Error เหมือนกับ Exception ทั่วไป&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;fatal_backtrace.txt — PHP 8.5 output&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Fatal error: Maximum execution time of 1 second exceeded
         in example.php on line 6

#0 example.php(6): usleep(100000)
#1 example.php(12): slowOperation()
#2 example.php(20): processData()
#3 {main}&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;สำหรับโปรเจกต์ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CI4&amp;lt;/strong&amp;gt; และ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/strong&amp;gt; นี่หมายความว่า log ที่ได้จาก error handler จะมีข้อมูลครบขึ้นมาก ช่วยลดเวลา debug ได้อย่างชัดเจน&amp;lt;/p&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🌿&amp;lt;/span&amp;gt;Best Practices สำหรับ Laravel 13 ในปี 2026&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Laravel 12 และ 13 เป็น version ที่ได้รับการ support อย่างเป็นทางการในปีนี้ โดย Laravel 13 รองรับ PHP 8.3–8.5 และจะได้รับ security update ไปถึงปี 2028&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 28px 0px 12px; padding: 0px;&amp;quot;&amp;gt;✅ ใช้ Form Request Validation แทน inline validation&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;app/Http/Requests/StoreProductRequest.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Requests;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Foundation\Http\FormRequest;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;StoreProductRequest&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;FormRequest&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;authorize&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;bool&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;;
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;rules&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; [&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;string&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;max:255&amp;#39;&amp;lt;/span&amp;gt;],
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; [&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;numeric&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;min:0&amp;#39;&amp;lt;/span&amp;gt;],
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;category&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;exists:categories,id&amp;#39;&amp;lt;/span&amp;gt;],
        ];
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;messages&amp;lt;/span&amp;gt;(): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name.required&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;กรุณาระบุชื่อสินค้า&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price.min&amp;#39;&amp;lt;/span&amp;gt;      =&amp;amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ราคาต้องไม่ติดลบ&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;category.exists&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;หมวดหมู่ที่เลือกไม่มีในระบบ&amp;#39;&amp;lt;/span&amp;gt;,
        ];
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 18px; margin: 28px 0px 12px; padding: 0px;&amp;quot;&amp;gt;✅ ใช้ Service Class แยกธุรกิจออกจาก Controller&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;app/Services/ProductService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Services;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\Product;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Requests\StoreProductRequest;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ProductService&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;store&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;StoreProductRequest&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Product&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Product&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;([
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;        =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;validated&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;       =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;validated&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;category_id&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;validated&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;category&amp;#39;&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;created_by&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;auth&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;id&amp;lt;/span&amp;gt;(),
        ]);
    }
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Controller บางเฉียบ — แค่เรียก Service&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;store&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;StoreProductRequest&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ProductService&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$service&amp;lt;/span&amp;gt;
    ) {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$service&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;store&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;redirect&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;route&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;products.show&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;)
                     -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;เพิ่มสินค้าเรียบร้อยแล้ว&amp;#39;&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🔥&amp;lt;/span&amp;gt;สำหรับผู้ใช้ CodeIgniter 4: ใช้ PHP 8.5 ได้เลยไหม?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;CI4 รองรับ PHP 8.1+ อยู่แล้ว และ PHP 8.5 backward compatible กับโค้ดเดิมเป็นส่วนใหญ่ Pipe Operator และ PFA เป็น syntax ใหม่ที่ไม่ได้เปลี่ยนแปลงของเดิม คุณสามารถ upgrade PHP เวอร์ชันได้โดยไม่ต้องแก้โค้ด CI4 เดิม แล้วค่อย ๆ นำ syntax ใหม่มาใช้&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(30, 30, 46); border-color: rgb(61, 61, 92); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px 0px; box-sizing: border-box; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(42, 42, 62); border-bottom: 1px solid rgb(61, 61, 92); box-sizing: border-box; display: flex; gap: 10px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6adc8; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;app/Models/ProductModel.php (CI4)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; line-height: 1.75; margin: 0px; padding: 0px; tab-size: 4;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Models;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; CodeIgniter\Model;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ProductModel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Model&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;      = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;products&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$allowedFields&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;category_id&amp;#39;&amp;lt;/span&amp;gt;];

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// PHP 8.5: ใช้ Pipe Operator ใน method ได้เลย&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getExpensiveProducts&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;float&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$minPrice&amp;lt;/span&amp;gt;): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/span&amp;gt;
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$items&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แบบเดิม&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_values&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array_filter&amp;lt;/span&amp;gt;(
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$items&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$p&amp;lt;/span&amp;gt;) =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$p&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;] &amp;amp;gt;= &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$minPrice&amp;lt;/span&amp;gt;
        ));

        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แบบใหม่ (PHP 8.5) — อ่านง่ายกว่า&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// return $items&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;//     |&amp;amp;gt; array_filter(?, fn($p) =&amp;amp;gt; $p[&amp;#39;price&amp;#39;] &amp;amp;gt;= $minPrice)&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;//     |&amp;amp;gt; array_values(?);&amp;lt;/span&amp;gt;
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📊&amp;lt;/span&amp;gt;ตารางเปรียบเทียบ: PHP 8.4 vs 8.5 vs ที่กำลังจะมา&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px 0px; box-sizing: border-box; margin: 24px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-collapse: collapse; font-size: 15px; margin: 0px; padding: 0px; width: 484px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(124, 58, 237); box-sizing: border-box; color: white; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ฟีเจอร์&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(124, 58, 237); box-sizing: border-box; color: white; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;PHP 8.4&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(124, 58, 237); box-sizing: border-box; color: white; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;PHP 8.5&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(124, 58, 237); box-sizing: border-box; color: white; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;กำลังจะมา&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(124, 58, 237); box-sizing: border-box; color: white; font-size: 14px; letter-spacing: 0.03em; margin: 0px; padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ประโยชน์หลัก&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Pipe Operator &amp;lt;code style=&amp;quot;box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; margin: 0px; padding: 0px;&amp;quot;&amp;gt;|&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ มีแล้ว&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;อ่านโค้ด transform ข้อมูลได้ง่ายขึ้น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Partial Function Application&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ มีแล้ว&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;สร้าง reusable function fragment ได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Clone with Properties&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ มีแล้ว&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Immutable Value Object สะอาดขึ้น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Fatal Error Backtrace&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ มีแล้ว&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Debug production ได้ง่ายขึ้นมาก&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Closures in Attributes&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ มีแล้ว&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Attribute-driven metadata ยืดหยุ่นขึ้น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Property Hooks (get/set)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-purple&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(237, 233, 254); border-radius: 20px; box-sizing: border-box; color: #5b21b6; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ PHP 8.4&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;✅&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;แทน getter/setter ซ้ำซ้อนได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Generics / Type System ขั้นสูง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;❌&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-orange&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(254, 243, 199); border-radius: 20px; box-sizing: border-box; color: #92400e; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;RFC กำลังพิจารณา&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Type safety เทียบเท่า TypeScript&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Laravel 13 + PHP 8.5&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;✅ รองรับ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-bottom: 1px solid rgb(226, 230, 237); box-sizing: border-box; line-height: 1.6; margin: 0px; padding: 12px 16px; vertical-align: top;&amp;quot;&amp;gt;Security update ถึง 2028&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;section class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(237, 233, 254); box-sizing: border-box; color: #7c3aed; display: flex; font-size: 19px; gap: 10px; margin: 0px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🎯&amp;lt;/span&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;conclusion-card&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 12px 0px; box-sizing: border-box; margin: 20px 0px 0px; padding: 24px 20px;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;สัปดาห์นี้ใน PHP Internals บอกเราได้ชัดว่า &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP กำลังวิ่งไปข้างหน้าอย่างไม่หยุด&amp;lt;/strong&amp;gt; ฟีเจอร์อย่าง Pipe Operator และ Partial Function Application ไม่ใช่แค่ syntactic sugar แต่เป็นการเปลี่ยน paradigm การเขียนโค้ดของ PHP ให้ใกล้เคียงกับ functional programming มากขึ้น&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;สิ่งที่คุณควรทำหลังอ่านบทความนี้:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; line-height: 2.2; margin: 0px 0px 14px; padding: 0px 0px 0px 24px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🔄 &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;อัปเกรด&amp;lt;/strong&amp;gt;โปรเจกต์ CI4 / Laravel ให้ใช้ PHP 8.5&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✍️ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ทดลองเขียน&amp;lt;/strong&amp;gt; Pipe Operator กับโค้ด data transformation ที่มีอยู่&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📖 &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ติดตาม&amp;lt;/strong&amp;gt; RFC ที่ php.net/archive/2026 อย่างสม่ำเสมอ&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🛡️ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/strong&amp;gt; ว่า Laravel ของคุณเป็น version 12 หรือ 13 เพื่อรับ security patch ถึงปี 2028&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP ในปี 2026 ไม่ใช่ภาษาเดิมที่คุณรู้จักอีกต่อไปแล้วครับ — มันกำลัง mature ขึ้นทุกวัน&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;div class=&amp;quot;cta-box&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(76, 29, 149), rgb(37, 99, 235)) rgb(248, 249, 251); border-radius: 12px; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 44px 0px 0px; padding: 24px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: white; font-size: 20px; margin: 0px 0px 12px; padding: 0px;&amp;quot;&amp;gt;🚀 อยากพัฒนาทักษะ PHP &amp;amp;amp; Laravel ให้เป็นมืออาชีพ?&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px 0px 24px; opacity: 0.88; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: white;&amp;quot;&amp;gt;ติดตาม &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP Code Mania&amp;lt;/strong&amp;gt; สำหรับบทความภาษาไทยเชิงลึกเกี่ยวกับ PHP, CodeIgniter 4, Laravel และ Algorithmic Trading ทุกสัปดาห์&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;a class=&amp;quot;cta-btn&amp;quot; href=&amp;quot;https://www.facebook.com/phpcodemania&amp;quot; rel=&amp;quot;noopener&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 8px; box-sizing: border-box; color: #7c3aed; display: inline-block; font-size: 15px; font-weight: 700; margin: 0px; padding: 12px 32px; text-decoration: none; transition: opacity 0.2s;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;👉 ติดตามได้ที่&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;tags&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 17px; gap: 8px; margin: 32px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;PHP 8.5&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Laravel 13&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Pipe Operator&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Partial Function Application&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;PHP Internals&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;PHP 2026&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 247); border-color: rgb(226, 230, 237); border-image: none 100% / 1 / 0 stretch; border-radius: 20px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #6b7591; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Web Development&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6749652895082192685/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-2026.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6749652895082192685'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6749652895082192685'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-2026.html' title='PHP ในปี 2026: ทุกอย่างที่นักพัฒนาต้องรู้'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgA-XImNvLcw-AhnCekBy3jQeKJ4mDzb-bkO1ai6wEGe_tu4nkVFCXOnZUD4dInPdUnF0Lsr18jprhGZLDFQcmvZYXonKd6EH_hjs14NuVAE1GYNvlU1A5ZQwEx29F_UTtu-laATGFJnAsCENuBFDK_6xeo8Hh5qwZXfoE1zsLUOIjkzBMr0IoH73pk4Ro=s72-w640-h360-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-8123584424294512526&lt;/id&gt;&lt;published&gt;2026-06-17T20:56:58.065+07:00&lt;/published&gt;&lt;updated&gt;2026-06-17T20:56:58.066+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;ยังควรใช้ PHP ทำ API และเว็บเพจในปี 2026 อยู่ไหม?&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgl0wHUG_AD6Y7V9KM357_mWZMyeG9ytoTYaqIzpmqiptqEmkHKe8SIFy0NouYEayvUZwFy-5qwll13jtqBHCUD32GnlGSyWHj0RtFdQ0YkRL1U0mrjbI2vNh_fDBhJIMHFwRCyPdxiO4t-GRDCSfFnCqLrjun5hl7H_IWI1Ad1lZPtgCJ0buWVA2BcTWE&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1536&amp;quot; height=&amp;quot;427&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgl0wHUG_AD6Y7V9KM357_mWZMyeG9ytoTYaqIzpmqiptqEmkHKe8SIFy0NouYEayvUZwFy-5qwll13jtqBHCUD32GnlGSyWHj0RtFdQ0YkRL1U0mrjbI2vNh_fDBhJIMHFwRCyPdxiO4t-GRDCSfFnCqLrjun5hl7H_IWI1Ad1lZPtgCJ0buWVA2BcTWE&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;pmc-hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(15, 15, 26) 0%, rgb(26, 26, 46) 60%, rgb(22, 33, 62) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 16px; color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin-bottom: 40px; overflow: hidden; padding: 52px 40px 48px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-hero-eyebrow&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 2.5px; margin-bottom: 14px; text-transform: uppercase;&amp;quot;&amp;gt;PHP Code Mania · June 2026&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;color: #e2e8f0; font-size: 2rem; line-height: 1.35; margin: 0px 0px 18px;&amp;quot;&amp;gt;ยังควรใช้ &amp;lt;span style=&amp;quot;color: #63b3ed;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt; ทำ API&amp;lt;br /&amp;gt;และเว็บเพจในปี 2026 อยู่ไหม?&amp;lt;/h1&amp;gt;&amp;lt;div class=&amp;quot;pmc-hero-meta&amp;quot; style=&amp;quot;color: #718096; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px;&amp;quot;&amp;gt;อ่านประมาณ 8 นาที · เหมาะสำหรับ: Beginner → Intermediate&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ถ้าคุณเริ่มต้นเรียน web development ในยุคนี้ คุณอาจถามตัวเองว่า &amp;lt;em&amp;gt;&amp;quot;PHP ยังคุ้มค่าที่จะเรียนอยู่ไหม?&amp;quot;&amp;lt;/em&amp;gt; — คำตอบสั้นๆ คือ &amp;lt;strong&amp;gt;ใช่&amp;lt;/strong&amp;gt; แต่มันซับซ้อนกว่านั้นนิดหน่อย บทความนี้จะพาคุณดูข้อมูลจากการสำรวจ &amp;lt;strong&amp;gt;JetBrains State of PHP 2025&amp;lt;/strong&amp;gt; พร้อมตัวอย่างโค้ดจริงทั้งใน &amp;lt;strong&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; และ &amp;lt;strong&amp;gt;Laravel&amp;lt;/strong&amp;gt; เพื่อให้คุณตัดสินใจได้อย่างมั่นใจมากขึ้น&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-callout&amp;quot; style=&amp;quot;background: rgb(235, 248, 255); border-left: 4px solid rgb(49, 130, 206); border-radius: 0px 10px 10px 0px; color: #2c5282; font-family: Sarabun, sans-serif; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1a365d;&amp;quot;&amp;gt;📊 ที่มาข้อมูล:&amp;lt;/strong&amp;gt; JetBrains Developer Ecosystem Survey 2025 สำรวจ PHP developer จำนวน 1,720 คนทั่วโลก รวมถึง Japan, USA, Russia, China และ France&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;PHP ยังมีชีวิตอยู่จริงๆ — ตัวเลขพูดแทน&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;หลายคนคิดว่า PHP กำลังจะตาย แต่ข้อมูลจริงบอกอีกอย่าง นักพัฒนาที่ใช้ PHP มาเกิน 3 ปีมีถึง 88% และกลุ่มใหญ่สุดอยู่ในช่วง 6–10 ปีของประสบการณ์ ซึ่งแสดงให้เห็นว่า ecosystem มีความสมบูรณ์สูง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-stats&amp;quot; style=&amp;quot;color: #1e1e2e; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 17px; gap: 12px; margin: 24px 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat&amp;quot; style=&amp;quot;background: rgb(26, 26, 46); border-radius: 10px; color: #e2e8f0; flex: 1 1 140px; padding: 14px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-num&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 2rem; font-weight: 700; line-height: 1.1;&amp;quot;&amp;gt;89%&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-label&amp;quot; style=&amp;quot;color: #a0aec0; font-size: 12px; margin-top: 4px;&amp;quot;&amp;gt;ใช้ PHP 8.x แล้ว&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat&amp;quot; style=&amp;quot;background: rgb(26, 26, 46); border-radius: 10px; color: #e2e8f0; flex: 1 1 140px; padding: 14px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-num&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 2rem; font-weight: 700; line-height: 1.1;&amp;quot;&amp;gt;64%&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-label&amp;quot; style=&amp;quot;color: #a0aec0; font-size: 12px; margin-top: 4px;&amp;quot;&amp;gt;นิยม Laravel&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat&amp;quot; style=&amp;quot;background: rgb(26, 26, 46); border-radius: 10px; color: #e2e8f0; flex: 1 1 140px; padding: 14px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-num&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 2rem; font-weight: 700; line-height: 1.1;&amp;quot;&amp;gt;58%&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-label&amp;quot; style=&amp;quot;color: #a0aec0; font-size: 12px; margin-top: 4px;&amp;quot;&amp;gt;ไม่มีแผนย้ายภาษา&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat&amp;quot; style=&amp;quot;background: rgb(26, 26, 46); border-radius: 10px; color: #e2e8f0; flex: 1 1 140px; padding: 14px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-num&amp;quot; style=&amp;quot;color: #63b3ed; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 2rem; font-weight: 700; line-height: 1.1;&amp;quot;&amp;gt;23%&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-stat-label&amp;quot; style=&amp;quot;color: #a0aec0; font-size: 12px; margin-top: 4px;&amp;quot;&amp;gt;ใช้ Symfony&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;น่าสนใจที่ว่า &amp;lt;strong&amp;gt;58% ไม่มีแผนย้ายไปภาษาอื่น&amp;lt;/strong&amp;gt;ในอีก 1 ปีข้างหน้า และสำหรับคนที่คิดจะเรียนภาษาเพิ่ม ส่วนใหญ่เลือก Go และ Python ซึ่งนั่นไม่ได้หมายความว่าทิ้ง PHP แต่เป็นการเพิ่มทักษะเข้าไปอีกชั้นหนึ่ง&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;PHP ทำ API ได้ดีแค่ไหนในปี 2026?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;PHP สมัยใหม่ (เวอร์ชัน 8.x) มาพร้อม Features ที่ทำให้เขียน API ได้สะอาดและมีประสิทธิภาพมากขึ้น ไม่ว่าจะเป็น &amp;lt;code&amp;gt;Named Arguments&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;Fibers&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;Enums&amp;lt;/code&amp;gt;, และ &amp;lt;code&amp;gt;readonly Properties&amp;lt;/code&amp;gt; — ทั้งหมดนี้ทำให้ logic ชัดเจนและ debug ง่ายขึ้น&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 28px 0px 8px;&amp;quot;&amp;gt;ตัวอย่าง: REST API ง่ายๆ ด้วย CodeIgniter 4&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;CI4 มี RESTful routing แบบ clean มาให้ในตัว เหมาะมากสำหรับ project ขนาดกลางที่ต้องการความเร็วในการพัฒนาและ overhead น้อย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); display: flex; gap: 8px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot amber&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span style=&amp;quot;color: #8b949e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px;&amp;quot;&amp;gt;app/Controllers/Api/ProductController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 18px;&amp;quot;&amp;gt;&amp;amp;lt;?php

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Controllers\Api;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; CodeIgniter\RESTful\ResourceController;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\ProductModel;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; ResourceController
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$modelName&amp;lt;/span&amp;gt; = ProductModel::class;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$format&amp;lt;/span&amp;gt;    = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;json&amp;#39;&amp;lt;/span&amp;gt;;

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #8b949e; font-style: italic;&amp;quot;&amp;gt;// GET /api/products&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(): mixed
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;respond&amp;lt;/span&amp;gt;([
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;data&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;(),
        ]);
    }

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #8b949e; font-style: italic;&amp;quot;&amp;gt;// POST /api/products&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(): mixed
    {
        &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$rules&amp;lt;/span&amp;gt; = [
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;required|min_length[3]&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;required|numeric&amp;#39;&amp;lt;/span&amp;gt;,
        ];

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;validate&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$rules&amp;lt;/span&amp;gt;)) {
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;failValidationErrors&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;validator-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;getErrors&amp;lt;/span&amp;gt;());
        }

        &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;model-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;insert&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;getJSON&amp;lt;/span&amp;gt;(assoc: &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;));

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;respondCreated&amp;lt;/span&amp;gt;([
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;created&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;,
        ]);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;สังเกตว่า CI4 ใช้ &amp;lt;code&amp;gt;ResourceController&amp;lt;/code&amp;gt; เป็น base class ที่มี method &amp;lt;code&amp;gt;respond()&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;respondCreated()&amp;lt;/code&amp;gt;, และ &amp;lt;code&amp;gt;failValidationErrors()&amp;lt;/code&amp;gt; มาให้แล้ว ทำให้ response format สม่ำเสมอโดยไม่ต้องเขียน boilerplate เอง&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 28px 0px 8px;&amp;quot;&amp;gt;ตัวอย่าง: API Route ด้วย Laravel 11&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;Laravel เหมาะสำหรับ project ที่ต้องการ ecosystem ครบ เช่น Authentication, Queue, Events และ Telescope สำหรับ debug&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); display: flex; gap: 8px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot amber&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span style=&amp;quot;color: #8b949e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px;&amp;quot;&amp;gt;routes/api.php + app/Http/Controllers/Api/ProductController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #8b949e; font-style: italic;&amp;quot;&amp;gt;// routes/api.php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Controllers\Api\ProductController;

Route::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;apiResource&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;products&amp;#39;&amp;lt;/span&amp;gt;, ProductController::class);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #8b949e; font-style: italic;&amp;quot;&amp;gt;// ────────────────────────────────────────────────────────&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #8b949e; font-style: italic;&amp;quot;&amp;gt;// app/Http/Controllers/Api/ProductController.php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Controllers\Api;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Requests\StoreProductRequest;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Resources\ProductResource;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\Product;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Http\Resources\Json\AnonymousResourceCollection;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(): AnonymousResourceCollection
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; ProductResource::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;collection&amp;lt;/span&amp;gt;(
            Product::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;latest&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;paginate&amp;lt;/span&amp;gt;(20)
        );
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;store&amp;lt;/span&amp;gt;(StoreProductRequest &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;): ProductResource
    {
        &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt; = Product::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;validated&amp;lt;/span&amp;gt;());

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; ProductResource(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;);
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-callout&amp;quot; style=&amp;quot;background: rgb(235, 248, 255); border-left: 4px solid rgb(49, 130, 206); border-radius: 0px 10px 10px 0px; color: #2c5282; font-family: Sarabun, sans-serif; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1a365d;&amp;quot;&amp;gt;💡 เปรียบเทียบสั้นๆ:&amp;lt;/strong&amp;gt; CI4 เหมาะถ้าคุณต้องการควบคุม logic ด้วยตัวเอง และ overhead น้อย ส่วน Laravel เหมาะถ้าคุณอยากได้ ecosystem ครบพร้อม เช่น Auth, Queue, Broadcasting&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;ทำเว็บเพจแบบดั้งเดิมยังได้อยู่ไหม?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;แน่นอน — และนั่นคือจุดแข็งที่ยังไม่มีใครสู้ PHP ได้ง่ายๆ สำหรับ server-rendered HTML ที่ต้องการ dynamic content เช่น ระบบสมาชิก, หน้าสินค้า, หรือ dashboard ภายใน PHP ยังคงเป็นตัวเลือกที่ deploy ง่ายและ hosting ราคาถูกรองรับ&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #2d3748; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 28px 0px 8px;&amp;quot;&amp;gt;ตัวอย่าง: Blade Template ใน Laravel&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-wrap&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); display: flex; gap: 8px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot amber&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-code-dot green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; height: 11px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span style=&amp;quot;color: #8b949e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px;&amp;quot;&amp;gt;resources/views/products/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #e6edf3; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@extends&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;layouts.app&amp;#39;&amp;lt;/span&amp;gt;)

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@section&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt;)
&amp;amp;lt;div class=&amp;quot;container&amp;quot;&amp;amp;gt;
  &amp;amp;lt;h1&amp;amp;gt;รายการสินค้า&amp;amp;lt;/h1&amp;amp;gt;

  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@forelse&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;)
    &amp;amp;lt;div class=&amp;quot;product-card&amp;quot;&amp;amp;gt;
      &amp;amp;lt;h2&amp;amp;gt;{{ &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;-&amp;amp;gt;name }}&amp;amp;lt;/h2&amp;amp;gt;
      &amp;amp;lt;p&amp;amp;gt;ราคา: {{ &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;number_format&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;-&amp;amp;gt;price, 2) }} บาท&amp;amp;lt;/p&amp;amp;gt;
      &amp;amp;lt;a href=&amp;quot;{{ &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;route&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a5d6ff;&amp;quot;&amp;gt;&amp;#39;products.show&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;) }}&amp;quot;&amp;amp;gt;ดูรายละเอียด&amp;amp;lt;/a&amp;amp;gt;
    &amp;amp;lt;/div&amp;amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@empty&amp;lt;/span&amp;gt;
    &amp;amp;lt;p&amp;amp;gt;ยังไม่มีสินค้า&amp;amp;lt;/p&amp;amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@endforelse&amp;lt;/span&amp;gt;

  {{ &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #ffa657;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #d2a8ff;&amp;quot;&amp;gt;links&amp;lt;/span&amp;gt;() }}
&amp;amp;lt;/div&amp;amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #ff7b72;&amp;quot;&amp;gt;@endsection&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;Blade ทำให้ template ภาษา PHP อ่านง่ายมาก directive อย่าง &amp;lt;code&amp;gt;@forelse&amp;lt;/code&amp;gt; จัดการกรณี empty state ได้ในบรรทัดเดียว และ &amp;lt;code&amp;gt;$products-&amp;amp;gt;links()&amp;lt;/code&amp;gt; render pagination อัตโนมัติโดยไม่ต้องเขียน HTML เอง&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;pmc-divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 17px; margin: 36px 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;เปรียบเทียบ: PHP (CI4 / Laravel) vs ทางเลือกอื่น&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;pmc-table-wrap&amp;quot; style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pmc-table&amp;quot; style=&amp;quot;border-collapse: collapse; font-size: 14.5px; width: 820px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;ด้าน&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Laravel 11&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Node.js (Express)&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 26, 46); color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.5px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Go (Fiber)&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ความเร็ว Learn&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ง่าย&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-yellow&amp;quot; style=&amp;quot;background: rgb(254, 252, 191); border-radius: 4px; color: #744210; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ยากกว่า&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Ecosystem / Packages&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ครบมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ครบมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-yellow&amp;quot; style=&amp;quot;background: rgb(254, 252, 191); border-radius: 4px; color: #744210; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;เล็กกว่า&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;API Performance&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ดี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ดี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;เร็วมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Web Page (SSR)&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Hosting ราคาประหยัด&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;หาง่ายมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;หาง่าย&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-yellow&amp;quot; style=&amp;quot;background: rgb(254, 252, 191); border-radius: 4px; color: #744210; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ต้องการ Node server&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-yellow&amp;quot; style=&amp;quot;background: rgb(254, 252, 191); border-radius: 4px; color: #744210; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ต้องการ VPS&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Community (ปี 2025)&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ใหญ่มาก (64%)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(198, 246, 213); border-radius: 4px; color: #22543d; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;ใหญ่มาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(247, 250, 252); border-bottom: 1px solid rgb(226, 232, 240); padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(190, 227, 248); border-radius: 4px; color: #2a4365; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 8px;&amp;quot;&amp;gt;กำลังโต&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;สรุปว่าควรใช้ PHP เมื่อไหร่?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;PHP ยังเป็นตัวเลือกที่ดีเยี่ยมใน scenario เหล่านี้:&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;✅ เว็บไซต์ทั่วไปและ CMS&amp;lt;/strong&amp;gt; — WordPress ยังครอง 43% ของเว็บทั่วโลก และ ecosystem รอบๆ PHP-based CMS ยังแข็งแกร่งมาก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;✅ REST API สำหรับ SME&amp;lt;/strong&amp;gt; — CI4 หรือ Laravel ทำ API ได้รวดเร็ว deploy ง่าย และ shared hosting รองรับได้ทันที เหมาะมากสำหรับ startup หรือ project ที่ budget จำกัด&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;✅ Server-Rendered Web App&amp;lt;/strong&amp;gt; — ถ้าต้องการ SEO ดีโดยไม่ต้องพึ่ง SSR framework อย่าง Next.js PHP + Blade คือคำตอบที่ตรงไปตรงมาที่สุด&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;⚠️ พิจารณาทางเลือกอื่น ถ้า...&amp;lt;/strong&amp;gt; คุณต้องการ real-time heavy (WebSocket-first), high-throughput microservice ที่ต้องการ performance สูงสุด หรือ team ที่คุ้นเคยกับ Go/Node อยู่แล้ว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-callout&amp;quot; style=&amp;quot;background: rgb(235, 248, 255); border-left: 4px solid rgb(49, 130, 206); border-radius: 0px 10px 10px 0px; color: #2c5282; font-family: Sarabun, sans-serif; font-size: 15px; margin: 24px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1a365d;&amp;quot;&amp;gt;🔑 Key Insight จากข้อมูล:&amp;lt;/strong&amp;gt; PHP developer ที่เก่งในปี 2026 ไม่ใช่คนที่เลือกระหว่าง PHP กับภาษาอื่น แต่คือคนที่รู้ว่าเมื่อไหร่ควรใช้ PHP และเมื่อไหร่ควรหยิบเครื่องมืออื่น — เหมือนที่ JetBrains Developer Advocate พูดว่า &amp;lt;em&amp;gt;&amp;quot;PHP has areas where it shines, but there are also problems better solved with Go or Rust&amp;quot;&amp;lt;/em&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;pmc-divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 17px; margin: 36px 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(235, 244, 255); color: #1a202c; font-family: Sarabun, sans-serif; font-size: 1.35rem; margin: 40px 0px 12px; padding-bottom: 8px;&amp;quot;&amp;gt;บทสรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ในปี 2026 PHP ยัง &amp;lt;strong&amp;gt;ไม่ตาย&amp;lt;/strong&amp;gt; — ตรงกันข้าม มันกำลัง modernize ตัวเองด้วย PHP 8.x features ที่น่าใช้ และ community ที่กำลังดึงดูด นักพัฒนาหน้าใหม่มากขึ้นเรื่อยๆ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;สำหรับมือใหม่ที่อยากทำ web app: &amp;lt;strong&amp;gt;Laravel&amp;lt;/strong&amp;gt; คือ investment ที่คืนทุนเร็ว เพราะ documentation ดี ชุมชนใหญ่ และ job market ยังแข็งแกร่ง ถ้าต้องการ lightweight กว่านั้นหรือทำงานกับ legacy system ที่ใช้ CI3 อยู่ &amp;lt;strong&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; ก็เป็นการอัปเกรดที่สมเหตุสมผลมาก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;สิ่งสำคัญกว่าการเลือกภาษาคือ &amp;lt;strong&amp;gt;การเข้าใจ fundamentals&amp;lt;/strong&amp;gt; — HTTP, database, security, architecture — ซึ่ง PHP เป็นแพลตฟอร์มที่ดีเยี่ยม สำหรับการเรียนรู้สิ่งเหล่านี้&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pmc-cta&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(26, 26, 46), rgb(22, 33, 62)); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 16px; color: #1e1e2e; font-family: Sarabun, sans-serif; font-size: 17px; margin-top: 48px; padding: 40px 36px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;color: #e2e8f0; font-size: 1.3rem; margin: 0px 0px 10px;&amp;quot;&amp;gt;📚 อยากลองสร้าง API ด้วย CI4 หรือ Laravel?&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #a0aec0; font-size: 15px; margin: 0px 0px 22px;&amp;quot;&amp;gt;ติดตามบทความในซีรีส์ &amp;quot;PHP Modern Dev&amp;quot; ที่จะพาคุณสร้าง REST API จนถึง Deploy จริงๆ&amp;lt;/p&amp;gt;&amp;lt;a href=&amp;quot;https://www.facebook.com/phpcodemania&amp;quot; rel=&amp;quot;noopener&amp;quot; style=&amp;quot;background: rgb(49, 130, 206); border-radius: 8px; color: white; display: inline-block; font-size: 15px; font-weight: 600; padding: 12px 28px; text-decoration: none; transition: background 0.2s;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;ติดตาม PHP Code Mania →&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pmc-tags&amp;quot; style=&amp;quot;color: #1e1e2e; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 17px; gap: 8px; margin-top: 32px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;CodeIgniter4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;REST API&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;Web Development&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;PHP 8&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pmc-tag&amp;quot; style=&amp;quot;background: rgb(235, 244, 255); border-radius: 6px; color: #3182ce; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; padding: 4px 12px;&amp;quot;&amp;gt;2026&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/8123584424294512526/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-api-2026.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8123584424294512526'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8123584424294512526'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-api-2026.html' title='ยังควรใช้ PHP ทำ API และเว็บเพจในปี 2026 อยู่ไหม?'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgl0wHUG_AD6Y7V9KM357_mWZMyeG9ytoTYaqIzpmqiptqEmkHKe8SIFy0NouYEayvUZwFy-5qwll13jtqBHCUD32GnlGSyWHj0RtFdQ0YkRL1U0mrjbI2vNh_fDBhJIMHFwRCyPdxiO4t-GRDCSfFnCqLrjun5hl7H_IWI1Ad1lZPtgCJ0buWVA2BcTWE=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-1642923139707774323&lt;/id&gt;&lt;published&gt;2026-06-17T07:06:47.145+07:00&lt;/published&gt;&lt;updated&gt;2026-06-17T07:06:47.145+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;สร้าง MCP Server ของคุณเองด้วย Laravel&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjhBAHlHzzEf_Av4aKqhPsRMNySPeGC1VQmcQO-PH-mvKf6ROZWNE78jJ_m6s-4cvOadAMTsPT77q6mLeOx5-Qj99OhogPB7OO-kXNbCX6TvbAA_evJfeIb49dXKGHDKlPnDb4yI7ZFsnKhEvflgPt5XSotINnANl3rwYCNAFl7kbMQdF6zNO3YLXzRyag&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;333&amp;quot; data-original-width=&amp;quot;1021&amp;quot; height=&amp;quot;209&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjhBAHlHzzEf_Av4aKqhPsRMNySPeGC1VQmcQO-PH-mvKf6ROZWNE78jJ_m6s-4cvOadAMTsPT77q6mLeOx5-Qj99OhogPB7OO-kXNbCX6TvbAA_evJfeIb49dXKGHDKlPnDb4yI7ZFsnKhEvflgPt5XSotINnANl3rwYCNAFl7kbMQdF6zNO3YLXzRyag&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;pcm-hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(232, 244, 253) 0%, rgb(219, 234, 254) 60%, rgb(237, 233, 254) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-left: 5px solid rgb(59, 130, 246); border-radius: 16px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 32px 0px 40px; overflow: hidden; padding: 48px 40px 40px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-topic-badge&amp;quot; style=&amp;quot;background: rgb(59, 130, 246); border-radius: 20px; color: white; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; letter-spacing: 0.06em; margin-bottom: 16px; padding: 4px 12px;&amp;quot;&amp;gt;TOPIC #7 · Laravel × MCP&amp;lt;/span&amp;gt;&amp;lt;h1 style=&amp;quot;color: #1e40af; font-size: 2rem; line-height: 1.3; margin: 0px 0px 12px;&amp;quot;&amp;gt;สร้าง MCP Server ของคุณเองด้วย Laravel&amp;lt;/h1&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-size: 16px; margin: 0px 0px 18px; max-width: 560px;&amp;quot;&amp;gt;เปิดประตูสู่ยุค AI-first Development — ให้ Laravel เป็น backend ที่ AI Agent พูดคุยได้โดยตรง&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ในช่วงปี 2025–2026 คำว่า &amp;lt;strong&amp;gt;MCP (Model Context Protocol)&amp;lt;/strong&amp;gt; กลายเป็นหัวข้อร้อนแรงในวงการ AI Development เพราะมันเป็นมาตรฐานกลางที่ทำให้ AI Agent เช่น Claude, Cursor หรือ VS Code Copilot สามารถ &amp;quot;เรียกใช้&amp;quot; เครื่องมือของเราได้โดยตรง เหมือน REST API แต่ออกแบบมาเพื่อ LLM โดยเฉพาะ&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;แล้ว Laravel เกี่ยวอะไรด้วย? คำตอบคือ Laravel มีทุกอย่างที่ต้องการสำหรับสร้าง MCP Server ตั้งแต่ Routing ที่ clean, Middleware, Eloquent ORM ไปจนถึง JSON response ที่สวยงาม — บทความนี้จะพาทุกคนสร้าง MCP Server ตั้งแต่ศูนย์ แบบที่เข้าใจได้แม้ยังเป็นมือใหม่&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-info&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-left: 4px solid rgb(59, 130, 246); border-radius: 0px 8px 8px 0px; color: #1e3a5f; font-family: Sarabun, sans-serif; font-size: 15.5px; margin: 20px 0px 28px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1d4ed8;&amp;quot;&amp;gt;💡 MCP คืออะไรในสองประโยค?&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;MCP (Model Context Protocol) คือโปรโตคอลเปิดที่กำหนดวิธีที่ AI Model จะ &amp;quot;เรียกฟังก์ชัน&amp;quot; บน server ของเรา — แทนที่จะต้องตั้ง REST API เอง MCP มี spec กลางที่ AI รู้จักอยู่แล้ว เราแค่ implement ตาม spec นั้น&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🚀 ทำความรู้จัก MCP ก่อนลงมือ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;MCP ทำงานด้วยโมเดลง่าย ๆ — AI Agent จะส่ง JSON-RPC request มาถามว่า &amp;quot;มี tool อะไรบ้าง?&amp;quot; แล้วเราตอบกลับด้วยรายการ tools พร้อม schema ของ parameter ต่าง ๆ จากนั้นเมื่อ AI ต้องการใช้ tool ก็จะส่ง request อีกครั้งพร้อม arguments เราก็ประมวลผลแล้วตอบกลับด้วยผลลัพธ์&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;โครงสร้างหลักของ MCP Server มี 3 endpoint ที่ต้องรู้จัก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-table-wrap&amp;quot; style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px 32px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 6px; font-size: 15px; overflow: hidden; width: 820px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(29, 78, 216); color: white;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;Endpoint / Method&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;หน้าที่&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ตัวอย่าง Response&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-badge pcm-badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; color: #1d4ed8; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 10px;&amp;quot;&amp;gt;initialize&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;AI ทักทาย ขอข้อมูล server&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ชื่อ server, version, capabilities&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(240, 244, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-badge pcm-badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 10px;&amp;quot;&amp;gt;tools/list&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ส่งรายการ tool ทั้งหมด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;Array of tool schemas (JSON Schema)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-badge pcm-badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 12px; color: #065f46; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 10px;&amp;quot;&amp;gt;tools/call&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;รัน tool ที่ AI เลือก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ผลลัพธ์จาก tool นั้น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(240, 244, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-badge pcm-badge-gray&amp;quot; style=&amp;quot;background: rgb(243, 244, 246); border-radius: 12px; color: #374151; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 10px;&amp;quot;&amp;gt;resources/list&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ประกาศ data source&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;URI, description ของ resource&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-badge pcm-badge-gray&amp;quot; style=&amp;quot;background: rgb(243, 244, 246); border-radius: 12px; color: #374151; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; padding: 2px 10px;&amp;quot;&amp;gt;prompts/list&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;เสนอ prompt template&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;Template สำเร็จรูปสำหรับ AI&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;⚙️ ติดตั้ง Laravel และสร้างโปรเจกต์ใหม่&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;เริ่มต้นด้วยการสร้างโปรเจกต์ Laravel ใหม่ผ่าน Composer หรือ Laravel Installer ได้เลย:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;# วิธีที่ 1: ใช้ Laravel Installer&amp;lt;/span&amp;gt;
laravel new my-mcp-server

&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;# วิธีที่ 2: ใช้ Composer โดยตรง&amp;lt;/span&amp;gt;
composer create-project laravel/laravel my-mcp-server

&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;# เข้าไปในโฟลเดอร์แล้วรัน server&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;cd&amp;lt;/span&amp;gt; my-mcp-server
php artisan serve&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;เมื่อ server ขึ้นแล้ว เราจะสร้างโครงสร้างไฟล์สำหรับ MCP Server ของเรา โดยมีไฟล์หลัก 3 ไฟล์ที่ต้องสร้าง:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;php artisan make:controller McpController
php artisan make:service McpToolService  &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;# สร้างเอง หรือวาง class ใน app/Services/&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🛣️ กำหนด Routes สำหรับ MCP&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;MCP ใช้ JSON-RPC 2.0 ผ่าน HTTP POST ที่ endpoint เดียว ซึ่ง Laravel จัดการได้ง่ายมาก เปิดไฟล์ &amp;lt;code&amp;gt;routes/api.php&amp;lt;/code&amp;gt; แล้วเพิ่ม:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;routes/api.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Controllers\McpController;
&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Support\Facades\Route;

&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// MCP Server endpoint — รับ JSON-RPC ทุก method ที่นี่&amp;lt;/span&amp;gt;
Route::&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;/mcp&amp;#39;&amp;lt;/span&amp;gt;, [McpController::&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;handle&amp;#39;&amp;lt;/span&amp;gt;]);

&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// SSE endpoint สำหรับ streaming (optional)&amp;lt;/span&amp;gt;
Route::&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;/mcp/sse&amp;#39;&amp;lt;/span&amp;gt;, [McpController::&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;sse&amp;#39;&amp;lt;/span&amp;gt;]);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🧩 สร้าง McpController — หัวใจของ Server&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;Controller นี้คือตัวกลางที่รับ JSON-RPC request จาก AI แล้ว dispatch ไปยัง handler ที่ถูกต้อง:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;app/Http/Controllers/McpController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Controllers;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Services\McpToolService;
&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Http\Request;
&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Http\JsonResponse;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;McpController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; Controller
{
    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;__construct&amp;lt;/span&amp;gt;(
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private&amp;lt;/span&amp;gt; McpToolService &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$toolService&amp;lt;/span&amp;gt;
    ) {}

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;handle&amp;lt;/span&amp;gt;(Request &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;): JsonResponse
    {
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$method&amp;lt;/span&amp;gt;  = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;input&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;method&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$params&amp;lt;/span&amp;gt;  = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;input&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;params&amp;#39;&amp;lt;/span&amp;gt;, []);
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;      = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;input&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;match&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$method&amp;lt;/span&amp;gt;) {
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;initialize&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;initialize&amp;lt;/span&amp;gt;(),
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;tools/list&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;listTools&amp;lt;/span&amp;gt;(),
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;tools/call&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;callTool&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$params&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;default&amp;lt;/span&amp;gt;       =&amp;amp;gt; [&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;Method not found&amp;#39;&amp;lt;/span&amp;gt;],
        };

        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;([
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;jsonrpc&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;2.0&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;      =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$id&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;result&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt;,
        ]);
    }

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;initialize&amp;lt;/span&amp;gt;(): array
    {
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;protocolVersion&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;2024-11-05&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;serverInfo&amp;#39;&amp;lt;/span&amp;gt;      =&amp;amp;gt; [
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;my-laravel-mcp&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;version&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;1.0.0&amp;#39;&amp;lt;/span&amp;gt;,
            ],
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;capabilities&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; [&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;tools&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; (object) []],
        ];
    }

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;listTools&amp;lt;/span&amp;gt;(): array
    {
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;tools&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;toolService-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;getToolSchemas&amp;lt;/span&amp;gt;()];
    }

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;callTool&amp;lt;/span&amp;gt;(array &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$params&amp;lt;/span&amp;gt;): array
    {
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$params&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;] ?? &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;;
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$params&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;arguments&amp;#39;&amp;lt;/span&amp;gt;] ?? [];

        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$output&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;toolService-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;execute&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;);

        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;text&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;text&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$output&amp;lt;/span&amp;gt;]],
        ];
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🔧 สร้าง Tool จริง — ตัวอย่าง: ค้นหาสินค้าจาก Database&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ถึงเวลาสร้าง Tool ที่ AI จะเรียกใช้ได้จริง ตัวอย่างนี้เราสร้าง tool ชื่อ &amp;lt;code&amp;gt;search_products&amp;lt;/code&amp;gt; ที่ให้ AI ค้นหาสินค้าจากฐานข้อมูล:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;app/Services/McpToolService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Services;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\Product;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;McpToolService&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;/**
     * ประกาศ schema ของ tools ทั้งหมดที่ server นี้มี
     * AI จะนำไปเข้าใจว่าแต่ละ tool รับ argument อะไร
     */&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;getToolSchemas&amp;lt;/span&amp;gt;(): array
    {
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
            [
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;        =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;search_products&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;ค้นหาสินค้าจากชื่อหรือหมวดหมู่&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;inputSchema&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;       =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;object&amp;#39;&amp;lt;/span&amp;gt;,
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;properties&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                        &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;keyword&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;        =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;string&amp;#39;&amp;lt;/span&amp;gt;,
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;คำค้นหา&amp;#39;&amp;lt;/span&amp;gt;,
                        ],
                        &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;limit&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;        =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;integer&amp;#39;&amp;lt;/span&amp;gt;,
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;จำนวนผลลัพธ์สูงสุด&amp;#39;&amp;lt;/span&amp;gt;,
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;default&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-num&amp;quot; style=&amp;quot;color: #d19a66;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;,
                        ],
                    ],
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;required&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;keyword&amp;#39;&amp;lt;/span&amp;gt;],
                ],
            ],
            [
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;        =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;get_order_status&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;ตรวจสถานะ order จาก order ID&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;inputSchema&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;       =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;object&amp;#39;&amp;lt;/span&amp;gt;,
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;properties&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                        &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;order_id&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
                            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;integer&amp;#39;&amp;lt;/span&amp;gt;,
                        ],
                    ],
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;required&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;order_id&amp;#39;&amp;lt;/span&amp;gt;],
                ],
            ],
        ];
    }

    &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;/**
     * Execute tool ตาม name ที่ AI ส่งมา
     */&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;execute&amp;lt;/span&amp;gt;(string &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;, array &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;): string
    {
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return match&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$name&amp;lt;/span&amp;gt;) {
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;search_products&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;searchProducts&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;get_order_status&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;getOrderStatus&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;),
            &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;default&amp;lt;/span&amp;gt;            =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;ไม่พบ tool ที่ระบุ&amp;#39;&amp;lt;/span&amp;gt;,
        };
    }

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;searchProducts&amp;lt;/span&amp;gt;(array &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;): string
    {
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$keyword&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;keyword&amp;#39;&amp;lt;/span&amp;gt;];
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$limit&amp;lt;/span&amp;gt;   = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;limit&amp;#39;&amp;lt;/span&amp;gt;] ?? &amp;lt;span class=&amp;quot;pcm-num&amp;quot; style=&amp;quot;color: #d19a66;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;;

        &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// ใช้ Eloquent ค้นหาสินค้า&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt; = Product::&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;like&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;%{$keyword}%&amp;quot;&amp;lt;/span&amp;gt;)
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;orWhere&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;category&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;like&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;%{$keyword}%&amp;quot;&amp;lt;/span&amp;gt;)
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;limit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$limit&amp;lt;/span&amp;gt;)
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;category&amp;#39;&amp;lt;/span&amp;gt;]);

        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;isEmpty&amp;lt;/span&amp;gt;()) {
            &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;ไม่พบสินค้าที่ตรงกับ: {$keyword}&amp;quot;&amp;lt;/span&amp;gt;;
        }

        &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// ส่งกลับเป็น JSON string ให้ AI อ่านได้&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;json_encode&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;toArray&amp;lt;/span&amp;gt;(), JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
    }

    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;private function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;getOrderStatus&amp;lt;/span&amp;gt;(array &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;): string
    {
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$orderId&amp;lt;/span&amp;gt; = (int) (&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$args&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;order_id&amp;#39;&amp;lt;/span&amp;gt;] ?? &amp;lt;span class=&amp;quot;pcm-num&amp;quot; style=&amp;quot;color: #d19a66;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;);
        &amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// ... query จาก orders table ...&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;Order #{$orderId}: กำลังจัดส่ง&amp;quot;&amp;lt;/span&amp;gt;;
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;📋 เปรียบเทียบ: MCP Server vs REST API&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;หลายคนอาจสงสัยว่า MCP Server กับ REST API ต่างกันยังไง ตารางนี้สรุปให้ชัด:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-table-wrap&amp;quot; style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px 32px; overflow-x: auto;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 6px; font-size: 15px; overflow: hidden; width: 820px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(29, 78, 216); color: white;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;ประเด็น&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;REST API&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 13px 16px; text-align: left;&amp;quot;&amp;gt;MCP Server&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;เป้าหมายหลัก&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;Frontend / Mobile / Third-party&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;AI Agent โดยเฉพาะ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(240, 244, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Protocol&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;HTTP + JSON (custom schema)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;JSON-RPC 2.0 ตาม MCP Spec&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;AI รู้จัก&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ต้อง describe ใน system prompt&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;AI อ่าน tool schema ได้เอง&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(240, 244, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Documentation&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ต้องเขียน Swagger / OpenAPI&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;Schema คือ doc ในตัว&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ความซับซ้อน&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;ยืดหยุ่นกว่า มาก endpoint&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;Simple — endpoint เดียว&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(240, 244, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ใช้กับ Laravel&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;✅ ทำได้สะดวก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-top: 1px solid rgb(229, 231, 235); padding: 11px 16px;&amp;quot;&amp;gt;✅ ทำได้เช่นกัน (บทความนี้!)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🔒 เพิ่ม Middleware รักษาความปลอดภัย&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;MCP Server ที่ Production-ready ต้องมี authentication ด้วย วิธีง่ายที่สุดคือใช้ Bearer Token ผ่าน Laravel Middleware:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;app/Http/Middleware/McpAuthMiddleware.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Middleware;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Closure;
&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Illuminate\Http\Request;

&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;McpAuthMiddleware&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;handle&amp;lt;/span&amp;gt;(Request &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;, Closure &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$next&amp;lt;/span&amp;gt;)
    {
        &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$token&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;bearerToken&amp;lt;/span&amp;gt;();

        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$token&amp;lt;/span&amp;gt; !== &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;config&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;mcp.secret_token&amp;#39;&amp;lt;/span&amp;gt;)) {
            &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;([
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;jsonrpc&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;2.0&amp;#39;&amp;lt;/span&amp;gt;,
                &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; [
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;code&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; -&amp;lt;span class=&amp;quot;pcm-num&amp;quot; style=&amp;quot;color: #d19a66;&amp;quot;&amp;gt;32001&amp;lt;/span&amp;gt;,
                    &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;message&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;Unauthorized&amp;#39;&amp;lt;/span&amp;gt;,
                ],
            ], &amp;lt;span class=&amp;quot;pcm-num&amp;quot; style=&amp;quot;color: #d19a66;&amp;quot;&amp;gt;401&amp;lt;/span&amp;gt;);
        }

        &amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;$next&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-var&amp;quot; style=&amp;quot;color: #e06c75;&amp;quot;&amp;gt;$request&amp;lt;/span&amp;gt;);
    }
}

&amp;lt;span class=&amp;quot;pcm-cm&amp;quot; style=&amp;quot;color: #5c6370; font-style: italic;&amp;quot;&amp;gt;// ใน routes/api.php — ครอบ middleware&amp;lt;/span&amp;gt;
Route::&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;middleware&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;mcp.auth&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;pcm-fn&amp;quot; style=&amp;quot;color: #61afef;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;/mcp&amp;#39;&amp;lt;/span&amp;gt;, [McpController::&amp;lt;span class=&amp;quot;pcm-kw&amp;quot; style=&amp;quot;color: #c678dd;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;handle&amp;#39;&amp;lt;/span&amp;gt;]);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(219, 234, 254); color: #1e40af; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 48px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🧪 ทดสอบ MCP Server ด้วย curl&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ก่อนต่อกับ AI จริง ทดสอบด้วย curl ได้เลย — ลอง call &amp;lt;code&amp;gt;tools/list&amp;lt;/code&amp;gt; ดูก่อน:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;terminal — ทดสอบ tools/list&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;curl -X POST http://localhost:8000/api/mcp \
  -H &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;Content-Type: application/json&amp;quot;&amp;lt;/span&amp;gt; \
  -H &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;Authorization: Bearer your-secret-token&amp;quot;&amp;lt;/span&amp;gt; \
  -d &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;{
    &amp;quot;jsonrpc&amp;quot;: &amp;quot;2.0&amp;quot;,
    &amp;quot;id&amp;quot;: 1,
    &amp;quot;method&amp;quot;: &amp;quot;tools/list&amp;quot;,
    &amp;quot;params&amp;quot;: {}
  }&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 18px;&amp;quot;&amp;gt;ถ้า response ส่ง array ของ tools กลับมา แสดงว่า MCP Server ทำงานถูกต้องแล้ว จากนั้นลอง call tool จริง:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 33, 40); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin: 20px 0px 28px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(45, 49, 57); display: flex; gap: 10px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dots&amp;quot; style=&amp;quot;display: flex; gap: 6px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-dot pcm-dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-label&amp;quot; style=&amp;quot;color: #8b929e; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; margin-left: 4px;&amp;quot;&amp;gt;terminal — ทดสอบ tools/call&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #abb2bf; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;curl -X POST http://localhost:8000/api/mcp \
  -H &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;Content-Type: application/json&amp;quot;&amp;lt;/span&amp;gt; \
  -H &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;quot;Authorization: Bearer your-secret-token&amp;quot;&amp;lt;/span&amp;gt; \
  -d &amp;lt;span class=&amp;quot;pcm-str&amp;quot; style=&amp;quot;color: #98c379;&amp;quot;&amp;gt;&amp;#39;{
    &amp;quot;jsonrpc&amp;quot;: &amp;quot;2.0&amp;quot;,
    &amp;quot;id&amp;quot;: 2,
    &amp;quot;method&amp;quot;: &amp;quot;tools/call&amp;quot;,
    &amp;quot;params&amp;quot;: {
      &amp;quot;name&amp;quot;: &amp;quot;search_products&amp;quot;,
      &amp;quot;arguments&amp;quot;: { &amp;quot;keyword&amp;quot;: &amp;quot;กาแฟ&amp;quot;, &amp;quot;limit&amp;quot;: 5 }
    }
  }&amp;#39;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-info&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-left: 4px solid rgb(59, 130, 246); border-radius: 0px 8px 8px 0px; color: #1e3a5f; font-family: Sarabun, sans-serif; font-size: 15.5px; margin: 20px 0px 28px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1d4ed8;&amp;quot;&amp;gt;🔗 ต่อกับ Claude Desktop&amp;lt;/strong&amp;gt;&amp;lt;br /&amp;gt;เมื่อ server พร้อมแล้ว เพิ่มใน &amp;lt;code&amp;gt;claude_desktop_config.json&amp;lt;/code&amp;gt; ได้เลย:&amp;lt;br /&amp;gt;&amp;lt;code&amp;gt;&amp;quot;url&amp;quot;: &amp;quot;http://localhost:8000/api/mcp&amp;quot;&amp;lt;/code&amp;gt; พร้อม header Authorization — Claude จะเห็น tools ของเราทันที!&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-conclusion&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(229, 231, 235); color: #1e2128; font-family: Sarabun, sans-serif; font-size: 17px; margin-top: 40px; padding: 28px 32px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 2px solid rgb(229, 231, 235); color: #1e40af; font-size: 1.45rem; margin: 0px 0px 16px; padding-bottom: 8px;&amp;quot;&amp;gt;🎯 สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px 0px 18px;&amp;quot;&amp;gt;การสร้าง MCP Server ด้วย Laravel ไม่ได้ซับซ้อนอย่างที่คิด เพราะ Laravel มี building block ครบครัน — Routing, Controller, Service class, Middleware และ Eloquent — ทำให้เราโฟกัสที่ logic ของ tool ได้เลย โดยไม่ต้องเสียเวลาสร้าง infrastructure ใหม่&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px 0px 18px;&amp;quot;&amp;gt;สิ่งที่เราได้เรียนรู้ในบทความนี้:&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px 0px 18px;&amp;quot;&amp;gt;✅ MCP คืออะไรและทำงานอย่างไรในแบบ JSON-RPC 2.0&amp;lt;br /&amp;gt;✅ โครงสร้าง Laravel สำหรับ MCP Server (Controller + Service)&amp;lt;br /&amp;gt;✅ การประกาศ Tool Schema ให้ AI เข้าใจ&amp;lt;br /&amp;gt;✅ การรักษาความปลอดภัยด้วย Bearer Token Middleware&amp;lt;br /&amp;gt;✅ วิธีทดสอบก่อน deploy จริง&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px 0px 18px;&amp;quot;&amp;gt;ก้าวต่อไปคือเพิ่ม tools ที่จำเป็นสำหรับธุรกิจของคุณ เช่น ค้นหาข้อมูล, อัปเดตสถานะ, หรือดึงรายงาน — แล้ว AI Agent จะกลายเป็น &amp;quot;พนักงาน&amp;quot; ที่ใช้งาน Laravel app ของคุณได้จริง&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-cta&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(29, 78, 216) 0%, rgb(79, 70, 229) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 14px; color: white; font-family: Sarabun, sans-serif; font-size: 17px; margin-top: 52px; padding: 40px 36px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;font-size: 1.3rem; margin: 0px 0px 12px;&amp;quot;&amp;gt;🚀 พร้อมต่อยอดเพิ่มเติมไหม?&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #bfdbfe; font-size: 15px; margin: 0px 0px 24px;&amp;quot;&amp;gt;ติดตาม PHP Code Mania เพื่อรับบทความ Laravel, CodeIgniter และ AI Development ในภาษาไทย — อัปเดตสม่ำเสมอสำหรับนักพัฒนา PHP ทุกระดับ&amp;lt;/p&amp;gt;&amp;lt;a class=&amp;quot;pcm-cta-btn&amp;quot; href=&amp;quot;https://www.facebook.com/phpcodemania&amp;quot; rel=&amp;quot;noopener&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 8px; color: #1d4ed8; display: inline-block; font-size: 15px; font-weight: 700; padding: 12px 28px; text-decoration: none;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;📖 ติดตาม PHP Code Mania&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/1642923139707774323/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/blog-post_17.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/1642923139707774323'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/1642923139707774323'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/blog-post_17.html' title='สร้าง MCP Server ของคุณเองด้วย Laravel'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjhBAHlHzzEf_Av4aKqhPsRMNySPeGC1VQmcQO-PH-mvKf6ROZWNE78jJ_m6s-4cvOadAMTsPT77q6mLeOx5-Qj99OhogPB7OO-kXNbCX6TvbAA_evJfeIb49dXKGHDKlPnDb4yI7ZFsnKhEvflgPt5XSotINnANl3rwYCNAFl7kbMQdF6zNO3YLXzRyag=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-7553604550384888420&lt;/id&gt;&lt;published&gt;2026-06-17T00:06:31.977+07:00&lt;/published&gt;&lt;updated&gt;2026-06-17T00:06:31.977+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;คู่มือเปลี่ยนเว็บเป็น Real-Time UX ไม่ต้องง้อ WebSockets ด้วย Livewire Polling, Events และ Lazy Loading&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgqxuw2LvAHCqYfOmjNwIJLog6pfcFhijw0NP1smZh2YTbxxvsoINzJZyC3OhZ5rWvvz3qREayypCIE3jSgEY9OXCTBmT_tjSS-yrUqhwW2roPEiPe-5wJVvE0jBK7IB9fZvDrpkp0DowRYqMeXDOZyUfJA59odZKOAxD9DX0NdJVJCVcxEOgj9tK7l8YM&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1536&amp;quot; height=&amp;quot;427&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgqxuw2LvAHCqYfOmjNwIJLog6pfcFhijw0NP1smZh2YTbxxvsoINzJZyC3OhZ5rWvvz3qREayypCIE3jSgEY9OXCTBmT_tjSS-yrUqhwW2roPEiPe-5wJVvE0jBK7IB9fZvDrpkp0DowRYqMeXDOZyUfJA59odZKOAxD9DX0NdJVJCVcxEOgj9tK7l8YM&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div style=&amp;quot;background-color: #fdfbf7; color: #334155; font-family: &amp;amp;quot;Helvetica Neue&amp;amp;quot;, Helvetica, Arial, sans-serif; line-height: 1.8; margin: 0px auto; max-width: 800px; padding: 20px;&amp;quot;&amp;gt;

    &amp;lt;p&amp;gt;สวัสดีครับเพื่อนๆ นักพัฒนาเว็บทุกคน! ยินดีต้อนรับสู่ยุคที่ผู้ใช้งานคาดหวังความลื่นไหลระดับสิบ แอปพลิเคชันยุคนี้ถ้าต้องคอยกด F5 เพื่อรีเฟรชหน้าจอเพื่อดูข้อมูลใหม่ๆ คงโดนผู้ใช้บ่นแน่นอน ไม่ว่าจะเป็นระบบแสดงผลยอดขาย Real-time, ระบบแจ้งเตือน (Notifications), หรือแดชบอร์ดสรุปผลวิเคราะห์ข้อมูล (Analytics Dashboard)&amp;lt;/p&amp;gt;

    &amp;lt;p&amp;gt;เมื่อพูดถึง &amp;quot;Real-Time Web App&amp;quot; ภาพในหัวของใครหลายคนคงนึกถึงระบบที่ขับเคลื่อนด้วย WebSockets หรือเครื่องมือยอดฮิตอย่าง Laravel Echo ร่วมกับ Pusher / Soketi แต่สำหรับเหล่านักพัฒนามือใหม่ หรือทีมที่กำลังเริ่มทำโปรเจกต์ด้วย &amp;lt;strong&amp;gt;Laravel&amp;lt;/strong&amp;gt; และ &amp;lt;strong&amp;gt;CodeIgniter 4 (CI4)&amp;lt;/strong&amp;gt; การตั้งค่าเซิร์ฟเวอร์สำหรับ WebSocket, การจัดการสิทธิ์, และการควบคุม Memory Leak อาจเป็นเรื่องที่ยุ่งยาก ซับซ้อน และเกินความจำเป็นสำหรับแอปพลิเคชันที่เพิ่งเริ่มต้น&amp;lt;/p&amp;gt;

    &amp;lt;p&amp;gt;วันนี้ผมจะมาแนะนำ &amp;quot;อาวุธลับ&amp;quot; ที่จะช่วยให้แอปพลิเคชันของคุณเปลี่ยนเป็นระบบ Real-time ได้ในพริบตาเดียวโดย&amp;lt;strong&amp;gt;ไม่ต้องใช้ WebSockets แม้แต่บรรทัดเดียว!&amp;lt;/strong&amp;gt; ผ่านฟีเจอร์เด่นของ &amp;lt;strong&amp;gt;Laravel Livewire v4&amp;lt;/strong&amp;gt; ได้แก่ &amp;lt;strong&amp;gt;Polling, Events และ Lazy Loading&amp;lt;/strong&amp;gt; ที่ใช้งานง่ายจนคุณต้องร้องว้าว!&amp;lt;/p&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;ทำความเข้าใจก่อนเริ่ม: Polling vs WebSockets&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;ก่อนที่เราจะดิ่งลึกไปที่โค้ด เรามาเข้าใจความแตกต่างระหว่างสองแนวคิดนี้ก่อน เพื่อให้คุณเลือกใช้งานได้อย่างเหมาะสมกับสเกลของระบบ&amp;lt;/p&amp;gt;

    &amp;lt;ul style=&amp;quot;margin-bottom: 25px; padding-left: 20px;&amp;quot;&amp;gt;
        &amp;lt;li style=&amp;quot;margin-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;WebSockets:&amp;lt;/strong&amp;gt; เป็นการเปิดท่อการเชื่อมต่อแบบถาวร (Persistent Connection) ระหว่างเบราว์เซอร์กับเซิร์ฟเวอร์ ข้อดีคือเซิร์ฟเวอร์สามารถดันข้อมูล (Push) หาคลายเอนต์ได้ทันทีเมื่อมีข้อมูลใหม่เกิดขึ้น แต่ข้อเสียคือต้องการแรมเซิร์ฟเวอร์สูง และสถาปัตยกรรมค่อนข้างซับซ้อน&amp;lt;/li&amp;gt;
        &amp;lt;li style=&amp;quot;margin-bottom: 10px;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;HTTP Polling:&amp;lt;/strong&amp;gt; คือเทคนิคการสั่งให้เบราว์เซอร์ส่งคำขอ (Request) ไปถามเซิร์ฟเวอร์เป็นระยะๆ (เช่น ทุกๆ 5 วินาที) ว่า &amp;quot;มีข้อมูลใหม่ไหม?&amp;quot; ถ้ามีก็นำมาแสดงผล แม้จะดูเป็นวิธีดั้งเดิม แต่ด้วยเทคโนโลยีของ Livewire v4 ทำให้การทำ Polling มีประสิทธิภาพสูงมาก เขียนง่าย และลดภาระของเซิร์ฟเวอร์ได้อย่างชาญฉลาด&amp;lt;/li&amp;gt;
    &amp;lt;/ul&amp;gt;

    &amp;lt;p&amp;gt;ตารางเปรียบเทียบต่อไปนี้จะช่วยให้คุณเห็นภาพชัดเจนขึ้นว่าเมื่อไหร่ควรใช้เครื่องมือตัวไหนสำหรับโปรเจกต์ของคุณ:&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;border-radius: 8px; border: 1px solid rgb(226, 232, 240); margin: 25px 0px; overflow-x: auto;&amp;quot;&amp;gt;
        &amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 14px; text-align: left; width: 100%;&amp;quot;&amp;gt;
            &amp;lt;thead&amp;gt;
                &amp;lt;tr style=&amp;quot;background-color: #0f172a; color: white;&amp;quot;&amp;gt;
                    &amp;lt;th style=&amp;quot;font-weight: 600; padding: 12px 15px;&amp;quot;&amp;gt;คุณสมบัติ&amp;lt;/th&amp;gt;
                    &amp;lt;th style=&amp;quot;font-weight: 600; padding: 12px 15px;&amp;quot;&amp;gt;Livewire Polling (HTTP)&amp;lt;/th&amp;gt;
                    &amp;lt;th style=&amp;quot;font-weight: 600; padding: 12px 15px;&amp;quot;&amp;gt;WebSockets (Laravel Echo)&amp;lt;/th&amp;gt;
                &amp;lt;/tr&amp;gt;
            &amp;lt;/thead&amp;gt;
            &amp;lt;tbody&amp;gt;
                &amp;lt;tr style=&amp;quot;background-color: white; border-bottom: 1px solid rgb(226, 232, 240);&amp;quot;&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #1e293b; font-weight: bold; padding: 12px 15px;&amp;quot;&amp;gt;ความยากในการตั้งค่า&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;ง่ายมาก (เขียนแค่คำสั่งบน Blade แท็กเดียว)&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;ปานกลาง - สูง (ต้องตั้งค่า Server เพิ่มเติม)&amp;lt;/td&amp;gt;
                &amp;lt;/tr&amp;gt;
                &amp;lt;tr style=&amp;quot;background-color: #f8fafc; border-bottom: 1px solid rgb(226, 232, 240);&amp;quot;&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #1e293b; font-weight: bold; padding: 12px 15px;&amp;quot;&amp;gt;การกินทรัพยากร&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;ต่ำ (Livewire v4 มีระบบ Throttling อัจฉริยะ)&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;ปานกลาง (ต้องคงสถานะการเชื่อมต่อตลอดเวลา)&amp;lt;/td&amp;gt;
                &amp;lt;/tr&amp;gt;
                &amp;lt;tr style=&amp;quot;background-color: white; border-bottom: 1px solid rgb(226, 232, 240);&amp;quot;&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #1e293b; font-weight: bold; padding: 12px 15px;&amp;quot;&amp;gt;ความเร็วในการอัปเดต&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;ใกล้เคียง Real-time (ขึ้นอยู่กับ Interval)&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;Real-time ทันทีในระดับมิลลิวินาที&amp;lt;/td&amp;gt;
                &amp;lt;/tr&amp;gt;
                &amp;lt;tr style=&amp;quot;background-color: #f8fafc;&amp;quot;&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #1e293b; font-weight: bold; padding: 12px 15px;&amp;quot;&amp;gt;เหมาะสำหรับระบบ&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;Dashboard, สถิติยอดขาย, ดึงข้อมูลจาก APIs&amp;lt;/td&amp;gt;
                    &amp;lt;td style=&amp;quot;color: #475569; padding: 12px 15px;&amp;quot;&amp;gt;แชทสด (Chat App), ระบบประมูล, หุ้นคริปโต&amp;lt;/td&amp;gt;
                &amp;lt;/tr&amp;gt;
            &amp;lt;/tbody&amp;gt;
        &amp;lt;/table&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;ฟีเจอร์ที่ 1: ตื่นตาตื่นใจกับ wire:poll ของ Livewire&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;ใน Livewire เวอร์ชันล่าสุด การทำ Polling ทำได้ง่ายมาก เพียงแค่เพิ่มแอตทริบิวต์ &amp;lt;code&amp;gt;wire:poll&amp;lt;/code&amp;gt; เข้าไปในโครงสร้าง HTML ของคุณ คอมโพเนนต์นั้นก็จะรีเฟรชตัวเองโดยอัตโนมัติ&amp;lt;/p&amp;gt;

    &amp;lt;h3 style=&amp;quot;color: #1e293b; font-size: 16px; font-weight: 600; margin-bottom: 10px; margin-top: 20px;&amp;quot;&amp;gt;ตัวอย่างโค้ด: ระบบนับยอดผู้ติดตาม (Subscriber Counter)&amp;lt;/h3&amp;gt;
    &amp;lt;p&amp;gt;สมมติว่าคุณกำลังทำหน้าแดชบอร์ดส่วนตัว และต้องการให้ตัวเลขผู้ติดตามอัปเดตตลอดเวลาโดยไม่ต้องกดรีเฟรชหน้าเว็บ&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;SubscriberCounter.php (Backend)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Livewire;

&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Livewire\Component;
&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Models\User;

&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;SubscriberCounter&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;Component&amp;lt;/span&amp;gt;
{
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;render&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; view(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;livewire.subscriber-counter&amp;#39;&amp;lt;/span&amp;gt;, [
            &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;&amp;#39;count&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; User::where(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;is_subscribed&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;)-&amp;amp;gt;count(),
        ]);
    }
}&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;subscriber-counter.blade.php (Frontend)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #e34c26;&amp;quot;&amp;gt;Blade&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;wire:poll&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;quot;card&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;h3&amp;amp;gt;&amp;lt;/span&amp;gt;ยอดผู้ติดตามปัจจุบัน&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;/h3&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;{{&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$count&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;}}&amp;lt;/span&amp;gt; คน&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;p&amp;gt;เพียงแค่คุณใส่คำว่า &amp;lt;code&amp;gt;wire:poll&amp;lt;/code&amp;gt; ลงไปในแท็กครอบด้านบนสุด ตัว Livewire จะแอบส่งสัญญาณ Request ไปอัปเดตข้อมูลให้คุณทุกๆ 2.5 วินาทีโดยอัตโนมัติ! สะดวกสุดๆ ไปเลยใช่ไหมครับ?&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;background-color: #fef3c7; border-left: 4px solid rgb(245, 158, 11); border-radius: 4px; margin: 20px 0px; padding: 15px;&amp;quot;&amp;gt;
        &amp;lt;strong style=&amp;quot;color: #92400e; display: block; margin-bottom: 5px;&amp;quot;&amp;gt;⚠️ ควบคุม Performance ด้วย Modifiers ของ Livewire v4:&amp;lt;/strong&amp;gt;
        &amp;lt;p style=&amp;quot;color: #78350f; font-size: 14px; margin: 0px;&amp;quot;&amp;gt;
            - &amp;lt;strong&amp;gt;wire:poll.15s&amp;lt;/strong&amp;gt;: ปรับเวลาเป็นทุกๆ 15 วินาที เพื่อไม่ให้เซิร์ฟเวอร์ทำงานหนักเกินไป&amp;lt;br /&amp;gt;
            - &amp;lt;strong&amp;gt;wire:poll.visible&amp;lt;/strong&amp;gt;: ระบบจะทำ Polling เฉพาะเมื่อผู้ใช้งานสกรอลล์หน้าจอมาเห็นคอมโพเนนต์นี้เท่านั้น!&amp;lt;br /&amp;gt;
            - &amp;lt;strong&amp;gt;Background Tab Throttling&amp;lt;/strong&amp;gt;: เมื่อผู้ใช้เปิดแท็บอื่นค้างไว้ Livewire จะลดการยิงคำขอลง 95% ทันทีโดยอัตโนมัติ
        &amp;lt;/p&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;ฟีเจอร์ที่ 2: ผสานพลังไอเดียด้วย Livewire Events&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;บางครั้งเราไม่จำเป็นต้องตั้งเวลา Polling ตลอดเวลา แต่เราต้องการให้ Component หนึ่ง สั่งให้อีก Component หนึ่งอัปเดตตัวตามเมื่อเกิดการกระทำบางอย่าง (Event-driven Architecture)&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;ProductComponent.php (ฝั่งผู้ส่ง)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;addToCart&amp;lt;/span&amp;gt;(&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$productId&amp;lt;/span&amp;gt;)
{
    &amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// โค้ดเพิ่มสินค้าลงระบบตะกร้า&amp;lt;/span&amp;gt;
    
    &amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// ส่งสัญญาณ Event ออกไปทั่วทั้งหน้าเว็บ&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;dispatch(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;cart-updated&amp;#39;&amp;lt;/span&amp;gt;);
}&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;CartIcon.php (ฝั่งผู้รับ)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; Livewire\Attributes\On;

&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;CartIcon&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;Component&amp;lt;/span&amp;gt;
{
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;#&amp;lt;/span&amp;gt;[On(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;cart-updated&amp;#39;&amp;lt;/span&amp;gt;)]
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;refreshCartCount&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// เมธอดนี้จะทำงานและดึงข้อมูลยอดใหม่ทันทีที่ได้รับสัญญาณ&amp;lt;/span&amp;gt;
    }
}&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;ฟีเจอร์ที่ 3: โหลดหน้าเว็บเร็วปานสายฟ้าด้วย Lazy Loading&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;เมื่อเรานำข้อมูลภายนอก (Third-party APIs) เช่น การดึงราคาน้ำมัน หรือวิเคราะห์ SQL ซับซ้อน หากเขียนแอปพลิเคชันแบบปกติ หน้าเว็บจะหมุนค้างและแสดงหน้ากระดาษสีขาวจนกว่าข้อมูลจะเสร็จ แต่ Livewire มอบฟีเจอร์ &amp;lt;strong&amp;gt;Lazy Loading&amp;lt;/strong&amp;gt; ที่จะโหลดหน้าเว็บโครงสร้างหลักขึ้นมาก่อน แล้วค่อยโหลด Component ตามมาทีหลัง&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;WeatherWidget.php (Lazy Component)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Livewire;

&amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// เปิดใช้งาน Lazy Loading ด้วย Attribute&amp;lt;/span&amp;gt;
&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;#&amp;lt;/span&amp;gt;[\Livewire\Attributes\Lazy]
&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;WeatherWidget&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;Component&amp;lt;/span&amp;gt;
{
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;render&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$response&amp;lt;/span&amp;gt; = Http::get(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;https://api.weatherapi.com/v1/current.json&amp;#39;&amp;lt;/span&amp;gt;);
        &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; view(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;livewire.weather-widget&amp;#39;&amp;lt;/span&amp;gt;);
    }

    &amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// แสดง Skeleton Screen ระหว่างรอข้อมูล&amp;lt;/span&amp;gt;
    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;placeholder&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;&amp;amp;lt;div class=&amp;quot;loading&amp;quot;&amp;amp;gt;กำลังโหลดข้อมูลสภาพอากาศ...&amp;amp;lt;/div&amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;;
    }
}&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;แล้วถ้าหากคุณเป็นนักพัฒนา CodeIgniter 4 ล่ะ?&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;ถึงแม้ว่า Livewire จะเป็นของ Laravel แต่สำหรับสาย &amp;lt;strong&amp;gt;CodeIgniter 4 (CI4)&amp;lt;/strong&amp;gt; คุณก็สามารถสร้าง UX แบบ Real-time ที่ดีเยี่ยมนี้ได้เช่นเดียวกัน โดยผสมผสานสถาปัตยกรรม &amp;lt;strong&amp;gt;AJAX Polling&amp;lt;/strong&amp;gt; ร่วมกับฟังก์ชันพื้นฐานของ CI4 ดังนี้ครับ:&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;app/Controllers/Dashboard.php&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #4ec9b0;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;getLatestSales&amp;lt;/span&amp;gt;()
{
    &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt; = &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;new&amp;lt;/span&amp;gt; OrderModel();
    &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$totalSales&amp;lt;/span&amp;gt; = &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$model&amp;lt;/span&amp;gt;-&amp;amp;gt;sum(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;amount&amp;#39;&amp;lt;/span&amp;gt;);

    &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;response-&amp;amp;gt;setJSON([
        &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;,
        &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;total_sales&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; number_format(&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;$totalSales&amp;lt;/span&amp;gt;, &amp;lt;span style=&amp;quot;color: #b5cea8;&amp;quot;&amp;gt;2&amp;lt;/span&amp;gt;)
    ]);
}&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;div style=&amp;quot;margin: 20px 0px;&amp;quot;&amp;gt;
        &amp;lt;div style=&amp;quot;background-color: #1e1e1e; border-bottom: 1px solid rgb(45, 45, 45); border-top-left-radius: 6px; border-top-right-radius: 6px; color: grey; display: flex; font-family: monospace; font-size: 12px; justify-content: space-between; padding: 6px 16px;&amp;quot;&amp;gt;
            &amp;lt;span&amp;gt;dashboard_view.php (Frontend AJAX)&amp;lt;/span&amp;gt;
            &amp;lt;span style=&amp;quot;color: #f1e05a;&amp;quot;&amp;gt;JavaScript&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;pre style=&amp;quot;background: rgb(30, 30, 30); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color: #d4d4d4; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 13px; line-height: 1.5; margin: 0px; overflow-x: auto; padding: 16px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;updateSales&amp;lt;/span&amp;gt;() {
    &amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;fetch&amp;lt;/span&amp;gt;(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;&amp;amp;lt;?= base_url(\&amp;#39;dashboard/getLatestSales\&amp;#39;) ?&amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;)
        .&amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;then&amp;lt;/span&amp;gt;(&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;response&amp;lt;/span&amp;gt;.&amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;())
        .&amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;then&amp;lt;/span&amp;gt;(&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;data&amp;lt;/span&amp;gt; &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; {
            &amp;lt;span style=&amp;quot;color: #569cd6;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;data&amp;lt;/span&amp;gt;.&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;status&amp;lt;/span&amp;gt; === &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;success&amp;#39;&amp;lt;/span&amp;gt;) {
                &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;document&amp;lt;/span&amp;gt;.&amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;sales-amount&amp;#39;&amp;lt;/span&amp;gt;).&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;innerText&amp;lt;/span&amp;gt; = &amp;lt;span style=&amp;quot;color: #ce9178;&amp;quot;&amp;gt;&amp;#39;฿&amp;#39;&amp;lt;/span&amp;gt; + &amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;data&amp;lt;/span&amp;gt;.&amp;lt;span style=&amp;quot;color: #9cdcfe;&amp;quot;&amp;gt;total_sales&amp;lt;/span&amp;gt;;
            }
        });
}
&amp;lt;span style=&amp;quot;color: #6a9955;&amp;quot;&amp;gt;// สั่งให้ระบบส่งคำขอซ้ำทุกๆ 5 วินาที&amp;lt;/span&amp;gt;
&amp;lt;span style=&amp;quot;color: #dcdcaa;&amp;quot;&amp;gt;setInterval&amp;lt;/span&amp;gt;(updateSales, &amp;lt;span style=&amp;quot;color: #b5cea8;&amp;quot;&amp;gt;5000&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;
    &amp;lt;/div&amp;gt;

    &amp;lt;hr style=&amp;quot;background: rgb(226, 232, 240); border: 0px; height: 1px; margin: 40px 0px;&amp;quot; /&amp;gt;

    &amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(59, 130, 246); color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 20px; padding-left: 12px;&amp;quot;&amp;gt;สรุป: เทคนิคไหนที่ใช่สำหรับคุณ?&amp;lt;/h2&amp;gt;
    &amp;lt;p&amp;gt;การทำให้เว็บแอปพลิเคชันตอบสนองแบบเรียลไทม์ไม่จำเป็นต้องลงเอยด้วยสถาปัตยกรรม WebSockets ที่ซับซ้อนเสมอไป การเลือกใช้ HTTP Polling ที่มีการจัดการอัจฉริยะอย่าง &amp;lt;strong&amp;gt;Livewire v4&amp;lt;/strong&amp;gt; หรือโครงสร้าง &amp;lt;strong&amp;gt;AJAX บน CI4&amp;lt;/strong&amp;gt; ก็สามารถส่งมอบประสบการณ์ผู้ใช้ที่ดีเยี่ยม ลื่นไหล และประหยัดทรัพยากรฝั่งเซิร์ฟเวอร์ได้อย่างน่าอัศจรรย์ใจครับ&amp;lt;/p&amp;gt;

    &amp;lt;div style=&amp;quot;background-color: #f0fdf4; border-radius: 8px; border: 1px solid rgb(187, 247, 208); margin-top: 40px; padding: 25px;&amp;quot;&amp;gt;
        &amp;lt;h4 style=&amp;quot;color: #166534; font-size: 18px; font-weight: 700; margin-top: 0px;&amp;quot;&amp;gt;🚀 มาร่วมสนุกและแชร์ไอเดียกัน!&amp;lt;/h4&amp;gt;
        &amp;lt;p style=&amp;quot;color: #14532d; font-size: 14px; margin: 10px 0px;&amp;quot;&amp;gt;ตอนนี้แอปพลิเคชันของคุณใช้ระบบอัปเดตข้อมูลแบบไหนกันอยู่ครับ? ประสบปัญหาเว็บหน่วงหรือเซิร์ฟเวอร์ล่มกันบ้างไหม? คอมเมนต์พูดคุยแลกเปลี่ยนประสบการณ์ หรือสอบถามวิธีการเขียนโค้ดเพิ่มเติมด้านล่างนี้ได้เลยนะครับ! และอย่าลืมกดแชร์บทความนี้ให้กับเพื่อนๆ นักพัฒนาสาย PHP ด้วยล่ะ!&amp;lt;/p&amp;gt;
    &amp;lt;/div&amp;gt;

&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/7553604550384888420/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/real-time-ux-websockets-livewire.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/7553604550384888420'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/7553604550384888420'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/real-time-ux-websockets-livewire.html' title='คู่มือเปลี่ยนเว็บเป็น Real-Time UX ไม่ต้องง้อ WebSockets ด้วย Livewire Polling, Events และ Lazy Loading'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgqxuw2LvAHCqYfOmjNwIJLog6pfcFhijw0NP1smZh2YTbxxvsoINzJZyC3OhZ5rWvvz3qREayypCIE3jSgEY9OXCTBmT_tjSS-yrUqhwW2roPEiPe-5wJVvE0jBK7IB9fZvDrpkp0DowRYqMeXDOZyUfJA59odZKOAxD9DX0NdJVJCVcxEOgj9tK7l8YM=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-7989722804480872040&lt;/id&gt;&lt;published&gt;2026-06-16T07:43:18.523+07:00&lt;/published&gt;&lt;updated&gt;2026-06-16T07:43:18.524+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Laravel&quot;/&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;Scheduler List: Web Dashboard สำหรับจัดการ Laravel Scheduled Tasks&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgddmG7ZnjTaICbX5AePY-goOcM7NPr1El6OXUxEptQ3UyaGyNzNIWPoVIOhWdWlWy2QDpm5UvV_CqxS_xZJgBzOoRl6OajygUMCVphuc1vxuF6iZwlYJcUK1_ErZQOkbxSLz0VmXyr-X8XgmF6egguPmM8wRc03C_dz5893vGWblIGtpO2zYy7qbec2Xo&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEgddmG7ZnjTaICbX5AePY-goOcM7NPr1El6OXUxEptQ3UyaGyNzNIWPoVIOhWdWlWy2QDpm5UvV_CqxS_xZJgBzOoRl6OajygUMCVphuc1vxuF6iZwlYJcUK1_ErZQOkbxSLz0VmXyr-X8XgmF6egguPmM8wRc03C_dz5893vGWblIGtpO2zYy7qbec2Xo=w640-h360&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(30, 34, 53) 0%, rgb(45, 53, 97) 60%, rgb(61, 77, 183) 100%) rgb(248, 249, 251); border-radius: 16px; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 32px 0px 40px; overflow: hidden; padding: 52px 40px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-badge&amp;quot; style=&amp;quot;background: rgba(91, 110, 245, 0.25); border-radius: 20px; border: 1px solid rgba(91, 110, 245, 0.5); box-sizing: border-box; color: #a5b4fc; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; margin: 0px 0px 18px; padding: 4px 14px; text-transform: uppercase;&amp;quot;&amp;gt;Laravel · Scheduled Tasks · Dashboard&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: white; font-size: clamp(1.6rem, 4vw, 2.2rem); line-height: 1.3; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Scheduler List: Web Dashboard&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;สำหรับจัดการ Laravel Scheduled Tasks&amp;lt;/h1&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #a8b4d0; font-size: 16px; line-height: 1.7; margin: 0px 0px 14px; max-width: 580px; padding: 0px;&amp;quot;&amp;gt;สร้าง Dashboard ดู Cron Jobs ทั้งหมดของโปรเจกต์ Laravel ผ่านหน้าเว็บ แบบไม่ต้อง SSH เข้า Server ทุกครั้ง&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;tags&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 17px; gap: 8px; margin: 0px 0px 32px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 20px; box-sizing: border-box; color: #3d4db7; font-size: 13px; font-weight: 600; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 20px; box-sizing: border-box; color: #3d4db7; font-size: 13px; font-weight: 600; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Scheduled Tasks&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 20px; box-sizing: border-box; color: #3d4db7; font-size: 13px; font-weight: 600; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Cron Job&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 20px; box-sizing: border-box; color: #3d4db7; font-size: 13px; font-weight: 600; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 20px; box-sizing: border-box; color: #3d4db7; font-size: 13px; font-weight: 600; margin: 0px; padding: 4px 12px;&amp;quot;&amp;gt;Web Dashboard&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;①&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;ปัญหาคลาสสิกของ Cron Jobs&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ใครที่เคยทำงาน Backend มาสักระยะ คงเคยเจอคำถามนี้จากทีมหรือลูกค้า: &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;Cron Job มันรันอยู่ไหม? ทำอะไรไปบ้าง?&amp;quot;&amp;lt;/strong&amp;gt; — แล้วคุณก็ต้อง SSH เข้า Server ไปดู log หรือพิมพ์คำสั่ง &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;crontab -l&amp;lt;/code&amp;gt; ซึ่งไม่ใช่วิธีที่สะดวกเลย โดยเฉพาะถ้าทีมมีคนที่ไม่ถนัด Command Line&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;บทความนี้จะพาคุณสร้าง &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Scheduler List Dashboard&amp;lt;/strong&amp;gt; — หน้าเว็บที่แสดงรายการ Scheduled Tasks ทั้งหมดของ Laravel พร้อม Schedule Expression, สถานะ, และประวัติการรัน โดยใช้ฟีเจอร์ที่มีอยู่ใน Laravel อยู่แล้ว ไม่ต้องลง Package เพิ่ม&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-left: 4px solid rgb(91, 110, 245); border-radius: 0px 10px 10px 0px; box-sizing: border-box; color: #2d3561; font-size: 15px; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #5b6ef5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;💡 เหมาะสำหรับ:&amp;lt;/strong&amp;gt; ผู้ที่เริ่มต้นกับ Laravel และต้องการเข้าใจ Task Scheduling รวมถึงทีมที่ต้องการ Visibility ของ Background Jobs โดยไม่ต้องเปิด Terminal&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;②&amp;lt;/span&amp;gt;Laravel Task Scheduling คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Laravel มี Built-in Task Scheduler ที่ให้คุณนิยาม Scheduled Jobs ทั้งหมดใน &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โค้ด PHP&amp;lt;/strong&amp;gt; แทนการเขียน Cron หลาย ๆ บรรทัดใน Server — ทำให้ Version Control ได้, อ่านง่าย, และ Deploy พร้อมกับโค้ดเลย&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;สิ่งที่ต้องมีใน Server มีเพียงบรรทัดเดียวใน Crontab:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;crontab&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Server Cron - รันทุกนาที แค่บรรทัดเดียว&amp;lt;/span&amp;gt;
* * * * * cd /var/www/html &amp;amp;amp;&amp;amp;amp; php artisan schedule:run &amp;amp;gt;&amp;amp;gt; /dev/null 2&amp;amp;gt;&amp;amp;amp;1&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;แล้ว Laravel จะจัดการ Tasks ที่ถึงเวลาแต่ละตัวให้เอง งานทั้งหมดนิยามใน &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;app/Console/Kernel.php&amp;lt;/code&amp;gt; (Laravel 10 ลงไป) หรือใช้ &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Schedule&amp;lt;/code&amp;gt; Facade ใน &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;routes/console.php&amp;lt;/code&amp;gt; (Laravel 11+)&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Console/Kernel.php (Laravel 10)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;schedule&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Schedule&amp;lt;/span&amp;gt; $schedule): &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;void&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// รายงานยอดขายทุกวันเที่ยงคืน&amp;lt;/span&amp;gt;
    $schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;command&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;report:daily-sales&amp;#39;&amp;lt;/span&amp;gt;)
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;dailyAt&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;00:00&amp;#39;&amp;lt;/span&amp;gt;)
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;withoutOverlapping&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ลบ Log เก่ากว่า 30 วัน ทุกอาทิตย์&amp;lt;/span&amp;gt;
    $schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;command&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;logs:cleanup&amp;#39;&amp;lt;/span&amp;gt;)
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;weekly&amp;lt;/span&amp;gt;()
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;sundays&amp;lt;/span&amp;gt;()
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;at&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;02:00&amp;#39;&amp;lt;/span&amp;gt;);

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ส่ง Email สรุปทุก 6 ชั่วโมง&amp;lt;/span&amp;gt;
    $schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;command&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email:summary&amp;#39;&amp;lt;/span&amp;gt;)
             -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;everySixHours&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Sync ข้อมูลกับ API ภายนอก ทุก 15 นาที&amp;lt;/span&amp;gt;
    $schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;call&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;() {
        &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ExternalApiSync&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;run&amp;lt;/span&amp;gt;();
    })-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;everyFifteenMinutes&amp;lt;/span&amp;gt;();
}&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;③&amp;lt;/span&amp;gt;Frequency Methods ที่ใช้บ่อย&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Laravel มี Helper Methods สำหรับกำหนดความถี่ในการรัน Task ให้ใช้ได้เลยโดยไม่ต้องจำ Cron Syntax:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 20px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 15px; margin: 0px; min-width: 520px; padding: 0px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Method&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Cron Expression&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;ความหมาย&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;Use Case&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;everyMinute()&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;* * * * *&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุกนาที&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-orange&amp;quot; style=&amp;quot;background: rgb(255, 247, 237); border-radius: 12px; box-sizing: border-box; color: #c2410c; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Health Check&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;everyFifteenMinutes()&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;*/15 * * * *&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุก 15 นาที&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;API Sync&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;hourly()&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;0 * * * *&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุกชั่วโมง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-purple&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 12px; box-sizing: border-box; color: #5b6ef5; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Cache Refresh&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;dailyAt(&amp;#39;08:00&amp;#39;)&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;0 8 * * *&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุกวัน เวลาที่กำหนด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 12px; box-sizing: border-box; color: #16a34a; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;รายงานประจำวัน&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;weekly()&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;0 0 * * 0&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุกอาทิตย์&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgb(219, 234, 254); border-radius: 12px; box-sizing: border-box; color: #1d4ed8; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Cleanup&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;monthly()&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;0 0 1 * *&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทุกเดือน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-orange&amp;quot; style=&amp;quot;background: rgb(255, 247, 237); border-radius: 12px; box-sizing: border-box; color: #c2410c; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Invoice&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;-&amp;amp;gt;cron(&amp;#39;30 9 * * 1-5&amp;#39;)&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Custom&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;วันทำการ 09:30 น.&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-purple&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-radius: 12px; box-sizing: border-box; color: #5b6ef5; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Custom Schedule&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;④&amp;lt;/span&amp;gt;สร้าง Scheduler List Dashboard&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;เราจะสร้าง Route + Controller + Blade View เพื่อดึง Scheduled Tasks ออกมาแสดงบนหน้าเว็บ Laravel มี &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;app(&amp;#39;Illuminate\Console\Scheduling\Schedule&amp;#39;)&amp;lt;/code&amp;gt; ที่ให้ดึงรายการ Events ออกมาได้เลย&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Step 1: สร้าง Controller&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Http/Controllers/SchedulerController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; App\Http\Controllers;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Illuminate\Console\Scheduling\Schedule&amp;lt;/span&amp;gt;;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Illuminate\Http\Request&amp;lt;/span&amp;gt;;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Carbon\Carbon&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SchedulerController&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Controller&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Schedule&amp;lt;/span&amp;gt; $schedule)
    {
        $events = &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;collect&amp;lt;/span&amp;gt;($schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;events&amp;lt;/span&amp;gt;())
            -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;map&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;($event) {
                &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; [
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;command&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;str_replace&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;\&amp;#39;artisan\&amp;#39; &amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;, $event-&amp;amp;gt;command),
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;expression&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $event-&amp;amp;gt;expression,
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt;=&amp;amp;gt; $event-&amp;amp;gt;description ?? &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;-&amp;#39;&amp;lt;/span&amp;gt;,
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;timezone&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; $event-&amp;amp;gt;timezone ?? &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;config&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;app.timezone&amp;#39;&amp;lt;/span&amp;gt;),
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;without_overlapping&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; $event-&amp;amp;gt;withoutOverlapping,
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;run_in_background&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; $event-&amp;amp;gt;runInBackground,
                    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;next_run&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; $event-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;nextRunDate&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Carbon&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;now&amp;lt;/span&amp;gt;(), &amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;0&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;false&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;),
                ];
            });

        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;scheduler.index&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;compact&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;events&amp;#39;&amp;lt;/span&amp;gt;));
    }
}&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Step 2: เพิ่ม Route&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;routes/web.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; App\Http\Controllers\&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SchedulerController&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ป้องกันด้วย Middleware auth ก่อน Deploy จริง&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;middleware&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;auth&amp;#39;&amp;lt;/span&amp;gt;])-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;group&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;() {
    &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/admin/scheduler&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SchedulerController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/span&amp;gt;])
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;scheduler.index&amp;#39;&amp;lt;/span&amp;gt;);
});&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Step 3: สร้าง Blade View&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;resources/views/scheduler/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;@&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;layouts.app&amp;#39;&amp;lt;/span&amp;gt;)

@&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;section&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt;)
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;container mx-auto py-8 px-4&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;flex items-center justify-between mb-6&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h1&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;text-2xl font-bold text-gray-800&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      📅 Scheduled Tasks
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h1&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;span&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;text-sm text-gray-500&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      ทั้งหมด {{ $events-&amp;amp;gt;count() }} Tasks
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;

  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;overflow-x-auto rounded-xl shadow&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;table&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;w-full bg-white text-sm&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;thead&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;bg-indigo-50 text-indigo-900&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;tr&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;th&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-3 text-left&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;Command&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/th&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;th&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-3 text-left&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;Expression&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/th&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;th&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-3 text-left&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;Next Run&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/th&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;th&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-3 text-left&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;Options&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/th&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/tr&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/thead&amp;amp;gt;&amp;lt;/span&amp;gt;
      &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;tbody&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;divide-y divide-gray-100&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;

        @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;forelse&amp;lt;/span&amp;gt;($events &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; $event)
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;tr&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;hover:bg-gray-50&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;td&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-4&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;code&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;bg-indigo-50 text-indigo-700 px-2 py-1 rounded text-xs&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
              {{ $event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;command&amp;#39;&amp;lt;/span&amp;gt;] }}
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/code&amp;amp;gt;&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt;($event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt;] !== &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;-&amp;#39;&amp;lt;/span&amp;gt;)
              &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;text-gray-500 mt-1 text-xs&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;{{ $event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;description&amp;#39;&amp;lt;/span&amp;gt;] }}&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endif&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;td&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-4 font-mono text-xs text-gray-600&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            {{ $event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;expression&amp;#39;&amp;lt;/span&amp;gt;] }}
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;td&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-4 text-gray-700&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            {{ $event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;next_run&amp;#39;&amp;lt;/span&amp;gt;] }}
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;td&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-4&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt;($event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;without_overlapping&amp;#39;&amp;lt;/span&amp;gt;])
              &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;span&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;bg-green-100 text-green-700 text-xs px-2 py-0.5 rounded-full mr-1&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
                no-overlap
              &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endif&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt;($event[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;run_in_background&amp;#39;&amp;lt;/span&amp;gt;])
              &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;span&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;bg-blue-100 text-blue-700 text-xs px-2 py-0.5 rounded-full&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
                background
              &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;lt;/span&amp;gt;
            @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endif&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/tr&amp;amp;gt;&amp;lt;/span&amp;gt;
        @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;empty&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;tr&amp;amp;gt;&amp;lt;/span&amp;gt;
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;td&amp;lt;/span&amp;gt; colspan=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;4&amp;quot;&amp;lt;/span&amp;gt; class=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;px-5 py-8 text-center text-gray-400&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/span&amp;gt;
            ยังไม่มี Scheduled Tasks
          &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/td&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/tr&amp;amp;gt;&amp;lt;/span&amp;gt;
        @&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endforelse&amp;lt;/span&amp;gt;

      &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/tbody&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/table&amp;amp;gt;&amp;lt;/span&amp;gt;
  &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/span&amp;gt;
@&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endsection&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;⑤&amp;lt;/span&amp;gt;เพิ่ม Description และ Security&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ก่อน Deploy จริง ต้องทำ 2 อย่างนี้เสมอ:&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;เพิ่ม Description ให้แต่ละ Task&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;app/Console/Kernel.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;$schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;command&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;report:daily-sales&amp;#39;&amp;lt;/span&amp;gt;)
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;dailyAt&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;00:00&amp;#39;&amp;lt;/span&amp;gt;)
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;withoutOverlapping&amp;lt;/span&amp;gt;()
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;description&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;สร้างรายงานยอดขายประจำวัน ส่ง Email Admin&amp;#39;&amp;lt;/span&amp;gt;)  &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅&amp;lt;/span&amp;gt;
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;appendOutputTo&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;storage_path&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;logs/daily-sales.log&amp;#39;&amp;lt;/span&amp;gt;));

$schedule-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;command&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;logs:cleanup&amp;#39;&amp;lt;/span&amp;gt;)
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;weekly&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;sundays&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;at&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;02:00&amp;#39;&amp;lt;/span&amp;gt;)
         -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;description&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ลบ Log ไฟล์เก่ากว่า 30 วัน&amp;#39;&amp;lt;/span&amp;gt;);  &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;ป้องกันด้วย Middleware&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;routes/web.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// วิธีที่ 1: ใช้ Auth Middleware (แนะนำ)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;middleware&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;auth&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;can:view-admin&amp;#39;&amp;lt;/span&amp;gt;])
     -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/admin/scheduler&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SchedulerController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/span&amp;gt;]);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// วิธีที่ 2: จำกัด IP (สำหรับ Internal Tools)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;middleware&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;auth&amp;#39;&amp;lt;/span&amp;gt;])
     -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/admin/scheduler&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt;() {
         &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;in_array&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;request&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ip&amp;lt;/span&amp;gt;(), &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;explode&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;,&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;env&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ADMIN_IPS&amp;#39;&amp;lt;/span&amp;gt;)))) {
             &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;abort&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;403&amp;lt;/span&amp;gt;);
         }
         &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;SchedulerController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Schedule&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;));
     });&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(238, 240, 255); border-left: 4px solid rgb(91, 110, 245); border-radius: 0px 10px 10px 0px; box-sizing: border-box; color: #2d3561; font-size: 15px; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #5b6ef5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⚠️ สำคัญมาก:&amp;lt;/strong&amp;gt; หน้า Scheduler Dashboard ควรอยู่หลัง Authentication เสมอ เพราะแสดงข้อมูล Internal Tasks ของระบบ อย่าเปิด Public โดยเด็ดขาด&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;⑥&amp;lt;/span&amp;gt;คำสั่งที่ควรรู้จัก&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Laravel มี Artisan Commands สำหรับจัดการ Scheduler โดยเฉพาะ ใช้ได้ตั้งแต่ Development จนถึง Production:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(13, 17, 23); border-color: rgb(48, 54, 61); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(22, 27, 34); border-bottom: 1px solid rgb(48, 54, 61); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-yellow&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-green&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-size: 12px; margin: 0px 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;Terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;code-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #e6edf3; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px 22px; white-space: pre;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ดูรายการ Scheduled Tasks ทั้งหมด (แบบ CLI)&amp;lt;/span&amp;gt;
php artisan schedule:list

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# รัน Scheduler ทันที (ทดสอบ)&amp;lt;/span&amp;gt;
php artisan schedule:run

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# รัน Scheduler แบบ Loop ทุกนาที (สำหรับ Local Dev)&amp;lt;/span&amp;gt;
php artisan schedule:work

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# รัน Task เฉพาะตัว โดยไม่รอ Schedule&amp;lt;/span&amp;gt;
php artisan schedule:run --task=&amp;quot;report:daily-sales&amp;quot;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ดู Log ของ Scheduler&amp;lt;/span&amp;gt;
tail -f storage/logs/laravel.log&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;คำสั่ง &amp;lt;code style=&amp;quot;background: rgb(238, 240, 255); border-radius: 4px; box-sizing: border-box; color: #3d4db7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88em; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;php artisan schedule:list&amp;lt;/code&amp;gt; คือต้นแบบของ Dashboard ที่เราสร้าง แต่เราเปลี่ยนจาก Terminal Output มาเป็นหน้าเว็บที่ทีมทุกคนเข้าดูได้แทน&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;section&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;align-items: center; border-bottom: 2px solid rgb(238, 240, 255); box-sizing: border-box; display: flex; font-size: 1.45rem; gap: 10px; margin: 0px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;h2-icon&amp;quot; style=&amp;quot;align-items: center; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-flex; flex-shrink: 0; font-size: 14px; height: 30px; justify-content: center; margin: 0px; padding: 0px; width: 30px;&amp;quot;&amp;gt;⑦&amp;lt;/span&amp;gt;สรุป: ทำไม Scheduler Dashboard ถึงสำคัญ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;การมี Web Dashboard สำหรับ Scheduled Tasks ช่วยให้ทีมพัฒนาและ Operations เห็นภาพรวมของ Background Jobs ทั้งหมดได้ทันที โดยไม่ต้องให้ทุกคนมีสิทธิ์ SSH เข้า Production Server&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 20px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 15px; margin: 0px; min-width: 520px; padding: 0px; width: 780px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(241, 243, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;สิ่งที่ได้&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 2px solid rgb(228, 230, 240); box-sizing: border-box; color: #1a1d23; font-size: 14px; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;ประโยชน์&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ดู Tasks ทั้งหมดบนเว็บ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ไม่ต้อง SSH เข้า Server&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(245, 246, 255); border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;แสดง Cron Expression&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(245, 246, 255); border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ทีม Non-tech เข้าใจ Schedule ได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;แสดง Next Run Time&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;วางแผน Maintenance ได้ถูกต้อง&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ป้องกันด้วย Auth&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(228, 230, 240); box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;ปลอดภัย เฉพาะ Admin เท่านั้น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Code อยู่ใน Codebase&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; color: #52576b; margin: 0px; padding: 11px 16px; vertical-align: top;&amp;quot;&amp;gt;Version Control ได้, Deploy พร้อมกัน&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ขั้นต่อไปที่ทำได้คือ เพิ่ม Audit Log บันทึกว่า Task รันสำเร็จหรือไม่, เพิ่มปุ่ม &amp;quot;Run Now&amp;quot; สำหรับ Admin, หรือแม้แต่ต่อ Webhook ส่ง Notification ไปที่ LINE/Slack เมื่อ Task ล้มเหลว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;cta-box&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(30, 34, 53) 0%, rgb(45, 53, 97) 100%) rgb(248, 249, 251); border-radius: 14px; box-sizing: border-box; color: #1a1d23; font-family: Sarabun, sans-serif; font-size: 17px; margin: 48px 0px 0px; padding: 36px 32px; text-align: center;&amp;quot;&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: white; font-size: 1.3rem; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;📖 อ่านบทความ PHP / Laravel เพิ่มเติม&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #a8b4d0; font-size: 15px; margin: 0px 0px 22px; padding: 0px;&amp;quot;&amp;gt;บทความใหม่ทุกสัปดาห์เกี่ยวกับ PHP, Laravel, CodeIgniter 4 และ Web Development สำหรับนักพัฒนาไทย&amp;lt;/p&amp;gt;&amp;lt;a class=&amp;quot;cta-btn&amp;quot; href=&amp;quot;https://www.facebook.com/phpcodemania&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(91, 110, 245); border-radius: 8px; box-sizing: border-box; color: white; display: inline-block; font-size: 15px; font-weight: 600; margin: 0px; padding: 12px 30px; text-decoration: none; transition: opacity 0.2s;&amp;quot;&amp;gt;ไปที่ PHP Code Mania →&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/7989722804480872040/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/scheduler-list-web-dashboard-laravel.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/7989722804480872040'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/7989722804480872040'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/scheduler-list-web-dashboard-laravel.html' title='Scheduler List: Web Dashboard สำหรับจัดการ Laravel Scheduled Tasks'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEgddmG7ZnjTaICbX5AePY-goOcM7NPr1El6OXUxEptQ3UyaGyNzNIWPoVIOhWdWlWy2QDpm5UvV_CqxS_xZJgBzOoRl6OajygUMCVphuc1vxuF6iZwlYJcUK1_ErZQOkbxSLz0VmXyr-X8XgmF6egguPmM8wRc03C_dz5893vGWblIGtpO2zYy7qbec2Xo=s72-w640-h360-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-8094583268777560134&lt;/id&gt;&lt;published&gt;2026-06-15T06:52:27.202+07:00&lt;/published&gt;&lt;updated&gt;2026-06-15T06:52:27.202+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;จัดการ &amp;quot;เงิน&amp;quot; ใน PHP ให้ถูกต้อง: Money Value Object vs brick/money (สำหรับ Laravel/CI4)&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEivTNK2ntqsT8lipJjAEBqDQW0KRaudgtixc6U4YVNWgd4UPM3lTxBLSNvtHXhRlrsqAw0nX1Li1ClaX5bl9A2E_zgSZspfzpnLk8LS67kqs7B1bAdiC3WHtd0r4cTlArtGIV4fwoJx6LRXVnbMwrSb9SwMvgyyyhZtOZYu3yq2wvc2r56mfdMvYsTcWso&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1024&amp;quot; data-original-width=&amp;quot;1535&amp;quot; height=&amp;quot;427&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEivTNK2ntqsT8lipJjAEBqDQW0KRaudgtixc6U4YVNWgd4UPM3lTxBLSNvtHXhRlrsqAw0nX1Li1ClaX5bl9A2E_zgSZspfzpnLk8LS67kqs7B1bAdiC3WHtd0r4cTlArtGIV4fwoJx6LRXVnbMwrSb9SwMvgyyyhZtOZYu3yq2wvc2r56mfdMvYsTcWso&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;


&amp;lt;div&amp;gt;&amp;lt;p class=&amp;quot;lead&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(240, 238, 252) 0%, rgb(232, 244, 253) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-left: 5px solid rgb(108, 92, 231); border-radius: 8px; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 18px; margin-bottom: 28px; padding: 18px 22px;&amp;quot;&amp;gt;เคยเจอบั๊กแบบนี้ไหมครับ... ลูกค้าโทรมาบอกว่าโดนเก็บเงินเกิน 1 สตางค์ แล้วทีมบัญชีก็ส่งมาถามว่า &amp;quot;ทำไมยอดมันไม่ตรง?&amp;quot; พอไปดูโค้ดก็เจอว่าเราเก็บราคาเป็น &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;float&amp;lt;/code&amp;gt; หรือ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;decimal&amp;lt;/code&amp;gt; แล้วบวกลบกันไปมาจนค่ามันคลาดเคลื่อน นี่ไม่ใช่บั๊กเล็ก ๆ เลยครับ เพราะมันเกี่ยวกับ &amp;quot;เงิน&amp;quot; ของลูกค้าโดยตรง&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ปัญหานี้เกิดจากแนวคิดพื้นฐานที่หลายคนมองข้าม คือ &amp;lt;strong&amp;gt;&amp;quot;เงิน&amp;quot; ไม่ใช่แค่ตัวเลข&amp;lt;/strong&amp;gt; มันคือจำนวนเงินที่ผูกอยู่กับสกุลเงิน และมีกฎเกณฑ์ทางธุรกิจที่ตัวเลขล้วน ๆ ไม่สามารถบอกเราได้ เช่น เราไม่สามารถเอา 10 USD ไปบวกกับ 10 EUR ได้ตรง ๆ และเมื่อต้องหารเงินแบบไม่ลงตัว ใครจะเป็นคนรับเศษสตางค์ที่เหลือ?&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ในบทความนี้ เราจะมาดูกันว่าทำไมการเก็บเงินด้วยตัวเลขธรรมดาถึงอันตราย แล้วจะแก้ปัญหาด้วยการสร้าง &amp;lt;strong&amp;gt;Value Object&amp;lt;/strong&amp;gt; ของตัวเอง หรือจะใช้ไลบรารีสำเร็จรูปอย่าง &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; ดีกว่ากัน รวมถึงแนวทางการออกแบบให้ทั้งสองแบบสามารถสลับใช้งานกันได้ในอนาคต เหมาะสำหรับคนที่กำลังพัฒนาเว็บแอปด้วย CodeIgniter 4 หรือ Laravel ครับ&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 3px solid rgb(108, 92, 231); color: #1a1a2e; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-bottom: 10px;&amp;quot;&amp;gt;🔍 ปัญหาที่ซ่อนอยู่ 3 อย่างของการเก็บเงินแบบ &amp;quot;ตัวเลขดิบ&amp;quot;&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ก่อนจะไปถึงทางแก้ เรามาดูกันก่อนว่าทำไมการเก็บราคาเป็น &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;float&amp;lt;/code&amp;gt; หรือแม้แต่ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;int&amp;lt;/code&amp;gt;/&amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;decimal&amp;lt;/code&amp;gt; แบบไม่มีการจัดการที่ดี ถึงนำไปสู่ปัญหาในระยะยาว&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #4834d4; font-family: Sarabun, sans-serif; font-size: 20px; margin-bottom: 12px; margin-top: 28px;&amp;quot;&amp;gt;1. ปัญหา Floating Point (จุดทศนิยมไม่เที่ยง)&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;คอมพิวเตอร์เก็บเลขทศนิยมในรูปแบบ binary fraction ซึ่งตัวเลขอย่าง 0.10 ไม่สามารถแทนค่าได้แม่นยำ 100% ในระบบไบนารี เมื่อเราบวกราคาสินค้าหลายพันรายการเข้าด้วยกัน ความผิดพลาดเล็ก ๆ นี้จะสะสมจนกลายเป็นยอดเงินที่ผิดจริง ๆ&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #4834d4; font-family: Sarabun, sans-serif; font-size: 20px; margin-bottom: 12px; margin-top: 28px;&amp;quot;&amp;gt;2. ปัญหาสกุลเงินที่หายไป&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ตัวเลขเปล่า ๆ อย่าง &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;10&amp;lt;/code&amp;gt; ไม่สามารถบอกได้ว่าหมายถึง 10 ดอลลาร์ หรือ 10 เยน ถ้าระบบของเรามีหลายสกุลเงิน แล้วดันเผลอเอายอด USD ไปบวกกับ JPY ตรง ๆ โดยไม่มีการตรวจสอบ ผลลัพธ์ที่ได้ก็จะเป็นตัวเลขที่ &amp;quot;รันได้&amp;quot; แต่ไม่มีความหมายทางธุรกิจเลย&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #4834d4; font-family: Sarabun, sans-serif; font-size: 20px; margin-bottom: 12px; margin-top: 28px;&amp;quot;&amp;gt;3. ปัญหากฎการปัดเศษ (Rounding)&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ลองสมมติว่าต้องหารส่วนลด 10.00 บาท ออกเป็น 3 รายการเท่า ๆ กัน จะได้ 3.333... บาทต่อรายการ คำถามคือใครจะรับเศษสตางค์ที่เหลือไป? ถ้าเราปล่อยให้แต่ละจุดในโค้ดปัดเศษกันเอง โดยไม่มีกฎกลางที่ชัดเจน ผลรวมที่ได้อาจไม่เท่ากับยอดตั้งต้น และนี่คือต้นเหตุของรายงานบัญชีที่ไม่ลงตัว&amp;lt;/p&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 16px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 24px 0px; overflow: hidden; width: 898px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(108, 92, 231); color: white; font-size: 15px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;ปัญหา&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(108, 92, 231); color: white; font-size: 15px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;สาเหตุ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(108, 92, 231); color: white; font-size: 15px; padding: 14px 16px; text-align: left;&amp;quot;&amp;gt;ทางแก้&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;Floating point ไม่เที่ยง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;เก็บเงินเป็น float/decimal โดยตรง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;เก็บเป็นจำนวนเต็มในหน่วยย่อยที่สุด (สตางค์/เซนต์)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;สกุลเงินหายไป&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;ใช้ตัวเลขเปล่า ๆ แทนเงิน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom: 1px solid rgb(238, 238, 238); font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;ผูกสกุลเงินไว้กับจำนวนเงินเสมอ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;ปัดเศษไม่สม่ำเสมอ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;ปัดเศษกระจายอยู่ทั่วโค้ด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(255, 255, 255); border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; font-size: 15px; padding: 14px 16px;&amp;quot;&amp;gt;กำหนดกฎปัดเศษเป็น method กลางในโดเมน&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 3px solid rgb(108, 92, 231); color: #1a1a2e; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-bottom: 10px;&amp;quot;&amp;gt;🛠️ แนวทางที่ 1: สร้าง Money Value Object เอง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;แนวคิดหลักของ Value Object คือการสร้างคลาสที่ &amp;lt;strong&amp;gt;immutable&amp;lt;/strong&amp;gt; (เปลี่ยนค่าไม่ได้หลังสร้าง) ปลอดภัยเรื่องสกุลเงิน และเก็บจำนวนเงินเป็นจำนวนเต็มในหน่วยย่อยที่สุด เช่น เก็บ 199.99 บาท เป็น 19999 สตางค์&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;เริ่มจากกำหนดสกุลเงินเป็น enum เพื่อให้ PHP ช่วยตรวจสอบความถูกต้องให้เราตั้งแต่ตอน compile:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;Currency.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;enum Currency: string
{
    case USD = &amp;#39;USD&amp;#39;;
    case EUR = &amp;#39;EUR&amp;#39;;
    case THB = &amp;#39;THB&amp;#39;;
    case JPY = &amp;#39;JPY&amp;#39;;

    public function minorUnitDecimals(): int
    {
        return match ($this) {
            Currency::JPY =&amp;amp;gt; 0,
            default =&amp;amp;gt; 2,
        };
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;สังเกตว่า &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;minorUnitDecimals()&amp;lt;/code&amp;gt; สำคัญมาก เพราะ JPY ไม่มีทศนิยม ในขณะที่ USD, EUR, THB มี 2 ตำแหน่ง ถ้าเราใช้สูตรปัดเศษเดียวกันกับทุกสกุลเงิน ผลลัพธ์ของเยนจะผิดทันที&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ต่อมาคือคลาส &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;Money&amp;lt;/code&amp;gt; ที่เป็น Value Object หลัก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;Money.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;final class Money
{
    private function __construct(
        private readonly int $amountInMinorUnits,
        private readonly Currency $currency,
    ) {}

    public static function fromMinorUnits(int $amount, Currency $currency): self
    {
        return new self($amount, $currency);
    }

    public function add(Money $other): self
    {
        $this-&amp;amp;gt;assertSameCurrency($other);

        return new self(
            $this-&amp;amp;gt;amountInMinorUnits + $other-&amp;amp;gt;amountInMinorUnits,
            $this-&amp;amp;gt;currency,
        );
    }

    private function assertSameCurrency(Money $other): void
    {
        if ($this-&amp;amp;gt;currency !== $other-&amp;amp;gt;currency) {
            throw new InvalidArgumentException(
                &amp;#39;Cannot operate on different currencies.&amp;#39;
            );
        }
    }

    public function getAmount(): int
    {
        return $this-&amp;amp;gt;amountInMinorUnits;
    }

    public function getCurrency(): Currency
    {
        return $this-&amp;amp;gt;currency;
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;จุดสำคัญของโค้ดนี้คือ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;assertSameCurrency()&amp;lt;/code&amp;gt; ถ้ามีการเอา Money สองสกุลที่ไม่ตรงกันมาบวกกัน ระบบจะ throw exception ทันที แทนที่จะให้ผลลัพธ์เป็นตัวเลขผิด ๆ ที่กลายเป็นปัญหาในอีก 3 สัปดาห์ข้างหน้า&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #4834d4; font-family: Sarabun, sans-serif; font-size: 20px; margin-bottom: 12px; margin-top: 28px;&amp;quot;&amp;gt;การจัดการเรื่องปัดเศษด้วย Allocation&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ส่วนที่ยากที่สุดของการจัดการเงินไม่ใช่การบวกลบ แต่คือการ &amp;quot;หาร&amp;quot; ลองดูตัวอย่างการแบ่งส่วนลด 1000 สตางค์ออกเป็น 3 ส่วน:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;Money.php — allocate()&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;final class Money
{
    // ... โค้ดด้านบน

    /**
     * แบ่งจำนวนเงินออกเป็น N ส่วน โดยผลรวมต้องเท่ากับ
     * จำนวนเงินตั้งต้นเสมอ เศษสตางค์ที่เหลือจะถูกมอบให้
     * กับส่วนแรก ๆ เพื่อไม่ให้มีเงินงอกหรือหายไป
     */
    public function allocate(int $parts): array
    {
        $base = intdiv($this-&amp;amp;gt;amountInMinorUnits, $parts);
        $remainder = $this-&amp;amp;gt;amountInMinorUnits % $parts;

        $result = [];
        for ($i = 0; $i &amp;amp;lt; $parts; $i++) {
            $amount = $base + ($i &amp;amp;lt; $remainder ? 1 : 0);
            $result[] = new self($amount, $this-&amp;amp;gt;currency);
        }

        return $result;
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;tip-box&amp;quot; style=&amp;quot;background: rgb(255, 248, 225); border-left: 5px solid rgb(255, 189, 46); border-radius: 8px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;💡 &amp;lt;strong&amp;gt;ตัวอย่าง:&amp;lt;/strong&amp;gt; ถ้าเราแบ่ง 1000 สตางค์ออกเป็น 3 ส่วน จะได้ 334, 333, 333 ซึ่งรวมกันได้ 1000 พอดี ไม่มีเงินงอกขึ้นมาจากไหน และไม่มีสตางค์หายไปไหน กฎการปัดเศษนี้ถูกเขียนไว้เป็น method ที่อ่านง่าย ทดสอบได้ และเป็นเจ้าของโดยโดเมนของเราเอง&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 3px solid rgb(108, 92, 231); color: #1a1a2e; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-bottom: 10px;&amp;quot;&amp;gt;📦 แนวทางที่ 2: ใช้ brick/money ไลบรารีสำเร็จรูป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;เมื่อระบบของเราซับซ้อนขึ้น เช่น ต้องรองรับหลายสกุลเงินจริงจัง ต้องแปลงสกุลเงินตามอัตราแลกเปลี่ยน หรือต้องใช้กฎการปัดเศษหลายรูปแบบ (round half up, round half even ฯลฯ) การเขียน Value Object เองอาจไม่คุ้มค่าอีกต่อไป ตรงนี้แหละที่ไลบรารี &amp;lt;a href=&amp;quot;https://github.com/brick/money&amp;quot; style=&amp;quot;border-bottom: 1px dashed rgb(108, 92, 231); color: #6c5ce7; font-weight: 600; text-decoration: none;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;brick/money&amp;lt;/a&amp;gt; เข้ามาช่วยได้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ติดตั้งผ่าน Composer:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;terminal&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;composer require brick/money&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ตัวอย่างการใช้งานเบื้องต้น:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;example.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;use Brick\Money\Money;
use Brick\Math\RoundingMode;

$price = Money::of(&amp;#39;199.99&amp;#39;, &amp;#39;THB&amp;#39;);
$discount = $price-&amp;amp;gt;multipliedBy(&amp;#39;0.1&amp;#39;, RoundingMode::HALF_UP);

$finalPrice = $price-&amp;amp;gt;minus($discount);

echo $finalPrice-&amp;amp;gt;getAmount(); // 179.99
echo $finalPrice-&amp;amp;gt;getCurrency()-&amp;amp;gt;getCurrencyCode(); // THB&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; จัดการเรื่อง currency, rounding mode, และการแบ่งส่วน (allocation) ให้ครบแล้ว ทำให้เราไม่ต้องเขียนโค้ดเหล่านี้ซ้ำเอง&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 3px solid rgb(108, 92, 231); color: #1a1a2e; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-bottom: 10px;&amp;quot;&amp;gt;🚪 ทางออกที่ยั่งยืน: ซ่อน brick/money ไว้หลัง Port ของโดเมนตัวเอง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;คำถามคือ ถ้าใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; โดยตรงทั่วทั้งโปรเจกต์ แล้ววันหนึ่งอยากเปลี่ยนไลบรารี หรืออยากเพิ่มกฎทางธุรกิจเฉพาะของบริษัทเราเองล่ะ? คำตอบคือการสร้าง &amp;lt;strong&amp;gt;Port&amp;lt;/strong&amp;gt; หรือ interface ของโดเมนเราเองขึ้นมาครอบไว้อีกชั้น&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;MoneyServiceInterface.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;interface MoneyServiceInterface
{
    public function create(string $amount, string $currency): MoneyValue;

    public function add(MoneyValue $a, MoneyValue $b): MoneyValue;

    public function allocate(MoneyValue $money, int $parts): array;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;จากนั้นสร้าง implementation ที่ใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; อยู่ภายใน:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;BrickMoneyService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;use Brick\Money\Money as BrickMoney;
use Brick\Math\RoundingMode;

class BrickMoneyService implements MoneyServiceInterface
{
    public function create(string $amount, string $currency): MoneyValue
    {
        $money = BrickMoney::of($amount, $currency);

        return new MoneyValue(
            $money-&amp;amp;gt;getMinorAmount()-&amp;amp;gt;toInt(),
            $currency
        );
    }

    public function add(MoneyValue $a, MoneyValue $b): MoneyValue
    {
        $brickA = BrickMoney::ofMinor($a-&amp;amp;gt;amount, $a-&amp;amp;gt;currency);
        $brickB = BrickMoney::ofMinor($b-&amp;amp;gt;amount, $b-&amp;amp;gt;currency);

        $result = $brickA-&amp;amp;gt;plus($brickB);

        return new MoneyValue(
            $result-&amp;amp;gt;getMinorAmount()-&amp;amp;gt;toInt(),
            $a-&amp;amp;gt;currency
        );
    }

    public function allocate(MoneyValue $money, int $parts): array
    {
        $brick = BrickMoney::ofMinor($money-&amp;amp;gt;amount, $money-&amp;amp;gt;currency);
        $ratios = array_fill(0, $parts, 1);

        $allocated = $brick-&amp;amp;gt;allocate(...$ratios);

        return array_map(
            fn ($m) =&amp;amp;gt; new MoneyValue($m-&amp;amp;gt;getMinorAmount()-&amp;amp;gt;toInt(), $money-&amp;amp;gt;currency),
            $allocated
        );
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ในโค้ด Controller หรือ Service ของ Laravel/CodeIgniter 4 เราจะเรียกผ่าน &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;MoneyServiceInterface&amp;lt;/code&amp;gt; เสมอ ไม่เรียก &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;BrickMoney&amp;lt;/code&amp;gt; ตรง ๆ:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 62); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot dot-red&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-yellow&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot dot-green&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;code-filename&amp;quot; style=&amp;quot;color: #8a8aa0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;OrderService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: none; color: #e0e0f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;class OrderService
{
    public function __construct(
        private MoneyServiceInterface $moneyService,
    ) {}

    public function splitDiscount(string $amount, string $currency, int $items): array
    {
        $money = $this-&amp;amp;gt;moneyService-&amp;amp;gt;create($amount, $currency);

        return $this-&amp;amp;gt;moneyService-&amp;amp;gt;allocate($money, $items);
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;tip-box&amp;quot; style=&amp;quot;background: rgb(255, 248, 225); border-left: 5px solid rgb(255, 189, 46); border-radius: 8px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;💡 &amp;lt;strong&amp;gt;ข้อดีของแนวทางนี้:&amp;lt;/strong&amp;gt; ถ้าวันหนึ่งทีมตัดสินใจเปลี่ยนจาก &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; ไปใช้ไลบรารีอื่น หรือกลับมาเขียน Value Object เองทั้งหมด เราแค่เขียน implementation ใหม่ของ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;MoneyServiceInterface&amp;lt;/code&amp;gt; โดยไม่ต้องแก้โค้ดส่วน business logic เลยแม้แต่บรรทัดเดียว นี่คือหลักการเดียวกับ Hexagonal Architecture ที่ว่า &amp;quot;กฎการปัดเศษอยู่ในโดเมนของเรา ส่วนไลบรารีเป็นแค่ตัวที่สลับเปลี่ยนได้&amp;quot;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-bottom: 3px solid rgb(108, 92, 231); color: #1a1a2e; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-bottom: 10px;&amp;quot;&amp;gt;📌 สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;การจัดการ &amp;quot;เงิน&amp;quot; ในแอปพลิเคชัน PHP ไม่ใช่เรื่องของการเลือก data type ให้ถูกต้องเพียงอย่างเดียว แต่เป็นเรื่องของการออกแบบให้กฎทางธุรกิจ เช่น การปัดเศษ การแบ่งส่วน และการตรวจสอบสกุลเงิน อยู่ในที่เดียวที่ชัดเจนและทดสอบได้ ไม่ว่าจะเลือกเขียน Value Object เอง หรือใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; สิ่งสำคัญคือต้องห่อหุ้มมันไว้หลัง interface ของโดเมนตัวเอง เพื่อให้ระบบยืดหยุ่นและรองรับการเปลี่ยนแปลงในอนาคตได้โดยไม่ต้องรื้อทั้งโปรเจกต์&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;สำหรับโปรเจกต์เล็ก ๆ ที่มีสกุลเงินเดียวและกฎไม่ซับซ้อน การเขียน Value Object เองก็เพียงพอและช่วยให้โค้ดเบาขึ้น แต่ถ้าโปรเจกต์เริ่มโตขึ้นและต้องรองรับหลายสกุลเงินหรือกฎการปัดเศษที่ซับซ้อน &amp;lt;code style=&amp;quot;background: rgb(240, 238, 252); border-radius: 4px; color: #6c5ce7; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; padding: 2px 8px;&amp;quot;&amp;gt;brick/money&amp;lt;/code&amp;gt; พร้อม Port ของตัวเองคือคำตอบที่คุ้มค่ากว่าในระยะยาว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/8094583268777560134/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/blog-post.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8094583268777560134'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8094583268777560134'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/blog-post.html' title='จัดการ &amp;quot;เงิน&amp;quot; ใน PHP ให้ถูกต้อง: Money Value Object vs brick/money (สำหรับ Laravel/CI4)'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEivTNK2ntqsT8lipJjAEBqDQW0KRaudgtixc6U4YVNWgd4UPM3lTxBLSNvtHXhRlrsqAw0nX1Li1ClaX5bl9A2E_zgSZspfzpnLk8LS67kqs7B1bAdiC3WHtd0r4cTlArtGIV4fwoJx6LRXVnbMwrSb9SwMvgyyyhZtOZYu3yq2wvc2r56mfdMvYsTcWso=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-775270257258239089&lt;/id&gt;&lt;published&gt;2026-06-13T23:59:02.454+07:00&lt;/published&gt;&lt;updated&gt;2026-06-13T23:59:02.455+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;เขียนโปรแกรม&quot;/&gt;&lt;title type='text'&gt;SDK PHP ช่วยลดโค้ดเชื่อมต่อ API ได้นับร้อยบรรทัดอย่างไร&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEg9dEPv2tsrHtIWf6i6f3cEMRyuHTu1tbJX-AMt83cfFJ_5CaIkS08FvpbcVcJUK8Ap_oIDJo1uCWFG780lDH3akimaicrIKIoTh-6X7LLI4S3HJJjU5jdnbBvUg5ZqeDHu6UjmseQQgLRQOfWhObSWTrqMtZCPCEVX3gGc0zVJ91-yx6LeivpaeX4H1iE&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEg9dEPv2tsrHtIWf6i6f3cEMRyuHTu1tbJX-AMt83cfFJ_5CaIkS08FvpbcVcJUK8Ap_oIDJo1uCWFG780lDH3akimaicrIKIoTh-6X7LLI4S3HJJjU5jdnbBvUg5ZqeDHu6UjmseQQgLRQOfWhObSWTrqMtZCPCEVX3gGc0zVJ91-yx6LeivpaeX4H1iE=w640-h360&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;เคยไหมครับ ที่ต้องเชื่อมต่อระบบของตัวเองเข้ากับบริการภายนอก เช่น ระบบบัญชี ระบบจัดส่งสินค้า หรือ Payment Gateway แล้วต้องมานั่งเขียนโค้ดเรียก API ด้วย cURL เอง ตั้งค่า Header เอง แปลง JSON เอง จัดการ Error เอง... ทำซ้ำแบบนี้ทุกครั้งที่มี Endpoint ใหม่ จนโค้ดในโปรเจกต์เต็มไปด้วยฟังก์ชันเรียก API ที่หน้าตาคล้ายกันแต่กระจัดกระจายอยู่ทั่วทุกที่&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ปัญหานี้พบได้บ่อยมากในงานพัฒนาเว็บแอปด้วย PHP โดยเฉพาะตอนที่ต้องเชื่อมต่อกับบริการอย่าง QuickBooks สำหรับงานบัญชี หรือระบบอีคอมเมิร์ซต่าง ๆ ที่มี API ให้เรียกใช้จำนวนมาก ถ้าทุกอย่างต้องเขียนเองด้วย cURL ดิบ ๆ โอกาสที่โค้ดจะซ้ำซ้อนและบั๊กแอบซ่อนอยู่นั้นสูงมาก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;บทความนี้จะพาไปดูว่า &amp;quot;SDK&amp;quot; (Software Development Kit) คืออะไร ทำไมการใช้ SDK ที่มีคนทำไว้แล้ว หรือการสร้าง SDK ของตัวเอง ถึงช่วยลดโค้ดได้เป็นร้อยบรรทัด พร้อมตัวอย่างการนำไปใช้งานจริงใน CodeIgniter 4 และ Laravel สำหรับมือใหม่ที่อยากเขียนโค้ดให้สะอาดและดูแลง่ายขึ้น&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;SDK คืออะไร แล้วต่างจากการเรียก API ตรง ๆ ยังไง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;SDK ก็คือชุดไลบรารีที่ห่อหุ้ม (wrap) การเรียก API ของบริการหนึ่ง ๆ ไว้ในรูปแบบของคลาสและฟังก์ชันที่ใช้งานง่าย แทนที่เราจะต้องจำ Endpoint, Header, รูปแบบ JSON เอง SDK จะเตรียมเมธอดสำเร็จรูปให้เรียกใช้ตรง ๆ เช่น แทนที่จะต้องยิง cURL ไปที่ &amp;lt;code&amp;gt;/v3/company/123/customer&amp;lt;/code&amp;gt; พร้อมแนบ Token เอง เราอาจแค่เรียก &amp;lt;code&amp;gt;$client-&amp;amp;gt;customers()-&amp;amp;gt;create($data)&amp;lt;/code&amp;gt; เพียงบรรทัดเดียว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-callout&amp;quot; style=&amp;quot;background: rgb(238, 242, 255); border-left: 5px solid rgb(99, 102, 241); border-radius: 8px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-callout-title&amp;quot; style=&amp;quot;color: #4338ca; display: block; font-weight: 700; margin-bottom: 6px;&amp;quot;&amp;gt;💡 มุมมองง่าย ๆ&amp;lt;/span&amp;gt;ลองนึกภาพว่า API คือ &amp;quot;ปลั๊กไฟดิบ&amp;quot; ที่ต้องต่อสายเอง ระมัดระวังเรื่องไฟดูด ส่วน SDK คือ &amp;quot;ปลั๊กพ่วงพร้อมสวิตช์&amp;quot; ที่ต่อแล้วใช้ได้เลย ปลอดภัยกว่า และมีคนทดสอบมาให้แล้วว่าใช้งานได้จริง&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 20px; margin-bottom: 12px; margin-top: 28px;&amp;quot;&amp;gt;ตัวอย่างปัญหา: เรียก API ด้วย cURL ดิบ ๆ&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ลองดูตัวอย่างการเรียก API เพื่อสร้างลูกค้าใหม่ในระบบบัญชีแบบ QuickBooks ด้วย cURL ตรง ๆ ดูครับ จะเห็นว่าต้องเขียนโค้ดจัดการ Header, Token, และ Error เองทั้งหมด&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;raw_curl_example.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

function createCustomerRaw($accessToken, $realmId, $customerData)
{
    $url = &amp;quot;https://sandbox-quickbooks.api.intuit.com/v3/company/{$realmId}/customer&amp;quot;;

    $ch = curl_init($url);

    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, [
        &amp;quot;Authorization: Bearer {$accessToken}&amp;quot;,
        &amp;quot;Content-Type: application/json&amp;quot;,
        &amp;quot;Accept: application/json&amp;quot;,
    ]);
    curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($customerData));

    $response = curl_exec($ch);
    $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);

    if (curl_errno($ch)) {
        $error = curl_error($ch);
        curl_close($ch);
        throw new Exception(&amp;quot;cURL Error: {$error}&amp;quot;);
    }

    curl_close($ch);

    if ($httpCode &amp;amp;gt;= 400) {
        throw new Exception(&amp;quot;API Error ({$httpCode}): {$response}&amp;quot;);
    }

    return json_decode($response, true);
}

// ทุกครั้งที่ต้องเรียก Endpoint ใหม่ ต้องเขียนซ้ำแบบนี้อีก...
function getCustomerRaw($accessToken, $realmId, $customerId)
{
    $url = &amp;quot;https://sandbox-quickbooks.api.intuit.com/v3/company/{$realmId}/customer/{$customerId}&amp;quot;;
    // ... โค้ด cURL เหมือนเดิมอีกชุด
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;จะเห็นว่าแค่ 2 ฟังก์ชันก็ปาไปแล้วเกือบ 40 บรรทัด และถ้าระบบมี Endpoint ที่ต้องใช้สัก 10-20 จุด โค้ดส่วนที่ทำซ้ำ ๆ (ตั้ง Header, เช็ค Error, แปลง JSON) จะเกิดขึ้นนับร้อยบรรทัด ซึ่งถ้าวันหนึ่งบริการเปลี่ยนวิธี Authentication เราต้องไปแก้ทุกจุดที่เขียนซ้ำไว้&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;ใช้ SDK แทน: ลดโค้ดเหลือไม่กี่บรรทัด&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ถ้าบริการนั้นมี SDK สำหรับ PHP ให้ใช้ (เช่นโหลดผ่าน Composer) เราสามารถลดงานข้างต้นทั้งหมดให้เหลือเพียงไม่กี่บรรทัด เพราะ SDK จัดการเรื่อง Authentication, Header, และการแปลงข้อมูลให้เราหมดแล้ว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;with_sdk_example.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

use QuickBooksOnline\API\DataService\DataService;
use QuickBooksOnline\API\Data\IPPCustomer;

$dataService = DataService::Configure([
    &amp;#39;auth_mode&amp;#39;    =&amp;amp;gt; &amp;#39;oauth2&amp;#39;,
    &amp;#39;ClientID&amp;#39;     =&amp;amp;gt; env(&amp;#39;QB_CLIENT_ID&amp;#39;),
    &amp;#39;ClientSecret&amp;#39; =&amp;amp;gt; env(&amp;#39;QB_CLIENT_SECRET&amp;#39;),
    &amp;#39;accessTokenKey&amp;#39;  =&amp;amp;gt; $accessToken,
    &amp;#39;refreshTokenKey&amp;#39; =&amp;amp;gt; $refreshToken,
    &amp;#39;baseUrl&amp;#39;      =&amp;amp;gt; &amp;#39;development&amp;#39;,
]);

$customer = new IPPCustomer();
$customer-&amp;amp;gt;DisplayName = $customerData[&amp;#39;name&amp;#39;];
$customer-&amp;amp;gt;PrimaryEmailAddr = [&amp;#39;Address&amp;#39; =&amp;amp;gt; $customerData[&amp;#39;email&amp;#39;]];

$result = $dataService-&amp;amp;gt;Add($customer);

$error = $dataService-&amp;amp;gt;getLastError();
if ($error) {
    throw new Exception($error-&amp;amp;gt;getResponseBody());
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;จะเห็นว่าเราไม่ต้องไปยุ่งกับ cURL, Header หรือ URL ของ Endpoint เลย SDK จัดการให้หมด สิ่งที่เราทำคือ &amp;quot;ตั้งค่า&amp;quot; และ &amp;quot;เรียกใช้เมธอด&amp;quot; เท่านั้น โค้ดสั้นลง อ่านง่ายขึ้น และลดความเสี่ยงเรื่องบั๊กจากการเขียน HTTP Request เองไปได้มาก&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;นำ SDK มาใช้ใน CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ใน CodeIgniter 4 เราสามารถสร้าง Service หรือ Library Class แยกไว้สำหรับห่อหุ้มการเรียกใช้ SDK อีกชั้นหนึ่ง เพื่อให้ Controller เรียกใช้งานได้สะดวก และถ้าวันหนึ่งต้องเปลี่ยน SDK ก็แก้แค่จุดนี้ที่เดียว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;app/Libraries/AccountingService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

namespace App\Libraries;

use QuickBooksOnline\API\DataService\DataService;
use QuickBooksOnline\API\Data\IPPCustomer;

class AccountingService
{
    protected DataService $dataService;

    public function __construct()
    {
        $this-&amp;amp;gt;dataService = DataService::Configure([
            &amp;#39;auth_mode&amp;#39;    =&amp;amp;gt; &amp;#39;oauth2&amp;#39;,
            &amp;#39;ClientID&amp;#39;     =&amp;amp;gt; getenv(&amp;#39;QB_CLIENT_ID&amp;#39;),
            &amp;#39;ClientSecret&amp;#39; =&amp;amp;gt; getenv(&amp;#39;QB_CLIENT_SECRET&amp;#39;),
            &amp;#39;accessTokenKey&amp;#39;  =&amp;amp;gt; getenv(&amp;#39;QB_ACCESS_TOKEN&amp;#39;),
            &amp;#39;refreshTokenKey&amp;#39; =&amp;amp;gt; getenv(&amp;#39;QB_REFRESH_TOKEN&amp;#39;),
            &amp;#39;baseUrl&amp;#39;      =&amp;amp;gt; &amp;#39;development&amp;#39;,
        ]);
    }

    public function createCustomer(array $data): array
    {
        $customer = new IPPCustomer();
        $customer-&amp;amp;gt;DisplayName = $data[&amp;#39;name&amp;#39;];
        $customer-&amp;amp;gt;PrimaryEmailAddr = [&amp;#39;Address&amp;#39; =&amp;amp;gt; $data[&amp;#39;email&amp;#39;]];

        $result = $this-&amp;amp;gt;dataService-&amp;amp;gt;Add($customer);

        $error = $this-&amp;amp;gt;dataService-&amp;amp;gt;getLastError();
        if ($error) {
            throw new \RuntimeException($error-&amp;amp;gt;getResponseBody());
        }

        return (array) $result;
    }
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;app/Controllers/CustomerController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

namespace App\Controllers;

use App\Libraries\AccountingService;

class CustomerController extends BaseController
{
    public function store()
    {
        $accounting = new AccountingService();

        try {
            $result = $accounting-&amp;amp;gt;createCustomer([
                &amp;#39;name&amp;#39;  =&amp;amp;gt; $this-&amp;amp;gt;request-&amp;amp;gt;getPost(&amp;#39;name&amp;#39;),
                &amp;#39;email&amp;#39; =&amp;amp;gt; $this-&amp;amp;gt;request-&amp;amp;gt;getPost(&amp;#39;email&amp;#39;),
            ]);

            return $this-&amp;amp;gt;response-&amp;amp;gt;setJSON([
                &amp;#39;status&amp;#39; =&amp;amp;gt; &amp;#39;success&amp;#39;,
                &amp;#39;data&amp;#39;   =&amp;amp;gt; $result,
            ]);
        } catch (\RuntimeException $e) {
            return $this-&amp;amp;gt;response-&amp;amp;gt;setStatusCode(500)
                -&amp;amp;gt;setJSON([&amp;#39;status&amp;#39; =&amp;amp;gt; &amp;#39;error&amp;#39;, &amp;#39;message&amp;#39; =&amp;amp;gt; $e-&amp;amp;gt;getMessage()]);
        }
    }
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;สังเกตว่า Controller ไม่รู้เรื่องรายละเอียดการเชื่อมต่อ API เลยแม้แต่นิดเดียว มันแค่เรียก &amp;lt;code&amp;gt;createCustomer()&amp;lt;/code&amp;gt; แล้วรับผลลัพธ์กลับมา ถ้าวันหนึ่งเปลี่ยนผู้ให้บริการบัญชีจาก QuickBooks เป็นระบบอื่น เราแก้แค่ใน &amp;lt;code&amp;gt;AccountingService&amp;lt;/code&amp;gt; เท่านั้น ไม่ต้องไปไล่แก้ทุก Controller&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;นำ SDK มาใช้ใน Laravel&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ใน Laravel แนวคิดเดียวกันนี้ทำได้สะดวกขึ้นด้วยการใช้ Service Container ผ่านการสร้าง Service Provider แล้ว Bind คลาส Service ของเราไว้ เพื่อให้สามารถ Inject เข้าไปใช้ใน Controller ผ่าน Dependency Injection ได้เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;app/Services/AccountingService.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

namespace App\Services;

use QuickBooksOnline\API\DataService\DataService;
use QuickBooksOnline\API\Data\IPPCustomer;

class AccountingService
{
    protected DataService $dataService;

    public function __construct()
    {
        $this-&amp;amp;gt;dataService = DataService::Configure([
            &amp;#39;auth_mode&amp;#39;       =&amp;amp;gt; &amp;#39;oauth2&amp;#39;,
            &amp;#39;ClientID&amp;#39;        =&amp;amp;gt; config(&amp;#39;services.quickbooks.client_id&amp;#39;),
            &amp;#39;ClientSecret&amp;#39;    =&amp;amp;gt; config(&amp;#39;services.quickbooks.client_secret&amp;#39;),
            &amp;#39;accessTokenKey&amp;#39;  =&amp;amp;gt; config(&amp;#39;services.quickbooks.access_token&amp;#39;),
            &amp;#39;refreshTokenKey&amp;#39; =&amp;amp;gt; config(&amp;#39;services.quickbooks.refresh_token&amp;#39;),
            &amp;#39;baseUrl&amp;#39;         =&amp;amp;gt; &amp;#39;development&amp;#39;,
        ]);
    }

    public function createCustomer(array $data): array
    {
        $customer = new IPPCustomer();
        $customer-&amp;amp;gt;DisplayName = $data[&amp;#39;name&amp;#39;];
        $customer-&amp;amp;gt;PrimaryEmailAddr = [&amp;#39;Address&amp;#39; =&amp;amp;gt; $data[&amp;#39;email&amp;#39;]];

        $result = $this-&amp;amp;gt;dataService-&amp;amp;gt;Add($customer);

        if ($error = $this-&amp;amp;gt;dataService-&amp;amp;gt;getLastError()) {
            throw new \RuntimeException($error-&amp;amp;gt;getResponseBody());
        }

        return (array) $result;
    }
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;app/Http/Controllers/CustomerController.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

namespace App\Http\Controllers;

use App\Services\AccountingService;
use Illuminate\Http\Request;

class CustomerController extends Controller
{
    public function __construct(protected AccountingService $accounting) {}

    public function store(Request $request)
    {
        $validated = $request-&amp;amp;gt;validate([
            &amp;#39;name&amp;#39;  =&amp;amp;gt; &amp;#39;required|string|max:255&amp;#39;,
            &amp;#39;email&amp;#39; =&amp;amp;gt; &amp;#39;required|email&amp;#39;,
        ]);

        try {
            $result = $this-&amp;amp;gt;accounting-&amp;amp;gt;createCustomer($validated);

            return response()-&amp;amp;gt;json([&amp;#39;status&amp;#39; =&amp;amp;gt; &amp;#39;success&amp;#39;, &amp;#39;data&amp;#39; =&amp;amp;gt; $result]);
        } catch (\RuntimeException $e) {
            return response()-&amp;amp;gt;json([&amp;#39;status&amp;#39; =&amp;amp;gt; &amp;#39;error&amp;#39;, &amp;#39;message&amp;#39; =&amp;amp;gt; $e-&amp;amp;gt;getMessage()], 500);
        }
    }
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;เพราะ Laravel มี Dependency Injection มาในตัว เราจึงไม่ต้อง &amp;lt;code&amp;gt;new AccountingService()&amp;lt;/code&amp;gt; เองในทุก Controller เพียงแค่ใส่ Type-hint ใน Constructor ระบบจะสร้าง Object ให้อัตโนมัติ ทำให้การ Mock สำหรับ Unit Test ก็ทำได้ง่ายขึ้นด้วย&amp;lt;/p&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;เปรียบเทียบ: เรียก API ตรง ๆ vs ใช้ SDK&amp;lt;/h2&amp;gt;&amp;lt;table class=&amp;quot;pcm-table&amp;quot; style=&amp;quot;border-collapse: collapse; color: #2d2d2d; font-family: Sarabun, sans-serif; font-size: 15px; margin: 20px 0px; width: 800px;&amp;quot;&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(99, 102, 241); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(99, 102, 241); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;เรียก API ด้วย cURL ตรง ๆ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(99, 102, 241); color: white; padding: 12px 14px; text-align: left;&amp;quot;&amp;gt;ใช้ SDK&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(249, 250, 251);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;จำนวนโค้ดต่อ Endpoint&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;20-40 บรรทัด ต่อจุด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;3-10 บรรทัด ต่อจุด&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;การจัดการ Authentication&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;ต้องเขียนเอง ทุกจุด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;ตั้งค่าครั้งเดียว ใช้ได้ทุกที่&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(249, 250, 251);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;การจัดการ Error&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;เขียนเอง เสี่ยงพลาด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;มี Method ตรวจสอบให้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;การอัปเดตเมื่อ API เปลี่ยน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;ต้องไล่แก้ทุกจุดในโค้ด&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;อัปเดต Package ผ่าน Composer&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(249, 250, 251);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;ความเหมาะสมกับมือใหม่&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;เข้าใจหลักการ HTTP ดี แต่ยุ่งยาก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 12px 14px;&amp;quot;&amp;gt;เริ่มต้นได้เร็ว เน้นที่ Logic ธุรกิจ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;ถ้าบริการไม่มี SDK ให้ ทำยังไง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;ไม่ใช่ทุกบริการที่จะมี SDK สำหรับ PHP ให้พร้อมใช้งาน บางครั้งมีแค่เอกสาร API แบบ REST เปล่า ๆ ในกรณีนี้ เราสามารถสร้าง &amp;quot;Mini SDK&amp;quot; ของตัวเองขึ้นมาได้ง่าย ๆ โดยใช้หลักการเดียวกัน คือห่อหุ้มการเรียก HTTP ไว้ในคลาสเดียว แล้วเปิดเมธอดให้ใช้งานเฉพาะที่จำเป็น&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-block&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; overflow: hidden;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pcm-code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(42, 42, 60); display: flex; gap: 8px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-dot&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pcm-code-filename&amp;quot; style=&amp;quot;color: #9ca3af; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13px; margin-left: 8px;&amp;quot;&amp;gt;app/Services/SimpleApiClient.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;margin: 0px; overflow-x: auto; padding: 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.6;&amp;quot;&amp;gt;&amp;amp;lt;?php

namespace App\Services;

use Illuminate\Support\Facades\Http;

class SimpleApiClient
{
    public function __construct(
        protected string $baseUrl,
        protected string $apiKey
    ) {}

    public function get(string $endpoint, array $query = []): array
    {
        $response = Http::withToken($this-&amp;amp;gt;apiKey)
            -&amp;amp;gt;get(&amp;quot;{$this-&amp;amp;gt;baseUrl}/{$endpoint}&amp;quot;, $query);

        return $this-&amp;amp;gt;handleResponse($response);
    }

    public function post(string $endpoint, array $data = []): array
    {
        $response = Http::withToken($this-&amp;amp;gt;apiKey)
            -&amp;amp;gt;post(&amp;quot;{$this-&amp;amp;gt;baseUrl}/{$endpoint}&amp;quot;, $data);

        return $this-&amp;amp;gt;handleResponse($response);
    }

    protected function handleResponse($response): array
    {
        if ($response-&amp;amp;gt;failed()) {
            throw new \RuntimeException(
                &amp;quot;API request failed: {$response-&amp;amp;gt;status()} - {$response-&amp;amp;gt;body()}&amp;quot;
            );
        }

        return $response-&amp;amp;gt;json();
    }
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;เพียงเท่านี้ เราก็มี &amp;quot;SDK เล็ก ๆ&amp;quot; ของตัวเองที่ใช้ซ้ำได้ทั่วทั้งโปรเจกต์ ไม่ว่าจะเป็นการเรียก API ของระบบจัดส่งสินค้า ระบบแจ้งเตือน หรือ Payment Gateway ก็สามารถสร้างคลาสลูกที่ Extend จาก &amp;lt;code&amp;gt;SimpleApiClient&amp;lt;/code&amp;gt; นี้ได้ ทำให้โค้ดในโปรเจกต์เป็นระเบียบและทดสอบได้ง่าย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pcm-warning&amp;quot; style=&amp;quot;background: rgb(255, 247, 237); border-left: 5px solid rgb(249, 115, 22); border-radius: 8px; color: #2d2d2d; font-family: Sarabun, sans-serif; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pcm-callout-title&amp;quot; style=&amp;quot;color: #4338ca; display: block; font-weight: 700; margin-bottom: 6px;&amp;quot;&amp;gt;⚠️ ข้อควรระวัง&amp;lt;/span&amp;gt;ไม่ว่าจะใช้ SDK ของผู้ให้บริการ หรือสร้างเอง อย่าเก็บ API Key หรือ Token ไว้ใน Source Code ตรง ๆ ให้ใช้ไฟล์ &amp;lt;code&amp;gt;.env&amp;lt;/code&amp;gt; และเรียกผ่าน &amp;lt;code&amp;gt;config()&amp;lt;/code&amp;gt; หรือ &amp;lt;code&amp;gt;getenv()&amp;lt;/code&amp;gt; เสมอ เพื่อความปลอดภัยและสะดวกในการสลับค่าระหว่าง Development กับ Production&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 5px solid rgb(99, 102, 241); color: #1a1a1a; font-family: Sarabun, sans-serif; font-size: 26px; margin-bottom: 16px; margin-top: 40px; padding-left: 12px;&amp;quot;&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;การเรียก API ด้วย cURL ดิบ ๆ ไม่ใช่เรื่องผิด แต่ถ้าโปรเจกต์มีการเชื่อมต่อกับบริการภายนอกหลายจุด การใช้ SDK ที่มีคนทำไว้แล้ว หรือสร้าง SDK เล็ก ๆ ของตัวเองในรูปแบบ Service Class จะช่วยให้โค้ดสะอาดขึ้น ลดความซ้ำซ้อน และทำให้การดูแลรักษาในระยะยาวง่ายขึ้นมาก ทั้งใน CodeIgniter 4 ที่ใช้ Library Class และใน Laravel ที่ใช้ Service Provider กับ Dependency Injection หลักการสำคัญคือ &amp;quot;แยกรายละเอียดการเชื่อมต่อ API ออกจาก Business Logic&amp;quot; เพื่อให้ทั้งสองส่วนเปลี่ยนแปลงได้อย่างเป็นอิสระจากกัน&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2d2d2d; font-family: Sarabun, sans-serif; margin-bottom: 16px;&amp;quot;&amp;gt;สำหรับมือใหม่ ขอแนะนำให้เริ่มจากการสร้าง Service Class ง่าย ๆ แบบในตัวอย่างนี้ก่อน แล้วค่อย ๆ ขยายเมธอดเพิ่มตามที่โปรเจกต์ต้องการ เมื่อคุ้นเคยแล้วจะพบว่าการจัดการ API หลาย ๆ ตัวในโปรเจกต์ใหญ่ ๆ ไม่ได้น่ากลัวอย่างที่คิด&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/775270257258239089/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/sdk-php-api.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/775270257258239089'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/775270257258239089'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/sdk-php-api.html' title='SDK PHP ช่วยลดโค้ดเชื่อมต่อ API ได้นับร้อยบรรทัดอย่างไร'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEg9dEPv2tsrHtIWf6i6f3cEMRyuHTu1tbJX-AMt83cfFJ_5CaIkS08FvpbcVcJUK8Ap_oIDJo1uCWFG780lDH3akimaicrIKIoTh-6X7LLI4S3HJJjU5jdnbBvUg5ZqeDHu6UjmseQQgLRQOfWhObSWTrqMtZCPCEVX3gGc0zVJ91-yx6LeivpaeX4H1iE=s72-w640-h360-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-2608854519938039366&lt;/id&gt;&lt;published&gt;2026-06-11T06:44:32.956+07:00&lt;/published&gt;&lt;updated&gt;2026-06-11T06:44:32.957+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;CodeIgniter&quot;/&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Laravel&quot;/&gt;&lt;title type='text'&gt;Laravel vs CodeIgniter ปี 2026 เลือกอะไรดี?&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiYCLpNf9hf_XQn3JBEWUVQU3w7ABqgApY_HeZMJortQ0WPv9wZU_nG3JnfgHIGd0JekIT0m6KCDZNnoytoR4Vq_XipQFz9idHpY9_5F8BzLtqpqWi4tqXpdsFx2bJErhTjNlVC7jDvW31ZzeNRiPeRX5F8RiT-8uYEqhwUAOMe1xgTYGB5LbJrzPLEMBM&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiYCLpNf9hf_XQn3JBEWUVQU3w7ABqgApY_HeZMJortQ0WPv9wZU_nG3JnfgHIGd0JekIT0m6KCDZNnoytoR4Vq_XipQFz9idHpY9_5F8BzLtqpqWi4tqXpdsFx2bJErhTjNlVC7jDvW31ZzeNRiPeRX5F8RiT-8uYEqhwUAOMe1xgTYGB5LbJrzPLEMBM&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;header class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(15, 17, 23) 0%, rgb(26, 31, 46) 50%, rgb(15, 17, 23) 100%) rgb(248, 249, 251); border-radius: 12px; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 40px; overflow: hidden; padding: 52px 40px; position: relative;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f05340; font-size: 11px; font-weight: 600; letter-spacing: 2.5px; margin: 0px 0px 16px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP Code Mania · Framework Showdown&amp;lt;/p&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: white; font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.3; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Laravel &amp;lt;span class=&amp;quot;vs&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f05340; margin: 0px; padding: 0px;&amp;quot;&amp;gt;vs&amp;lt;/span&amp;gt; CodeIgniter&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;ปี 2026 เลือกอะไรดี?&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #94a3b8; font-size: 15px; line-height: 1.7; margin: 0px 0px 14px; max-width: 560px; padding: 0px;&amp;quot;&amp;gt;เปรียบเทียบแบบ Developer-to-Developer: สองกรอบงาน PHP ที่ครองตลาดมาหลายสิบปี ตรงไหนเหมือน ตรงไหนต่าง และสถานการณ์ไหนควรเลือกอะไร&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-badges&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-laravel&amp;quot; style=&amp;quot;align-items: center; background: rgba(240, 83, 64, 0.15); border-radius: 20px; border: 1px solid rgba(240, 83, 64, 0.3); box-sizing: border-box; color: #f87171; display: inline-flex; font-size: 11px; font-weight: 600; gap: 5px; letter-spacing: 0.5px; margin: 0px; padding: 4px 10px;&amp;quot;&amp;gt;Laravel 11&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;badge badge-ci&amp;quot; style=&amp;quot;align-items: center; background: rgba(37, 99, 235, 0.15); border-radius: 20px; border: 1px solid rgba(37, 99, 235, 0.3); box-sizing: border-box; color: #93c5fd; display: inline-flex; font-size: 11px; font-weight: 600; gap: 5px; letter-spacing: 0.5px; margin: 0px; padding: 4px 10px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;badge badge-php&amp;quot; style=&amp;quot;align-items: center; background: rgba(124, 58, 237, 0.15); border-radius: 20px; border: 1px solid rgba(124, 58, 237, 0.3); box-sizing: border-box; color: #c4b5fd; display: inline-flex; font-size: 11px; font-weight: 600; gap: 5px; letter-spacing: 0.5px; margin: 0px; padding: 4px 10px;&amp;quot;&amp;gt;PHP 8.3+&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/header&amp;gt;&amp;lt;section style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ถ้าคุณเริ่มต้นเขียน PHP หรือกำลังหา Framework ตัวใหม่สำหรับโปรเจกต์ถัดไป คำถามที่แทบทุกคนต้องเจอคือ — &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel หรือ CodeIgniter ดีกว่ากัน?&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ตอบตรง ๆ ก็คือ ไม่มีคำตอบที่ถูกที่สุดสำหรับทุกคน แต่มีคำตอบที่ถูกที่สุด &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;สำหรับโปรเจกต์ของคุณ&amp;lt;/em&amp;gt; บทความนี้จะพา Walk-through ทั้งสอง Framework แบบตรงประเด็น พร้อม Code Example จริง ๆ เพื่อให้คุณตัดสินใจได้โดยไม่ต้องเดา&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout callout-info&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-bottom-color: rgb(59, 130, 246); border-left: 4px solid rgb(59, 130, 246); border-radius: 6px; border-right-color: rgb(59, 130, 246); border-top-color: rgb(59, 130, 246); box-sizing: border-box; color: #1e3a5f; font-size: 14px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 700; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;🎯 บทความนี้เหมาะสำหรับใคร?&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a1f2e; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;นักพัฒนา PHP ที่เริ่มต้นหรือมีประสบการณ์ระดับกลาง ที่กำลังเลือก Framework สำหรับโปรเจกต์ใหม่ หรือพิจารณา Migrate จาก CI3 ขึ้นไป CI4 หรือ Laravel&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/section&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🔍&amp;lt;/span&amp;gt; รู้จักทั้งสองก่อน&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;framework-intro&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; display: grid; font-family: Sarabun, sans-serif; font-size: 16px; gap: 16px; grid-template-columns: 1fr 1fr; margin: 24px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;fw-card laravel&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(240, 83, 64) rgb(226, 230, 239) rgb(226, 230, 239); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 3px 1px 1px; box-sizing: border-box; margin: 0px; padding: 24px;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;fw-card-logo&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f05340; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;Laravel&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;The Artisan&amp;#39;s Framework&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 13px; margin: 0px 0px 12px; padding: 0px;&amp;quot;&amp;gt;สร้างโดย Taylor Otwell ปี 2011 ดีไซน์มาเพื่อ &amp;quot;ทำให้การเขียนโปรแกรมสนุก&amp;quot; ด้วย Syntax ที่อ่านง่ายและ Ecosystem ที่ครบครัน&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Eloquent ORM (Expressive)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Artisan CLI + Migration&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Blade Template Engine&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Laravel Breeze/Jetstream Auth&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Queues, Events, Broadcasting&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;fw-card ci&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(37, 99, 235) rgb(226, 230, 239) rgb(226, 230, 239); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 3px 1px 1px; box-sizing: border-box; margin: 0px; padding: 24px;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;fw-card-logo&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2563eb; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; font-size: 1.1rem; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;The Pragmatic Choice&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 13px; margin: 0px 0px 12px; padding: 0px;&amp;quot;&amp;gt;เริ่มต้นปี 2006 ปรัชญาคือ &amp;quot;ทำให้น้อย แต่ทำให้ดี&amp;quot; เน้น Footprint เล็ก เรียนรู้ง่าย และ Deploy ได้ทุกที่&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Query Builder (ตรงไปตรงมา)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Built-in Form Validation&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Lightweight (~2MB)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Spark CLI (CI4)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 5px; padding: 0px;&amp;quot;&amp;gt;Shared Hosting Friendly&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🛣️&amp;lt;/span&amp;gt; Routing: วิธีกำหนด URL&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;หัวใจสำคัญของ Web Framework คือวิธีจัดการ URL ทั้งสองทำได้ แต่ปรัชญาต่างกันชัดเจน&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Laravel — Expressive Route Definition&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;routes/web.php · Laravel 11&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Basic Route&amp;lt;/cm&amp;gt;
&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/about&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/kw&amp;gt;() {
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;view&amp;lt;/cl&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;about&amp;#39;&amp;lt;/str&amp;gt;);
});

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Controller Route&amp;lt;/cm&amp;gt;
&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/users&amp;#39;&amp;lt;/str&amp;gt;, [&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;UserController&amp;lt;/cl&amp;gt;::&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/str&amp;gt;]);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ RESTful Resource (7 routes ใน 1 บรรทัด!)&amp;lt;/cm&amp;gt;
&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;resource&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostController&amp;lt;/cl&amp;gt;::&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt;);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Named Route + Middleware&amp;lt;/cm&amp;gt;
&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/dashboard&amp;#39;&amp;lt;/str&amp;gt;, [&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;DashboardController&amp;lt;/cl&amp;gt;::&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/str&amp;gt;])
       -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;middleware&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;auth&amp;#39;&amp;lt;/str&amp;gt;)
       -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;dashboard&amp;#39;&amp;lt;/str&amp;gt;);&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4 — Straightforward Routing&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Config/Routes.php · CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Basic Route&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;about&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;PagesController::about&amp;#39;&amp;lt;/str&amp;gt;);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Controller Route&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;users&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;UserController::index&amp;#39;&amp;lt;/str&amp;gt;);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ RESTful Resource&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;resource&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/str&amp;gt;);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Route Group พร้อม Filter (Middleware)&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;group&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;admin&amp;#39;&amp;lt;/str&amp;gt;, [&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;filter&amp;#39;&amp;lt;/str&amp;gt; =&amp;amp;gt; &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;auth&amp;#39;&amp;lt;/str&amp;gt;], &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/kw&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;) {
    &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;dashboard&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;AdminController::dashboard&amp;#39;&amp;lt;/str&amp;gt;);
    &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$routes&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;users&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;AdminController::users&amp;#39;&amp;lt;/str&amp;gt;);
});&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout callout-tip&amp;quot; style=&amp;quot;background: rgb(240, 253, 244); border-bottom-color: rgb(34, 197, 94); border-left: 4px solid rgb(34, 197, 94); border-radius: 6px; border-right-color: rgb(34, 197, 94); border-top-color: rgb(34, 197, 94); box-sizing: border-box; color: #14532d; font-family: Sarabun, sans-serif; font-size: 14px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 700; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;💡 สรุป Routing&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a1f2e; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ทั้งสองรองรับ RESTful Resource Routing ได้ครบ Laravel อ่านเป็น Method Chain ได้ลื่นกว่า ส่วน CI4 อ่านตรงไปตรงมา ไม่มีความซับซ้อนซ่อนอยู่ใต้ Magic&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🗄️&amp;lt;/span&amp;gt; Database: ORM vs Query Builder&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;นี่คือจุดที่ทั้งสองต่างกันมากที่สุด Laravel ใช้ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Eloquent ORM&amp;lt;/span&amp;gt; ที่แมป Object กับ Database Table โดยตรง ส่วน CI4 ใช้ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Query Builder&amp;lt;/span&amp;gt; ที่ให้คุณควบคุม SQL ได้ใกล้ชิดกว่า&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Laravel Eloquent ORM&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Models/Post.php + Controller · Laravel&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Model: กำหนด Relationship ครั้งเดียว ใช้ได้ตลอด&amp;lt;/cm&amp;gt;
&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/cl&amp;gt; &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Model&amp;lt;/cl&amp;gt; {
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$fillable&amp;lt;/vr&amp;gt; = [&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;body&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/str&amp;gt;];

    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/kw&amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;user&amp;lt;/fn&amp;gt;(): &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;BelongsTo&amp;lt;/cl&amp;gt; {
        &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;belongsTo&amp;lt;/fn&amp;gt;(&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;User&amp;lt;/cl&amp;gt;::&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt;);
    }
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/kw&amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tags&amp;lt;/fn&amp;gt;(): &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;BelongsToMany&amp;lt;/cl&amp;gt; {
        &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;belongsToMany&amp;lt;/fn&amp;gt;(&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Tag&amp;lt;/cl&amp;gt;::&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt;);
    }
}

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Controller: ดึงข้อมูลพร้อม Relationship แบบ Eager Load&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/vr&amp;gt; = &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/fn&amp;gt;([&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;tags&amp;#39;&amp;lt;/str&amp;gt;])
    -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;where&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published&amp;#39;&amp;lt;/str&amp;gt;)
    -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;latest&amp;lt;/fn&amp;gt;()
    -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;paginate&amp;lt;/fn&amp;gt;(&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;10&amp;lt;/nm&amp;gt;);

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// สร้าง Record ใหม่ — ง่ายมาก&amp;lt;/cm&amp;gt;
&amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/cl&amp;gt;::&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;create&amp;lt;/fn&amp;gt;([
    &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/str&amp;gt; =&amp;amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/vr&amp;gt;-&amp;amp;gt;title,
    &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;body&amp;#39;&amp;lt;/str&amp;gt;  =&amp;amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$request&amp;lt;/vr&amp;gt;-&amp;amp;gt;body,
    &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/str&amp;gt; =&amp;amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;auth&amp;lt;/fn&amp;gt;()-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;id&amp;lt;/fn&amp;gt;(),
]);&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4 Query Builder&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Models/PostModel.php · CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostModel&amp;lt;/cl&amp;gt; &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extends&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Model&amp;lt;/cl&amp;gt; {
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/vr&amp;gt;      = &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/str&amp;gt;;
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$allowedFields&amp;lt;/vr&amp;gt; = [&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;body&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/str&amp;gt;];
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;protected&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$returnType&amp;lt;/vr&amp;gt; = &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;array&amp;#39;&amp;lt;/str&amp;gt;; &amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// หรือ &amp;#39;object&amp;#39; ก็ได้&amp;lt;/cm&amp;gt;

    &amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Custom method ดึง Published Posts&amp;lt;/cm&amp;gt;
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public function&amp;lt;/kw&amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getPublished&amp;lt;/fn&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$limit&amp;lt;/vr&amp;gt; = &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;10&amp;lt;/nm&amp;gt;): &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;array&amp;lt;/kw&amp;gt; {
        &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;
            -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;select&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts.*, users.name as author_name&amp;#39;&amp;lt;/str&amp;gt;)
            -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;join&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;users&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;users.id = posts.user_id&amp;#39;&amp;lt;/str&amp;gt;)
            -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;where&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts.status&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published&amp;#39;&amp;lt;/str&amp;gt;)
            -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;orderBy&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts.created_at&amp;#39;&amp;lt;/str&amp;gt;, &amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DESC&amp;#39;&amp;lt;/str&amp;gt;)
            -&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;paginate&amp;lt;/fn&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$limit&amp;lt;/vr&amp;gt;);
    }
}

&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Controller: ใช้งาน Model&amp;lt;/cm&amp;gt;
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/vr&amp;gt; = &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;new&amp;lt;/kw&amp;gt; &amp;lt;cl style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PostModel&amp;lt;/cl&amp;gt;();
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/vr&amp;gt; = &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getPublished&amp;lt;/fn&amp;gt;(&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;10&amp;lt;/nm&amp;gt;);
&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$pager&amp;lt;/vr&amp;gt; = &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$model&amp;lt;/vr&amp;gt;-&amp;amp;gt;pager;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🎨&amp;lt;/span&amp;gt; Template Engine: Blade vs PHP Native&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;Laravel มาพร้อม &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Blade&amp;lt;/span&amp;gt; ซึ่งเป็น Template Engine ที่ทรงพลังมาก ส่วน CI4 ใช้ PHP ปกติ (มี Parser ให้ด้วย แต่คนส่วนใหญ่ใช้ PHP อยู่ดี)&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;Laravel Blade Template&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;resources/views/posts/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@extends&amp;lt;/nm&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;layouts.app&amp;#39;&amp;lt;/str&amp;gt;)

&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@section&amp;lt;/nm&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/str&amp;gt;)
&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/nm&amp;gt; &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class=&amp;lt;/nm&amp;gt;&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;container&amp;quot;&amp;lt;/str&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/nm&amp;gt;
    &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@foreach&amp;lt;/nm&amp;gt; (&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/vr&amp;gt; &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;)
        &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;article&amp;amp;gt;&amp;lt;/nm&amp;gt;
            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/nm&amp;gt;{{ &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;-&amp;amp;gt;title }}&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h2&amp;amp;gt;&amp;lt;/nm&amp;gt;
            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/nm&amp;gt;โดย: {{ &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;-&amp;amp;gt;user-&amp;amp;gt;name }}&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/nm&amp;gt;

            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@if&amp;lt;/nm&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;-&amp;amp;gt;tags-&amp;amp;gt;count())
                &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@foreach&amp;lt;/nm&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;-&amp;amp;gt;tags &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$tag&amp;lt;/vr&amp;gt;)
                    &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;span&amp;lt;/nm&amp;gt; &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class=&amp;lt;/nm&amp;gt;&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;tag&amp;quot;&amp;lt;/str&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/nm&amp;gt;{{ &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$tag&amp;lt;/vr&amp;gt;-&amp;amp;gt;name }}&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;lt;/nm&amp;gt;
                &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforeach&amp;lt;/nm&amp;gt;
            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endif&amp;lt;/nm&amp;gt;
        &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/article&amp;amp;gt;&amp;lt;/nm&amp;gt;
    &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforeach&amp;lt;/nm&amp;gt;

    &amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{{-- Pagination ใน 1 บรรทัด --}}&amp;lt;/cm&amp;gt;
    {{ &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;links&amp;lt;/fn&amp;gt;() }}
&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/nm&amp;gt;
&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endsection&amp;lt;/nm&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.1rem; margin: 24px 0px 10px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4 View (PHP Native)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(15, 17, 23); border-radius: 12px; border: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 20px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 39); border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 10px; margin: 0px; padding: 0px; width: 10px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #475569; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; letter-spacing: 0.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;app/Views/posts/index.php · CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; margin: 0px; overflow-x: auto; padding: 20px 22px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;!-- Include Header --&amp;amp;gt;&amp;lt;/cm&amp;gt;
&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;extend&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;layouts/main&amp;#39;&amp;lt;/str&amp;gt;); &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;
&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;section&amp;lt;/fn&amp;gt;(&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/str&amp;gt;); &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;

&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;div&amp;lt;/nm&amp;gt; &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class=&amp;lt;/nm&amp;gt;&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;container&amp;quot;&amp;lt;/str&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;gt;&amp;lt;/nm&amp;gt;
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php foreach&amp;lt;/kw&amp;gt; (&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/vr&amp;gt; &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;): &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;
        &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;article&amp;amp;gt;&amp;lt;/nm&amp;gt;
            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;h2&amp;amp;gt;&amp;lt;/nm&amp;gt;&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?=&amp;lt;/kw&amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;esc&amp;lt;/fn&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;[&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/str&amp;gt;]) &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/h2&amp;amp;gt;&amp;lt;/nm&amp;gt;
            &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;p&amp;amp;gt;&amp;lt;/nm&amp;gt;โดย: &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?=&amp;lt;/kw&amp;gt; &amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;esc&amp;lt;/fn&amp;gt;(&amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/vr&amp;gt;[&amp;lt;str style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author_name&amp;#39;&amp;lt;/str&amp;gt;]) &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/p&amp;amp;gt;&amp;lt;/nm&amp;gt;
        &amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/article&amp;amp;gt;&amp;lt;/nm&amp;gt;
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php endforeach; ?&amp;amp;gt;&amp;lt;/kw&amp;gt;

    &amp;lt;cm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;!-- Pagination --&amp;amp;gt;&amp;lt;/cm&amp;gt;
    &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?=&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$pager&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;links&amp;lt;/fn&amp;gt;() &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;
&amp;lt;nm style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;/div&amp;amp;gt;&amp;lt;/nm&amp;gt;

&amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;?php&amp;lt;/kw&amp;gt; &amp;lt;vr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$this&amp;lt;/vr&amp;gt;-&amp;amp;gt;&amp;lt;fn style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;endSection&amp;lt;/fn&amp;gt;(); &amp;lt;kw style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/kw&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f8f9fb; border-color: rgb(226, 230, 239) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 16px; margin: 36px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;📊&amp;lt;/span&amp;gt; ตารางเปรียบเทียบฉบับสมบูรณ์&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;background-color: #f8f9fb; border-color: rgb(226, 230, 239); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 24px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 14px; margin: 0px; padding: 0px; width: 818px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(15, 17, 23); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #94a3b8; font-size: 12px; letter-spacing: 0.8px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #fca5a5; font-size: 12px; letter-spacing: 0.8px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;🔴 Laravel 11&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(30, 37, 56); box-sizing: border-box; color: #93c5fd; font-size: 12px; letter-spacing: 0.8px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;🔵 CodeIgniter 4&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Learning Curve&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;สูง — มี Concept เยอะ (IoC, Facades, Service Provider)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-c&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #2563eb; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ ต่ำกว่า&amp;lt;/span&amp;gt; — เริ่มต้นได้ภายในวันเดียว&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Performance&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ช้ากว่าเล็กน้อย (Framework Overhead มากกว่า)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-c&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #2563eb; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ เร็วกว่า&amp;lt;/span&amp;gt; — Footprint เล็ก ~2MB&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ORM / Database&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Eloquent ORM&amp;lt;/span&amp;gt; — Relationship ทำงานได้งดงาม&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Query Builder — ควบคุม SQL ได้ใกล้ชิดกว่า&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Template Engine&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Blade&amp;lt;/span&amp;gt; — ทรงพลัง, มี Component &amp;amp;amp; Directive&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;PHP Native (มี Parser แต่นิยมน้อย)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Authentication&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Built-in Breeze/Jetstream&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ต้องเขียนเอง หรือใช้ Shield Library&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;CLI Tools&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Artisan&amp;lt;/span&amp;gt; — Command มากมาย&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Spark CLI — พื้นฐาน ครอบคลุมพอดี&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Ecosystem &amp;amp;amp; Packages&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ ใหญ่มาก&amp;lt;/span&amp;gt; — Forge, Vapor, Nova, Octane&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;เล็กกว่า แต่เพียงพอสำหรับงานส่วนใหญ่&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Testing Support&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ PHPUnit + Pest&amp;lt;/span&amp;gt; พร้อม HTTP Testing Helpers&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;PHPUnit รองรับ แต่ Helper น้อยกว่า&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Shared Hosting&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ยากขึ้น (ต้องการ Composer, PHP 8.2+)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-c&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #2563eb; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ ง่ายกว่า&amp;lt;/span&amp;gt; — รันบน Hosting ทั่วไปได้สบาย&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Real-time / WebSocket&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Laravel Echo + Broadcasting&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ต้องใช้ Library ภายนอก&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;API Development&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Sanctum/Passport&amp;lt;/span&amp;gt; Token Auth ในตัว&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;รองรับ แต่ต้องเซ็ต Token เอง&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Migration/Schema&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ Version-controlled Migration&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Forge Migration มีใน CI4 แต่น้อยกว่า&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom: 1px solid rgb(226, 230, 239); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Documentation&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-tie&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #059669; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;≈ ทั้งคู่ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-tie&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #059669; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;≈ ทั้งคู่ดีมาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 600; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Community Size&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;win win-l&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; color: #f05340; display: inline-flex; font-weight: 600; gap: 4px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✓ ใหญ่กว่า&amp;lt;/span&amp;gt; — GitHub Stars สูงกว่ามาก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Active Community ขนาดกลาง&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🧭&amp;lt;/span&amp;gt; คุณควรเลือกอะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;แทนที่จะบอกว่าอันไหน &amp;quot;ดีกว่า&amp;quot; ขอให้ดูที่ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โปรเจกต์และทีมของคุณ&amp;lt;/span&amp;gt; เป็นตัวตัดสิน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;decision-grid&amp;quot; style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; display: grid; font-family: Sarabun, sans-serif; font-size: 16px; gap: 16px; grid-template-columns: 1fr 1fr; margin: 24px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;decision-card pick-laravel&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 230, 239); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 0px; padding: 22px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;border-bottom: 2px solid rgb(240, 83, 64); border-left-color: rgb(240, 83, 64); border-right-color: rgb(240, 83, 64); border-top-color: rgb(240, 83, 64); box-sizing: border-box; color: #f05340; font-size: 14px; margin: 0px 0px 12px; padding: 0px 0px 8px;&amp;quot;&amp;gt;🔴 เลือก Laravel เมื่อ...&amp;lt;/h4&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ต้องการ Full-featured Application ที่มีทั้ง Auth, Queue, Event, API พร้อมกัน&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ทีมมีเวลาเรียนรู้ และพร้อมลงทุนระยะยาว&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;โปรเจกต์ขนาดใหญ่ เช่น SaaS, E-commerce, Enterprise System&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ต้องการ Real-time Feature (WebSocket, Notification)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ต้องการ Ecosystem ครบวงจร (Forge, Vapor, Nova)&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;decision-card pick-ci&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(226, 230, 239); border-image: none 100% / 1 / 0 stretch; border-radius: 12px; border-style: solid; border-width: 1px; box-sizing: border-box; margin: 0px; padding: 22px;&amp;quot;&amp;gt;&amp;lt;h4 style=&amp;quot;border-bottom: 2px solid rgb(37, 99, 235); border-left-color: rgb(37, 99, 235); border-right-color: rgb(37, 99, 235); border-top-color: rgb(37, 99, 235); box-sizing: border-box; color: #2563eb; font-size: 14px; margin: 0px 0px 12px; padding: 0px 0px 8px;&amp;quot;&amp;gt;🔵 เลือก CodeIgniter 4 เมื่อ...&amp;lt;/h4&amp;gt;&amp;lt;ul style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px 0px 0px 18px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;โปรเจกต์ขนาดเล็ก-กลาง ต้องการความเร็วในการ Deliver&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ทีมหรือนักพัฒนาเพิ่งเริ่มต้นกับ PHP Framework&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;จำเป็นต้อง Deploy บน Shared Hosting หรือ Server ธรรมดา&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;ต้องการ Performance สูงสุดด้วย Resource น้อย&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; color: #5a6478; font-size: 14px; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;Migrate จาก CI3 ขึ้นมา (ความคุ้นเคยช่วยมาก)&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout callout-warning&amp;quot; style=&amp;quot;background: rgb(255, 251, 235); border-bottom-color: rgb(245, 158, 11); border-left: 4px solid rgb(245, 158, 11); border-radius: 6px; border-right-color: rgb(245, 158, 11); border-top-color: rgb(245, 158, 11); box-sizing: border-box; color: #78350f; font-family: Sarabun, sans-serif; font-size: 14px; line-height: 1.7; margin: 20px 0px; padding: 16px 20px;&amp;quot;&amp;gt;&amp;lt;p class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a1f2e; font-weight: 700; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;⚠️ สำหรับนักพัฒนา CI3 ที่กำลังพิจารณา&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #1a1f2e; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ถ้าคุณใช้ CI3 อยู่และกำลังจะ Upgrade — &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CI4 คือก้าวแรกที่สมเหตุสมผลที่สุด&amp;lt;/span&amp;gt; เพราะ Architecture คล้ายกัน แต่ปรับปรุงให้รองรับ PHP 8.x อย่างเต็มที่ ส่วนการข้ามไป Laravel ทันทีนั้นเป็นไปได้ แต่ต้องใช้เวลาเรียนรู้ Concept ใหม่ทั้งหมด&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f8f9fb; border-bottom: 2px solid rgb(226, 230, 239); box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 40px 0px 14px; padding: 0px 0px 10px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;icon&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px 8px 0px 0px; padding: 0px;&amp;quot;&amp;gt;✅&amp;lt;/span&amp;gt; สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;ทั้ง Laravel และ CodeIgniter 4 ต่างเป็น PHP Framework คุณภาพสูงที่ยังมีการพัฒนาอย่างต่อเนื่องในปี 2026 ไม่มีคำตอบ Universal ที่ถูกสำหรับทุกคน&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt; ชนะด้วยความครบครันของ Feature, Ecosystem ขนาดใหญ่ และ Developer Experience ที่ดีเยี่ยม เหมาะกับโปรเจกต์ที่ต้องการ Scale และทีมที่พร้อมลงทุนเวลาเรียนรู้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt; ชนะด้วยความเรียบง่าย, Performance, และความง่ายในการ Deploy เหมาะกับโปรเจกต์ที่ต้องการ Deliver เร็ว หรือทีมที่มาจาก Background CI เดิม&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f8f9fb; box-sizing: border-box; color: #1a1f2e; font-family: Sarabun, sans-serif; font-size: 16px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;สิ่งที่สำคัญที่สุดคือ &amp;lt;span style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เลือก Framework ที่คุณจะเขียนมันจริง ๆ&amp;lt;/span&amp;gt; Framework ที่ดีที่สุดคือที่ช่วยให้คุณ Ship โปรเจกต์ได้ ไม่ใช่ที่อยู่ใน Wishlist&amp;lt;span style=&amp;quot;background-color: transparent; color: #674ea7; text-align: center;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background-color: transparent; color: #e06666; text-align: center;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background-color: transparent; color: #c27ba0; text-align: center;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background-color: transparent; color: #d5a6bd; text-align: center;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background-color: transparent; color: #674ea7; text-align: center;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;background-color: transparent; color: orange; text-align: center;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/2608854519938039366/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-vs-codeigniter-2026.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/2608854519938039366'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/2608854519938039366'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-vs-codeigniter-2026.html' title='Laravel vs CodeIgniter ปี 2026 เลือกอะไรดี?'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiYCLpNf9hf_XQn3JBEWUVQU3w7ABqgApY_HeZMJortQ0WPv9wZU_nG3JnfgHIGd0JekIT0m6KCDZNnoytoR4Vq_XipQFz9idHpY9_5F8BzLtqpqWi4tqXpdsFx2bJErhTjNlVC7jDvW31ZzeNRiPeRX5F8RiT-8uYEqhwUAOMe1xgTYGB5LbJrzPLEMBM=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-6979638803918936715&lt;/id&gt;&lt;published&gt;2026-06-10T17:00:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-10T17:00:00.109+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Laravel&quot;/&gt;&lt;title type='text'&gt;เพิ่มความเร็ว Laravel สำหรับ High-Traffic Database Optimization ที่นักพัฒนา 90% ยังไม่รู้&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEilZfeMMQDSranfR-2wyWNnacBPLGFAGTTPQG4pabm-RrzNORL2zSKiOb93OP6iiYAFN4KRD08tG-Wh-qm2_dvbxQWHj43ox-vtJfF9rQfT13b9QtMtcwcaQ9vjcQKtuaeTGp56N1aOAdsOdxTU6qv2DvkkFwbZroGngvAWLHYjFPTUgPkdUdcDfkOFng8&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEilZfeMMQDSranfR-2wyWNnacBPLGFAGTTPQG4pabm-RrzNORL2zSKiOb93OP6iiYAFN4KRD08tG-Wh-qm2_dvbxQWHj43ox-vtJfF9rQfT13b9QtMtcwcaQ9vjcQKtuaeTGp56N1aOAdsOdxTU6qv2DvkkFwbZroGngvAWLHYjFPTUgPkdUdcDfkOFng8&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;

&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(30, 37, 53) 0%, rgb(45, 58, 82) 60%, rgb(59, 79, 114) 100%) rgb(248, 249, 252); border-radius: 16px; box-sizing: border-box; color: #1e2535; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 48px; overflow: hidden; padding: 48px 40px 44px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-eyebrow&amp;quot; style=&amp;quot;background: rgba(99, 179, 237, 0.18); border-radius: 20px; border: 1px solid rgba(99, 179, 237, 0.25); box-sizing: border-box; color: #63b3ed; display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 1.6px; margin: 0px 0px 18px; padding: 4px 12px; text-transform: uppercase;&amp;quot;&amp;gt;Laravel Performance Series · EP.1&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: #f0f4ff; font-size: clamp(22px, 4vw, 30px); line-height: 1.4; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เพิ่มความเร็ว Laravel สำหรับ &amp;lt;span style=&amp;quot;box-sizing: border-box; color: #63b3ed; margin: 0px; padding: 0px;&amp;quot;&amp;gt;High-Traffic&amp;lt;/span&amp;gt;&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;Database Optimization ที่นักพัฒนา 90% ยังไม่รู้&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9db4cc; font-size: 15px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ตั้งแต่ N+1 Query, Eager Loading, Indexing ไปจนถึง Route/Config Caching — ทุก Technique ในบทความเดียว&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px; margin: 24px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; color: #7a95b0; display: flex; font-size: 13px; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(99, 179, 237); border-radius: 50%; box-sizing: border-box; display: flex; flex-shrink: 0; gap: 6px; height: 6px; margin: 0px; padding: 0px; width: 6px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;อ่านประมาณ 8 นาที&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; color: #7a95b0; display: flex; font-size: 13px; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(99, 179, 237); border-radius: 50%; box-sizing: border-box; display: flex; flex-shrink: 0; gap: 6px; height: 6px; margin: 0px; padding: 0px; width: 6px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;Laravel 10 / 11&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;align-items: center; box-sizing: border-box; color: #7a95b0; display: flex; font-size: 13px; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(99, 179, 237); border-radius: 50%; box-sizing: border-box; display: flex; flex-shrink: 0; gap: 6px; height: 6px; margin: 0px; padding: 0px; width: 6px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;ระดับ Beginner → Intermediate&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;series-tag&amp;quot; style=&amp;quot;align-items: center; background: rgb(240, 244, 255); border-radius: 20px; border: 1px solid rgb(199, 212, 237); box-sizing: border-box; color: #3b4f72; display: inline-flex; font-family: Sarabun, sans-serif; font-size: 13px; font-weight: 600; gap: 8px; margin: 0px 0px 32px; padding: 6px 14px;&amp;quot;&amp;gt;📚 PHP Code Mania — Laravel Optimization Series&amp;lt;/div&amp;gt;&amp;lt;span face=&amp;quot;Sarabun, sans-serif&amp;quot; style=&amp;quot;background-color: #f8f9fc; color: #1e2535; font-size: 17px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;div class=&amp;quot;prose&amp;quot; style=&amp;quot;background-color: #f8f9fc; box-sizing: border-box; color: #1e2535; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;ทำไม Laravel ถึง &amp;quot;คิดนาน&amp;quot; เกินไป?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ลองนึกภาพว่าคุณเปิดร้านอาหาร แต่ทุกครั้งที่ลูกค้าสั่งข้าว พ่อครัวต้องไปอ่านสูตรอาหารใหม่ทุกครั้ง นั่นคือสิ่งที่เกิดขึ้นกับ Laravel ที่ไม่ได้ optimize — Framework กำลังทำงานซ้ำๆ ที่ไม่จำเป็นในทุก Request&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ปัญหาหลักที่ทำให้ Laravel Application ช้าในสภาพแวดล้อม Production มักจะมาจาก 3 แหล่ง ได้แก่ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;N+1 Query Problem&amp;lt;/strong&amp;gt;, &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Missing Database Index&amp;lt;/strong&amp;gt;, และ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Framework overhead ที่ไม่จำเป็น&amp;lt;/strong&amp;gt; บทความนี้จะพาไปแก้ทีละจุด พร้อม Code Example ที่ใช้ได้จริง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout info&amp;quot; style=&amp;quot;align-items: flex-start; background: rgb(235, 248, 255); border-left: 4px solid rgb(59, 130, 246); border-radius: 10px; box-sizing: border-box; display: flex; gap: 14px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;💡&amp;lt;/span&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; font-size: 15.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เหมาะสำหรับใคร?&amp;lt;/strong&amp;gt; นักพัฒนาที่ใช้ Laravel (หรือ CodeIgniter 4) ที่เริ่มพบปัญหา Application ช้าเมื่อมี User มากขึ้น หรืออยากเตรียมรับมือตั้งแต่ต้น&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;1. ปัญหา N+1 Query — ศัตรูเงียบของ Database&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;N+1 Problem คือปัญหาที่พบบ่อยที่สุดใน ORM ทุกตัว รวมถึง Laravel Eloquent เกิดขึ้นเมื่อโค้ดดึงข้อมูล Parent แล้ว Loop ดึง Child ทีละรายการ&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;❌ โค้ดที่มีปัญหา (N+1)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Eloquent (Bad)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ดึง Posts ทั้งหมด → 1 Query&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;all&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ดึง Author ของแต่ละ Post → N Queries!&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;author&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ถ้ามี 100 Posts = 1 + 100 = 101 Queries 🔥&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;✅ แก้ด้วย Eager Loading&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Eloquent (Good)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// with() โหลด Author พร้อมกันใน 1 Query เพิ่ม&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author&amp;#39;&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;echo&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;author&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;name&amp;lt;/span&amp;gt;;
}
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// 100 Posts = 2 Queries เท่านั้น ✅&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;✅ Nested Eager Loading (Relationship ซ้อนกัน)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Eloquent&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// โหลด author และ comments ของแต่ละ post พร้อมกัน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;comments.user&amp;#39;&amp;lt;/span&amp;gt;])&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เลือกเฉพาะ Column ที่ต้องการ เพื่อลด Memory&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;([
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;author:id,name,avatar&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;comments&amp;#39;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fn&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$q&amp;lt;/span&amp;gt;) &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;=&amp;amp;gt;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$q&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;latest&amp;lt;/span&amp;gt;()&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;limit&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;5&amp;lt;/span&amp;gt;)
])&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;paginate&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;20&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout tip&amp;quot; style=&amp;quot;align-items: flex-start; background: rgb(240, 255, 244); border-left: 4px solid rgb(16, 185, 129); border-radius: 10px; box-sizing: border-box; display: flex; gap: 14px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🛠️&amp;lt;/span&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; font-size: 15.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ติดตั้ง &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;barryvdh/laravel-debugbar&amp;lt;/code&amp;gt; หรือ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;spatie/laravel-query-detector&amp;lt;/code&amp;gt; เพื่อจับ N+1 Query ใน Development โดยอัตโนมัติ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;2. Database Indexing — ทำ Query ให้เร็วขึ้น 100x&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;Index คือ &amp;quot;สารบัญ&amp;quot; ของตาราง Database ถ้าไม่มี Index MySQL ต้องสแกนทุก Row เพื่อหาข้อมูลที่ต้องการ (Full Table Scan) ซึ่งช้ามากเมื่อข้อมูลมีหลายล้านแถว&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;เพิ่ม Index ผ่าน Laravel Migration&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Migration&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Schema&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Blueprint&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;id&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;foreignId&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;constrained&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;unique&amp;lt;/span&amp;gt;();   &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Unique Index&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;string&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;timestamp&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;nullable&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;timestamps&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Composite Index — Query บ่อยด้วย 2 Column นี้พร้อมกัน&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;]);

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Index สำหรับ Foreign Key&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;);
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;เพิ่ม Index ให้ตารางที่มีอยู่แล้ว&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Migration (Add Index)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Schema&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;table&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Blueprint&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;idx_posts_user_id&amp;#39;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;index&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;], &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;idx_posts_status_date&amp;#39;&amp;lt;/span&amp;gt;);
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout warn&amp;quot; style=&amp;quot;align-items: flex-start; background: rgb(255, 248, 225); border-left: 4px solid rgb(245, 158, 11); border-radius: 10px; box-sizing: border-box; display: flex; gap: 14px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;⚠️&amp;lt;/span&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; font-size: 15.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใส่ Index มากเกินไปก็ไม่ดี เพราะ INSERT/UPDATE จะช้าลง ใส่เฉพาะ Column ที่ใช้ใน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;WHERE&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;ORDER BY&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;JOIN&amp;lt;/code&amp;gt; เท่านั้น&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;3. Select เฉพาะ Column ที่ต้องการ — อย่าดึง * ทุกครั้ง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;การใช้ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Post::all()&amp;lt;/code&amp;gt; หรือ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;select *&amp;lt;/code&amp;gt; จะดึงข้อมูลทุก Column แม้แต่ Column ที่หนัก เช่น &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;content&amp;lt;/code&amp;gt; หรือ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;metadata&amp;lt;/code&amp;gt; ที่ไม่ได้ใช้&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Eloquent&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ❌ ดึงข้อมูลทั้งหมด รวมถึง Column ที่ไม่ใช้&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;all&amp;lt;/span&amp;gt;();

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ เลือกเฉพาะที่ต้องการ&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;select&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;slug&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;)
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;status&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published&amp;#39;&amp;lt;/span&amp;gt;)
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;latest&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published_at&amp;#39;&amp;lt;/span&amp;gt;)
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;paginate&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;15&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ ใช้ cursor() สำหรับ Large Dataset แทน get()&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;select&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;cursor&amp;lt;/span&amp;gt;()&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;each&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Process ทีละ Row ไม่โหลด Memory ทั้งหมดพร้อมกัน&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;processPost&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$post&amp;lt;/span&amp;gt;);
});&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;4. Route &amp;amp;amp; Config Cache — เคล็ดลับ 30ms ที่คนมองข้าม&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;โดย Default ทุกครั้งที่มี HTTP Request เข้ามา Laravel จะทำการ compile Regex Pattern ของทุก Route และสร้าง Routing Table ใน Memory ใหม่ทุกครั้ง ถ้ามี 200 Routes และ Request 1 ล้านครั้งต่อวัน นั่นหมายถึง CPU เสียไปกว่า 8 ชั่วโมง เพียงเพื่อหาว่าต้องเรียก Controller ไหน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;stat-row&amp;quot; style=&amp;quot;box-sizing: border-box; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin: 28px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;stat-card&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; box-sizing: border-box; margin: 0px; padding: 22px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;num bad&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ef4444; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 32px; font-weight: 700; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;~30ms&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #718096; font-size: 13px; margin: 6px 0px 0px; padding: 0px;&amp;quot;&amp;gt;Routing Overhead (ไม่มี Cache)&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;stat-card&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; box-sizing: border-box; margin: 0px; padding: 22px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;num good&amp;quot; style=&amp;quot;box-sizing: border-box; color: #10b981; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 32px; font-weight: 700; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;~2ms&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #718096; font-size: 13px; margin: 6px 0px 0px; padding: 0px;&amp;quot;&amp;gt;Routing Overhead (มี Cache)&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;stat-card&amp;quot; style=&amp;quot;background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px; box-sizing: border-box; margin: 0px; padding: 22px 20px; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;num good&amp;quot; style=&amp;quot;box-sizing: border-box; color: #10b981; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 32px; font-weight: 700; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;15×&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;label&amp;quot; style=&amp;quot;box-sizing: border-box; color: #718096; font-size: 13px; margin: 6px 0px 0px; padding: 0px;&amp;quot;&amp;gt;เร็วขึ้นด้วย Command เดียว&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;คำสั่ง Optimize สำหรับ Production&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;Shell · Artisan&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# คำสั่งเดียวที่ครอบคลุม &amp;quot;Big Four&amp;quot; Cache&amp;lt;/span&amp;gt;
php artisan optimize

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# เทียบเท่ากับการรันพร้อมกัน 4 คำสั่งนี้:&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# php artisan config:cache&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# php artisan route:cache&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# php artisan view:cache&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# php artisan event:cache&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ล้าง Cache ทั้งหมดก่อน (สำคัญมาก!)&amp;lt;/span&amp;gt;
php artisan optimize:clear&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;box-sizing: border-box; color: #2d3a52; font-size: 17px; margin: 28px 0px 10px; padding: 0px;&amp;quot;&amp;gt;ตัวอย่าง Deployment Script (CI/CD)&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;Shell · Deploy Script&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;#!/bin/bash&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# deploy.sh — ใช้ใน GitHub Actions / GitLab CI&amp;lt;/span&amp;gt;

composer install --no-dev --optimize-autoloader
php artisan migrate --force
php artisan optimize:clear   &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# ล้างก่อนเสมอ&amp;lt;/span&amp;gt;
php artisan optimize         &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;# Cache ใหม่&amp;lt;/span&amp;gt;
php artisan storage:link&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout danger&amp;quot; style=&amp;quot;align-items: flex-start; background: rgb(255, 245, 245); border-left: 4px solid rgb(239, 68, 68); border-radius: 10px; box-sizing: border-box; display: flex; gap: 14px; margin: 24px 0px; padding: 18px 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;callout-icon&amp;quot; style=&amp;quot;box-sizing: border-box; flex-shrink: 0; font-size: 20px; margin: 1px 0px 0px; padding: 0px;&amp;quot;&amp;gt;🚨&amp;lt;/span&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; font-size: 15.5px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;อย่าลืม &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;optimize:clear&amp;lt;/code&amp;gt; ก่อน Deploy ทุกครั้ง ถ้า Cache Route เก่าค้างอยู่ Route ใหม่จะ&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ไม่ทำงาน&amp;lt;/strong&amp;gt; จนกว่าจะ Clear Cache&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;5. Query Caching ด้วย Laravel Cache&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;สำหรับข้อมูลที่ไม่เปลี่ยนบ่อย เช่น Category, Setting, หรือ Dashboard Stats การ Cache ผลลัพธ์ Query ไว้ใน Redis/Memcached จะลด Database Load ได้มหาศาล&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-block&amp;quot; style=&amp;quot;background: rgb(13, 17, 23); border-radius: 12px; border: 1px solid rgb(33, 38, 45); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 24px; box-sizing: border-box; margin: 24px 0px 32px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-block-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(22, 27, 34); border-bottom: 1px solid rgb(33, 38, 45); box-sizing: border-box; display: flex; justify-content: space-between; margin: 0px; padding: 10px 18px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dots&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; gap: 6px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; box-sizing: border-box; height: 11px; margin: 0px; padding: 0px; width: 11px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #58a6ff; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;PHP · Cache with Eloquent&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;box-sizing: border-box; color: #c9d1d9; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.75; margin: 0px; overflow-x: auto; padding: 22px 24px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Illuminate\Support\Facades\Cache&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Cache ผลลัพธ์ไว้ 60 นาที&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$categories&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Cache&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;remember&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;all_categories&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3600&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; () {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Category&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;children&amp;#39;&amp;lt;/span&amp;gt;)
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;active&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;)
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;orderBy&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;sort_order&amp;#39;&amp;lt;/span&amp;gt;)
        &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();
});

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ล้าง Cache เมื่อข้อมูลเปลี่ยน (ใน Observer หรือ Service)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Cache&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;forget&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;all_categories&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #8b949e; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// หรือใช้ Cache Tags (Redis เท่านั้น)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$posts&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Cache&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tags&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;posts&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;published&amp;#39;&amp;lt;/span&amp;gt;])
    &amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;remember&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a5d6ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;homepage_posts&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;1800&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; () {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ff7b72; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;box-sizing: border-box; color: #ffa657; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Post&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;published&amp;lt;/span&amp;gt;()&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;latest&amp;lt;/span&amp;gt;()&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;take&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;nm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #79c0ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;10&amp;lt;/span&amp;gt;)&amp;lt;span class=&amp;quot;op&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f97316; margin: 0px; padding: 0px;&amp;quot;&amp;gt;-&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d2a8ff; margin: 0px; padding: 0px;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();
    });&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;6. สรุปเปรียบเทียบ: ก่อน vs หลัง Optimize&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 28px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;background: rgb(255, 255, 255); border-collapse: collapse; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px; font-size: 14.5px; margin: 0px; overflow: hidden; padding: 0px; width: 732px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(30, 37, 53); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-size: 13px; letter-spacing: 0.4px; margin: 0px; padding: 13px 18px; text-align: left;&amp;quot;&amp;gt;Technique&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-size: 13px; letter-spacing: 0.4px; margin: 0px; padding: 13px 18px; text-align: left;&amp;quot;&amp;gt;ก่อน Optimize&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-size: 13px; letter-spacing: 0.4px; margin: 0px; padding: 13px 18px; text-align: left;&amp;quot;&amp;gt;หลัง Optimize&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;box-sizing: border-box; color: #e2e8f0; font-size: 13px; letter-spacing: 0.4px; margin: 0px; padding: 13px 18px; text-align: left;&amp;quot;&amp;gt;ผลลัพธ์&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;N+1 Query&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;101 Queries (100 posts)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;2 Queries&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;-98%&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(247, 249, 252); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Route Cache&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;~30ms overhead/request&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;~2ms overhead/request&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;15× เร็วขึ้น&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Missing Index&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;Full Table Scan&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;Index Seek&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;สูงสุด 100×&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(247, 249, 252); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Select *&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;โหลดทุก Column&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;เฉพาะที่ต้องการ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-yellow&amp;quot; style=&amp;quot;background: rgb(254, 243, 199); border-radius: 20px; box-sizing: border-box; color: #92400e; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;ลด Memory&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Query Cache&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;DB Hit ทุก Request&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;Redis/Memory Hit&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(209, 250, 229); border-radius: 20px; box-sizing: border-box; color: #065f46; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;ลด DB Load 90%+&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(247, 249, 252); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ไม่มีอะไรเลย&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;App ช้า, DB เจ๊ง&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;—&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(232, 238, 248); box-sizing: border-box; color: #2d3a52; margin: 0px; padding: 12px 18px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(254, 226, 226); border-radius: 20px; box-sizing: border-box; color: #991b1b; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 9px;&amp;quot;&amp;gt;ต้องแก้ด่วน!&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;7. Production Checklist ก่อน Go-Live&amp;lt;/h2&amp;gt;&amp;lt;ul class=&amp;quot;step-list&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e3a50; list-style: none; margin: 20px 0px 18px; padding: 0px 0px 0px 22px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;01&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;รัน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;php artisan telescope:install&amp;lt;/code&amp;gt; หรือ DebugBar ใน Dev เพื่อหา N+1 Queries&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;02&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;ตรวจ Migration ทุกตัร — มี Index บน Column ที่ใช้ใน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;WHERE&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;JOIN&amp;lt;/code&amp;gt; ครบหรือยัง&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;03&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;เปลี่ยน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;APP_ENV=production&amp;lt;/code&amp;gt; และ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;APP_DEBUG=false&amp;lt;/code&amp;gt; ใน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;.env&amp;lt;/code&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;04&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;รัน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;php artisan optimize&amp;lt;/code&amp;gt; ใน Deployment Script เสมอ&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;05&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;ตั้งค่า Redis เป็น Cache Driver และใช้ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Cache::remember()&amp;lt;/code&amp;gt; สำหรับ Query ที่ดึงบ่อย&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 14px; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgb(30, 37, 53); border-radius: 50%; box-sizing: border-box; color: #63b3ed; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 700; height: 28px; justify-content: center; margin: 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;06&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;step-text&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 3px 0px 0px;&amp;quot;&amp;gt;ใช้ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;paginate()&amp;lt;/code&amp;gt; แทน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;get()&amp;lt;/code&amp;gt; เสมอสำหรับ List ข้อมูล&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(99, 179, 237); box-sizing: border-box; font-size: 20px; line-height: 1.4; margin: 44px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;การ Optimize Laravel Application ไม่ได้ซับซ้อนอย่างที่คิด เพียงแค่เข้าใจต้นเหตุของปัญหา และใช้ Tool ที่ Framework มีให้อยู่แล้ว Techniques ที่พูดถึงในบทความนี้สามารถ ลด Query จาก 100+ เหลือ 2, ลด Routing Overhead ลง 15 เท่า และลด Database Load ได้มากกว่า 90%&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;จุดเริ่มต้นที่ดีที่สุดคือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;หา N+1 Query ก่อน&amp;lt;/strong&amp;gt; ติดตั้ง DebugBar รัน Application แล้วดูว่ามี Query ซ้ำกี่ตัว จากนั้นค่อยๆ ใส่ &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;with()&amp;lt;/code&amp;gt;, เพิ่ม Index, และสุดท้ายรัน &amp;lt;code style=&amp;quot;background: rgb(232, 238, 248); border-radius: 5px; border: 1px solid rgb(213, 223, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 13.5px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;php artisan optimize&amp;lt;/code&amp;gt; ก่อน Deploy&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; color: #2e3a50; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;แค่นี้ Application ของคุณก็พร้อมรับ Traffic หนักๆ ได้แล้ว 🚀&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/6979638803918936715/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-high-traffic-database.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6979638803918936715'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/6979638803918936715'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-high-traffic-database.html' title='เพิ่มความเร็ว Laravel สำหรับ High-Traffic Database Optimization ที่นักพัฒนา 90% ยังไม่รู้'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEilZfeMMQDSranfR-2wyWNnacBPLGFAGTTPQG4pabm-RrzNORL2zSKiOb93OP6iiYAFN4KRD08tG-Wh-qm2_dvbxQWHj43ox-vtJfF9rQfT13b9QtMtcwcaQ9vjcQKtuaeTGp56N1aOAdsOdxTU6qv2DvkkFwbZroGngvAWLHYjFPTUgPkdUdcDfkOFng8=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-3559716973291210109&lt;/id&gt;&lt;published&gt;2026-06-10T12:30:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-10T12:30:00.108+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Spring Boot API&quot;/&gt;&lt;title type='text'&gt;เชื่อมต่อ Spring Boot API กับ Vanilla HTML/CSS/JS Frontend&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEi81OT58ETFE2AemXa4Lf7vhm2IJA09NWGWB88MOhME4iVjMdVhVwo-u2BxDcPVGsPNxSCEFc03u1CTioFy66zz217nJojQclRcQXc2UUZu1JhH7ARm39OSJEamJCbNiVGQ4lpMk2xjpIG8bTZG-1SOapwmfXLmh-Tenxh8P_aiYA2nQ6-Zf-iRFR5X8Ak&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1536&amp;quot; data-original-width=&amp;quot;2752&amp;quot; height=&amp;quot;357&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEi81OT58ETFE2AemXa4Lf7vhm2IJA09NWGWB88MOhME4iVjMdVhVwo-u2BxDcPVGsPNxSCEFc03u1CTioFy66zz217nJojQclRcQXc2UUZu1JhH7ARm39OSJEamJCbNiVGQ4lpMk2xjpIG8bTZG-1SOapwmfXLmh-Tenxh8P_aiYA2nQ6-Zf-iRFR5X8Ak&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(26, 60, 94) 0%, rgb(46, 125, 190) 100%) rgb(255, 255, 255); border-radius: 12px; box-sizing: border-box; color: white; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 44px; padding: 52px 40px 44px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;hero-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; display: block; font-size: 12px; letter-spacing: 2px; margin: 0px 0px 14px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;Dev Blog · Spring Boot · Vanilla JS&amp;lt;/span&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; font-size: 32px; line-height: 1.3; margin: 0px 0px 14px; padding: 0px;&amp;quot;&amp;gt;เชื่อมต่อ Spring Boot API&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;กับ Vanilla HTML/CSS/JS Frontend&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #bfdbfe; font-size: 16px; line-height: 1.6; margin: 0px 0px 22px; padding: 0px;&amp;quot;&amp;gt;ทำ REST API ให้คุยกับ Frontend แบบ Pure JS ไม่ง้อ Framework — ครอบคลุม CORS, Fetch API และ JWT Authentication&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; display: flex; flex-wrap: wrap; font-size: 13px; gap: 20px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;June 2025&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Spring Boot 3&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Java 17&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;อ่าน ~8 นาที&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;toc&amp;quot; style=&amp;quot;background: rgb(240, 247, 255); border-radius: 10px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 40px; padding: 24px 28px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;toc-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a3c5e; font-size: 14px; font-weight: 700; letter-spacing: 1px; margin: 0px 0px 14px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;📋 สารบัญ&amp;lt;/div&amp;gt;&amp;lt;ol style=&amp;quot;box-sizing: border-box; margin: 0px 0px 18px; padding: 0px 0px 0px 20px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#why&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;ทำไมต้อง Vanilla JS?&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#architecture&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;Architecture Overview&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#springboot&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;ตั้งค่า Spring Boot&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#frontend&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;Vanilla JS Frontend&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#jwt&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;JWT Authentication&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#problems&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;ปัญหาที่พบบ่อย&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 6px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://www.claudeusercontent.com/?domain=claude.ai&amp;amp;amp;parentOrigin=https%3A%2F%2Fclaude.ai&amp;amp;amp;errorReportingMode=parent&amp;amp;amp;formattedSpreadsheets=true#checklist&amp;quot; style=&amp;quot;box-sizing: border-box; color: #2e7dbe; font-size: 15px; margin: 0px; padding: 0px; text-decoration: none;&amp;quot;&amp;gt;Checklist ก่อน Deploy&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 id=&amp;quot;why&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;🚀 ทำไมต้อง Vanilla JS?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;หลายคนอาจสงสัยว่าในยุคที่ React, Vue, Angular ครองตลาด แล้วทำไมเราถึงยังพูดถึง Vanilla HTML/CSS/JS อยู่?&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;คำตอบง่ายมาก — บางโปรเจกต์ไม่ต้องการ Framework หนักๆ ก็ได้ โดยเฉพาะ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Admin Panel เล็กๆ&amp;lt;/strong&amp;gt;, &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Prototype&amp;lt;/strong&amp;gt;, หรือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ระบบภายในองค์กร&amp;lt;/strong&amp;gt; ที่ต้องส่งมอบเร็ว ไม่มี Build Pipeline ให้ยุ่งยาก&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;บทความนี้จะพาเดินทางตั้งแต่ต้นจนจบ: ตั้งค่า Spring Boot → เปิด CORS → เรียก API จาก JS → จัดการ Auth แบบ JWT ทั้งหมดโดยไม่ต้องพึ่ง Build Tool ฝั่ง Frontend เลยแม้แต่น้อย&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;architecture&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;🏗 Architecture Overview&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ก่อนลงมือ ดู Big Picture กันก่อน:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;arch-diagram&amp;quot; style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #94a3b8; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, monospace; font-size: 14px; line-height: 1.9; margin: 24px 0px 32px; overflow-x: auto; padding: 28px;&amp;quot;&amp;gt;&amp;lt;pre style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 10px; box-sizing: border-box; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;  ┌─────────────────┐          ┌──────────────────────────┐
  │  &amp;lt;span class=&amp;quot;hl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Browser&amp;lt;/span&amp;gt;         │  fetch() │  &amp;lt;span class=&amp;quot;hl2&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Spring Boot App&amp;lt;/span&amp;gt;           │
  │  (HTML/CSS/JS)  │ ───────► │  :8080                    │
  │  :3000 / file   │ ◄─────── │  REST API + Security      │
  └─────────────────┘   JSON   └──────────────────────────┘
                                          │
                               ┌──────────▼──────────┐
                               │  &amp;lt;span class=&amp;quot;hl3&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Database (H2/MySQL)&amp;lt;/span&amp;gt;  │
                               └─────────────────────┘&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;note&amp;quot; style=&amp;quot;background: rgb(255, 251, 235); border-left: 4px solid rgb(245, 158, 11); border-radius: 0px 8px 8px 0px; box-sizing: border-box; color: #78350f; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 20px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⚠️ สำคัญ:&amp;lt;/strong&amp;gt; Browser และ Spring Boot อาจรันคนละ Port (Cross-Origin) ดังนั้น &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CORS คือสิ่งแรกที่ต้องจัดการ&amp;lt;/strong&amp;gt; ถ้าลืมจะเจอ Error ทันที&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;springboot&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;⚙️ Part 1: ตั้งค่า Spring Boot&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;1.1 สร้างโปรเจกต์ด้วย Spring Initializr&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ไปที่ &amp;lt;a href=&amp;quot;https://start.spring.io/&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;start.spring.io&amp;lt;/a&amp;gt; แล้วเลือก Dependencies ดังนี้:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px 0px 0px 24px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;Spring Web&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;Spring Security&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;Spring Data JPA&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;H2 Database (ทดสอบ) หรือ MySQL Driver (Production)&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;Lombok&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;1.2 ตั้งค่า CORS — หัวใจสำคัญ&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;CORS (Cross-Origin Resource Sharing) คือกลไกที่ Browser ใช้ตรวจสอบว่าเว็บที่ต้องการเรียก API ได้รับอนุญาตหรือไม่ ถ้าไม่ตั้งค่า จะเจอ Error นี้ทันที:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;error-box&amp;quot; style=&amp;quot;background: rgb(254, 242, 242); border-left: 4px solid rgb(239, 68, 68); border-radius: 0px 8px 8px 0px; box-sizing: border-box; color: #7f1d1d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 20px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Access to fetch at &amp;#39;http://localhost:8080/api/...&amp;#39; from origin &amp;#39;http://localhost:3000&amp;#39; has been blocked by CORS policy.&amp;lt;/code&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;แก้ด้วย Global CORS Configuration:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;Java&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@Configuration&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f0abfc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CorsConfig&amp;lt;/span&amp;gt; {

    &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@Bean&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; WebMvcConfigurer &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;corsConfigurer&amp;lt;/span&amp;gt;() {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return new&amp;lt;/span&amp;gt; WebMvcConfigurer() {
            &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@Override&amp;lt;/span&amp;gt;
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public void&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;addCorsMappings&amp;lt;/span&amp;gt;(CorsRegistry registry) {
                registry.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;addMapping&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/api/**&amp;quot;&amp;lt;/span&amp;gt;)
                    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;allowedOrigins&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;http://localhost:3000&amp;quot;&amp;lt;/span&amp;gt;)
                    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;allowedMethods&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;GET&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;POST&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;PUT&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;DELETE&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;OPTIONS&amp;quot;&amp;lt;/span&amp;gt;)
                    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;allowedHeaders&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;*&amp;quot;&amp;lt;/span&amp;gt;)
                    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;allowCredentials&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;);
            }
        };
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;div class=&amp;quot;note&amp;quot; style=&amp;quot;background: rgb(255, 251, 235); border-left: 4px solid rgb(245, 158, 11); border-radius: 0px 8px 8px 0px; box-sizing: border-box; color: #78350f; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 20px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📌 Production:&amp;lt;/strong&amp;gt; เปลี่ยน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;allowedOrigins&amp;lt;/code&amp;gt; เป็น domain จริง เช่น &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;https://myapp.com&amp;lt;/code&amp;gt; — อย่าใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;*&amp;lt;/code&amp;gt; กับ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;allowCredentials(true)&amp;lt;/code&amp;gt; พร้อมกัน&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;1.3 สร้าง REST Controller&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ตัวอย่าง Product API อย่างง่าย:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;Java&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@RestController&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@RequestMapping&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/api/products&amp;quot;&amp;lt;/span&amp;gt;)
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f0abfc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt; {

    &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@Autowired&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;private&amp;lt;/span&amp;gt; ProductService productService;

    &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@GetMapping&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; ResponseEntity&amp;amp;lt;List&amp;amp;lt;Product&amp;amp;gt;&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getAll&amp;lt;/span&amp;gt;() {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; ResponseEntity.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ok&amp;lt;/span&amp;gt;(productService.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;());
    }

    &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@PostMapping&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; ResponseEntity&amp;amp;lt;Product&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@RequestBody&amp;lt;/span&amp;gt; Product product) {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; ResponseEntity.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;status&amp;lt;/span&amp;gt;(HttpStatus.CREATED)
                            .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;body&amp;lt;/span&amp;gt;(productService.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;save&amp;lt;/span&amp;gt;(product));
    }

    &amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@DeleteMapping&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/{id}&amp;quot;&amp;lt;/span&amp;gt;)
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; ResponseEntity&amp;amp;lt;Void&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;delete&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@PathVariable&amp;lt;/span&amp;gt; Long id) {
        productService.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;delete&amp;lt;/span&amp;gt;(id);
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; ResponseEntity.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;noContent&amp;lt;/span&amp;gt;().&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;build&amp;lt;/span&amp;gt;();
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;frontend&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;🌐 Part 2: Vanilla JS Frontend&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;2.1 โครงสร้าง Project&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;Structure&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;frontend/
├── index.html
├── css/
│   └── style.css
└── js/
    ├── api.js        ← ตัวกลางเรียก API ทั้งหมด
    ├── auth.js       ← จัดการ Token
    └── app.js        ← Business Logic / UI&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;2.2 สร้าง API Client — api.js&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;แยก Logic การเรียก API ออกมาเป็น Module เดียว ทำให้ดูแลง่าย ไม่ต้องเขียน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;fetch()&amp;lt;/code&amp;gt; ซ้ำทุกที่:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;JavaScript&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// js/api.js&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; BASE_URL = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;http://localhost:8080/api&amp;#39;&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;async function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiFetch&amp;lt;/span&amp;gt;(endpoint, options = {}) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; token = localStorage.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getItem&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;jwt_token&amp;#39;&amp;lt;/span&amp;gt;);

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; defaultHeaders = {
        &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type&amp;#39;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;application/json&amp;#39;&amp;lt;/span&amp;gt;,
        ...(token ? { &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Authorization&amp;#39;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;`Bearer ${token}`&amp;lt;/span&amp;gt; } : {})
    };

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; response = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fetch&amp;lt;/span&amp;gt;(`${BASE_URL}${endpoint}`, {
        ...options,
        headers: { ...defaultHeaders, ...options.headers }
    });

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (response.status === &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;401&amp;lt;/span&amp;gt;) {
        localStorage.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;removeItem&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;jwt_token&amp;#39;&amp;lt;/span&amp;gt;);
        window.location.href = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/login.html&amp;#39;&amp;lt;/span&amp;gt;; &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Token หมดอายุ&amp;lt;/span&amp;gt;
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt;;
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!response.ok) {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; error = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; response.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;().&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;catch&amp;lt;/span&amp;gt;(() =&amp;amp;gt; ({}));
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;throw new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f0abfc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Error&amp;lt;/span&amp;gt;(error.message || `HTTP ${response.status}`);
    }

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (response.status === &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;204&amp;lt;/span&amp;gt;) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return null&amp;lt;/span&amp;gt;; &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// No Content&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; response.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;();
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Export ฟังก์ชันสำหรับ Product&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; ProductAPI = {
    getAll: () =&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiFetch&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;),
    create: (data) =&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiFetch&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;, { method: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;POST&amp;#39;&amp;lt;/span&amp;gt;, body: JSON.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;stringify&amp;lt;/span&amp;gt;(data) }),
    delete: (id) =&amp;amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;apiFetch&amp;lt;/span&amp;gt;(`/products/${id}`, { method: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;DELETE&amp;#39;&amp;lt;/span&amp;gt; }),
};&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;2.3 แสดงข้อมูลใน HTML&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;HTML&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;amp;lt;!-- index.html --&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;amp;lt;div id=&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;product-list&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt;
&amp;amp;lt;button id=&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;btn-load&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;โหลดสินค้า&amp;amp;lt;/button&amp;amp;gt;

&amp;amp;lt;script src=&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;js/api.js&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
&amp;amp;lt;script src=&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;js/app.js&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;JavaScript&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// js/app.js&amp;lt;/span&amp;gt;
document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;btn-load&amp;#39;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;addEventListener&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;click&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;async&amp;lt;/span&amp;gt; () =&amp;amp;gt; {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;try&amp;lt;/span&amp;gt; {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; products = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; ProductAPI.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getAll&amp;lt;/span&amp;gt;();
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; container = document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;product-list&amp;#39;&amp;lt;/span&amp;gt;);

        container.innerHTML = products.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;map&amp;lt;/span&amp;gt;(p =&amp;amp;gt; &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;`
            &amp;amp;lt;div class=&amp;quot;product-card&amp;quot;&amp;amp;gt;
                &amp;amp;lt;h3&amp;amp;gt;${p.name}&amp;amp;lt;/h3&amp;amp;gt;
                &amp;amp;lt;p&amp;amp;gt;฿${p.price.toLocaleString()}&amp;amp;lt;/p&amp;amp;gt;
                &amp;amp;lt;button onclick=&amp;quot;deleteProduct(${p.id})&amp;quot;&amp;amp;gt;ลบ&amp;amp;lt;/button&amp;amp;gt;
            &amp;amp;lt;/div&amp;amp;gt;
        `&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;join&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;&amp;#39;&amp;lt;/span&amp;gt;);

    } &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;catch&amp;lt;/span&amp;gt; (err) {
        &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;alert&amp;lt;/span&amp;gt;(`เกิดข้อผิดพลาด: ${err.message}`);
    }
});

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;async function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;deleteProduct&amp;lt;/span&amp;gt;(id) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;confirm&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ยืนยันการลบ?&amp;#39;&amp;lt;/span&amp;gt;)) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; ProductAPI.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;delete&amp;lt;/span&amp;gt;(id);
    document.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getElementById&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;btn-load&amp;#39;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;click&amp;lt;/span&amp;gt;(); &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Reload list&amp;lt;/span&amp;gt;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;jwt&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;🔐 Part 3: JWT Authentication&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;3.1 Login Flow&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;Flow การ Login แบบ JWT มีขั้นตอนดังนี้:&amp;lt;/p&amp;gt;&amp;lt;ol style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px 0px 0px 24px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;User กรอก username/password แล้วกด Submit&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;JS ส่ง &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;POST&amp;lt;/code&amp;gt; ไปที่ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;/api/auth/login&amp;lt;/code&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;Spring Boot ตรวจสอบ แล้วคืน JWT Token&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;JS เก็บ Token ใน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;localStorage&amp;lt;/code&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 7px 0px; padding: 0px;&amp;quot;&amp;gt;ทุก Request ถัดไปแนบ Token ใน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Authorization: Bearer ...&amp;lt;/code&amp;gt; Header&amp;lt;/li&amp;gt;&amp;lt;/ol&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;JavaScript&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// js/auth.js&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;async function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;login&amp;lt;/span&amp;gt;(username, password) {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; response = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;fetch&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;http://localhost:8080/api/auth/login&amp;#39;&amp;lt;/span&amp;gt;, {
        method: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;POST&amp;#39;&amp;lt;/span&amp;gt;,
        headers: { &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Content-Type&amp;#39;&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;application/json&amp;#39;&amp;lt;/span&amp;gt; },
        body: JSON.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;stringify&amp;lt;/span&amp;gt;({ username, password })
    });

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!response.ok) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;throw new&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cl&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f0abfc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Error&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Login failed&amp;#39;&amp;lt;/span&amp;gt;);

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; data = &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;await&amp;lt;/span&amp;gt; response.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;json&amp;lt;/span&amp;gt;();
    localStorage.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;setItem&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;jwt_token&amp;#39;&amp;lt;/span&amp;gt;, data.token);
    window.location.href = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/dashboard.html&amp;#39;&amp;lt;/span&amp;gt;;
}

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;logout&amp;lt;/span&amp;gt;() {
    localStorage.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;removeItem&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;jwt_token&amp;#39;&amp;lt;/span&amp;gt;);
    window.location.href = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/login.html&amp;#39;&amp;lt;/span&amp;gt;;
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ตรวจสอบสิทธิ์ก่อนโหลดหน้า — เรียกบนทุกหน้าที่ต้อง Login&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;requireAuth&amp;lt;/span&amp;gt;() {
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;if&amp;lt;/span&amp;gt; (!localStorage.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;getItem&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;jwt_token&amp;#39;&amp;lt;/span&amp;gt;)) {
        window.location.href = &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;/login.html&amp;#39;&amp;lt;/span&amp;gt;;
    }
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;div class=&amp;quot;note&amp;quot; style=&amp;quot;background: rgb(255, 251, 235); border-left: 4px solid rgb(245, 158, 11); border-radius: 0px 8px 8px 0px; box-sizing: border-box; color: #78350f; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 20px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📌 Security Note:&amp;lt;/strong&amp;gt; &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;localStorage&amp;lt;/code&amp;gt; ไม่ปลอดภัยสำหรับ Token ที่ Sensitive มาก — Production ควรพิจารณาใช้ &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #d97706; margin: 0px; padding: 0px;&amp;quot;&amp;gt;HttpOnly Cookie&amp;lt;/strong&amp;gt; แทน เพื่อป้องกัน XSS Attack&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;problems&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;🐛 Part 4: ปัญหาที่พบบ่อย&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;ปัญหาที่ 1: CORS Error ยังติดอยู่แม้ตั้งค่าแล้ว&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;สาเหตุที่พบบ่อย: Spring Security Intercept ก่อนที่ CORS Config จะทำงาน แก้ด้วยการเพิ่มใน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;SecurityConfig&amp;lt;/code&amp;gt;:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;Java&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;an&amp;quot; style=&amp;quot;box-sizing: border-box; color: #fbbf24; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@Bean&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; SecurityFilterChain &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;filterChain&amp;lt;/span&amp;gt;(HttpSecurity http) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;throws&amp;lt;/span&amp;gt; Exception {
    http
        .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;cors&amp;lt;/span&amp;gt;(cors -&amp;amp;gt; cors.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;configurationSource&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;corsConfigurationSource&amp;lt;/span&amp;gt;()))
        .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;csrf&amp;lt;/span&amp;gt;(csrf -&amp;amp;gt; csrf.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;disable&amp;lt;/span&amp;gt;())
        &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ... rest of config&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #93c5fd; margin: 0px; padding: 0px;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; http.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;build&amp;lt;/span&amp;gt;();
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;ปัญหาที่ 2: OPTIONS Request ถูก Block&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;Browser ส่ง Preflight Request (&amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;OPTIONS&amp;lt;/code&amp;gt;) ก่อนทุก Cross-Origin Request ต้องให้ Spring ผ่าน &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;OPTIONS&amp;lt;/code&amp;gt; โดยไม่ต้อง Auth:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(15, 23, 42); border-radius: 10px; box-sizing: border-box; color: #2d2d2d; font-size: 17px; margin: 20px 0px 28px; overflow-x: auto; padding: 24px 28px; position: relative;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;lang-tag&amp;quot; style=&amp;quot;box-sizing: border-box; color: #64748b; font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px; position: absolute; right: 16px; text-transform: uppercase; top: 10px;&amp;quot;&amp;gt;Java&amp;lt;/span&amp;gt;&amp;lt;code style=&amp;quot;background: none; border-color: currentcolor; border-image: initial; border-radius: 4px; border-style: none; border-width: medium; box-sizing: border-box; color: #e2e8f0; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;.&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;authorizeHttpRequests&amp;lt;/span&amp;gt;(auth -&amp;amp;gt; auth
    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;requestMatchers&amp;lt;/span&amp;gt;(HttpMethod.OPTIONS, &amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/**&amp;quot;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;permitAll&amp;lt;/span&amp;gt;()
    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;requestMatchers&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;st&amp;quot; style=&amp;quot;box-sizing: border-box; color: #86efac; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;/api/auth/**&amp;quot;&amp;lt;/span&amp;gt;).&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;permitAll&amp;lt;/span&amp;gt;()
    .&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;anyRequest&amp;lt;/span&amp;gt;().&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7dd3fc; margin: 0px; padding: 0px;&amp;quot;&amp;gt;authenticated&amp;lt;/span&amp;gt;()
)&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: white; box-sizing: border-box; color: #2e7dbe; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 19px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;ปัญหาที่ 3: JSON Parse Error&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;ตรวจสอบว่า Controller ส่ง &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;Content-Type: application/json&amp;lt;/code&amp;gt; กลับมาด้วย ถ้าใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;@RestController&amp;lt;/code&amp;gt; จะทำให้อัตโนมัติแล้ว แต่ถ้าใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;@Controller&amp;lt;/code&amp;gt; ต้องเพิ่ม &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;@ResponseBody&amp;lt;/code&amp;gt; หรือใช้ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;ResponseEntity&amp;lt;/code&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;tip&amp;quot; style=&amp;quot;background: rgb(240, 253, 244); border-left: 4px solid rgb(34, 197, 94); border-radius: 0px 8px 8px 0px; box-sizing: border-box; color: #14532d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 20px 0px; padding: 14px 18px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #16a34a; margin: 0px; padding: 0px;&amp;quot;&amp;gt;✅ เคล็ดลับ:&amp;lt;/strong&amp;gt; เปิด Browser DevTools → Network Tab → ดู Request/Response Headers ก่อนเสมอ จะเห็นสาเหตุของ Error ได้ชัดเจน&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: white; border-color: rgb(226, 232, 240) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 44px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 id=&amp;quot;checklist&amp;quot; style=&amp;quot;background-color: white; border-bottom: 2px solid rgb(46, 125, 190); box-sizing: border-box; color: #1a3c5e; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 24px; margin: 48px 0px 16px; padding: 0px 0px 10px;&amp;quot;&amp;gt;✅ Checklist ก่อน Deploy&amp;lt;/h2&amp;gt;&amp;lt;table class=&amp;quot;checklist&amp;quot; style=&amp;quot;background-color: white; border-collapse: collapse; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 15px; margin: 24px 0px; padding: 0px; width: 740px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 60, 94); box-sizing: border-box; color: white; margin: 0px; padding: 12px 16px; text-align: left;&amp;quot;&amp;gt;รายการ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 60, 94); box-sizing: border-box; color: white; margin: 0px; padding: 12px 16px; text-align: center; width: 100px;&amp;quot;&amp;gt;สถานะ&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;CORS ตั้งค่า &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;allowedOrigins&amp;lt;/code&amp;gt; ถูก Domain&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 251, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ไม่มี CORS &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;*&amp;lt;/code&amp;gt; กับ &amp;lt;code style=&amp;quot;background: rgb(240, 244, 248); border-radius: 4px; border: 1px solid rgb(226, 232, 240); box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;Courier New&amp;amp;quot;, Courier, monospace; font-size: 14px; margin: 0px; padding: 2px 7px;&amp;quot;&amp;gt;allowCredentials(true)&amp;lt;/code&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;OPTIONS Request ผ่านได้โดยไม่ต้อง Auth&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 251, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;JWT Secret ยาวพอ (256 bit ขึ้นไป)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;Error Handling ใน JS ครบทุก Case&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(248, 251, 255); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;ไม่ Expose Sensitive Data ใน Response&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px;&amp;quot;&amp;gt;HTTPS ใน Production&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(226, 232, 240); box-sizing: border-box; margin: 0px; padding: 11px 16px; text-align: center;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-check&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 20px; box-sizing: border-box; color: #713f12; font-size: 12px; font-weight: 600; margin: 0px; padding: 3px 10px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;p style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 18px; padding: 0px;&amp;quot;&amp;gt;Vanilla JS + Spring Boot เป็น Stack ที่ Lightweight และเข้าใจง่าย เหมาะสำหรับระบบขนาดกลางที่ไม่ต้องการ Complexity ของ Frontend Framework เพียงแค่เข้าใจ CORS, Fetch API และ JWT ก็พร้อม Deploy ได้เลย&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;tags&amp;quot; style=&amp;quot;background-color: white; box-sizing: border-box; color: #2d2d2d; display: flex; flex-wrap: wrap; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; gap: 8px; margin: 44px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#SpringBoot&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#Java&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#VanillaJS&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#REST API&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#CORS&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#JWT&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-radius: 20px; border: 1px solid rgb(191, 219, 254); box-sizing: border-box; color: #1d4ed8; font-size: 13px; margin: 0px; padding: 5px 13px;&amp;quot;&amp;gt;#WebDev&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/3559716973291210109/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/spring-boot-api-vanilla-htmlcssjs.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3559716973291210109'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/3559716973291210109'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/spring-boot-api-vanilla-htmlcssjs.html' title='เชื่อมต่อ Spring Boot API กับ Vanilla HTML/CSS/JS Frontend'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEi81OT58ETFE2AemXa4Lf7vhm2IJA09NWGWB88MOhME4iVjMdVhVwo-u2BxDcPVGsPNxSCEFc03u1CTioFy66zz217nJojQclRcQXc2UUZu1JhH7ARm39OSJEamJCbNiVGQ4lpMk2xjpIG8bTZG-1SOapwmfXLmh-Tenxh8P_aiYA2nQ6-Zf-iRFR5X8Ak=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-8384518333018085474&lt;/id&gt;&lt;published&gt;2026-06-10T05:00:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-10T05:00:00.125+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Vibe Coding&quot;/&gt;&lt;title type='text'&gt;หยุดเขียน CRUD ซ้ำๆ: Vibe Coding เปลี่ยน PHP Dev ยังไง&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiKEfE84DfG-Un_99gN_0pPDYubqm-MevBNZC9e9ARSePVjmljwDmgOXlsSRT2jgVnMZZI-Ew_fzYnD8F2Rl8PivFjVV1g0xVVOQkxHRLZilsutAyZYYlHzNQlpUPEyMt4mCS48I5V9z3d6Pr8pOxE6XOGDvvek1g6l_UgEQTyn9h962ON7i0tEfk81voc&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiKEfE84DfG-Un_99gN_0pPDYubqm-MevBNZC9e9ARSePVjmljwDmgOXlsSRT2jgVnMZZI-Ew_fzYnD8F2Rl8PivFjVV1g0xVVOQkxHRLZilsutAyZYYlHzNQlpUPEyMt4mCS48I5V9z3d6Pr8pOxE6XOGDvvek1g6l_UgEQTyn9h962ON7i0tEfk81voc&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;div class=&amp;quot;hero&amp;quot; style=&amp;quot;background: linear-gradient(135deg, rgb(234, 241, 251) 0%, rgb(240, 246, 255) 50%, rgb(234, 241, 251) 100%) rgb(246, 248, 250); border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 16px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 48px; overflow: hidden; padding: 48px 40px; position: relative;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;hero-tag&amp;quot; style=&amp;quot;background: rgba(88, 166, 255, 0.15); border-radius: 20px; border: 1px solid rgba(88, 166, 255, 0.3); box-sizing: border-box; color: #0969da; display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; margin: 0px 0px 20px; padding: 4px 14px; text-transform: uppercase;&amp;quot;&amp;gt;🤖 Vibe Coding Series · EP.1&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;-webkit-text-fill-color: transparent; background: linear-gradient(90deg, rgb(31, 35, 40) 60%, rgb(9, 105, 218) 100%) 0% 0% / auto repeat scroll padding-box text rgba(0, 0, 0, 0); box-sizing: border-box; font-size: clamp(26px, 5vw, 38px); line-height: 1.3; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;หยุดเขียน CRUD ซ้ำๆ:&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;Vibe Coding เปลี่ยน PHP Dev ยังไง&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;hero-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 16px; margin: 0px 0px 16px; max-width: 600px; padding: 0px;&amp;quot;&amp;gt;เมื่อ AI กลายเป็น pair programmer และ framework กลายเป็น rendering engine — นักพัฒนา PHP ยุคใหม่ต้องปรับตัวอย่างไร&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;hero-meta&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px; margin: 24px 0px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 13px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📅 &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #1a7f37; margin: 0px; padding: 0px;&amp;quot;&amp;gt;June 2025&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 13px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;⏱ อ่าน &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #1a7f37; margin: 0px; padding: 0px;&amp;quot;&amp;gt;~8 นาที&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 13px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🎯 &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #1a7f37; margin: 0px; padding: 0px;&amp;quot;&amp;gt;PHP / CI4 / Laravel&amp;lt;/strong&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;😩 ปัญหาที่ PHP Dev ทุกคนเจอ: CRUD วนซ้ำไม่รู้จบ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ถ้าคุณเคยสร้างระบบ admin panel, ERP, หรือระบบบริหารงานองค์กร คุณคงรู้ดีว่ามันเป็นยังไง — &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Controller ก็โครงสร้างเดิม, Model ก็ query เดิม, View ก็ตาราง + form เดิมๆ&amp;lt;/strong&amp;gt; เปลี่ยนแค่ชื่อ module&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Carlos García นักพัฒนาชาวสเปนที่ทำงานในศูนย์วิจัยมหาวิทยาลัย พบว่าตัวเองใช้เวลางาน &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;80% ไปกับ boilerplate code&amp;lt;/strong&amp;gt; ที่ซ้ำซาก และมีแค่ 20% ที่เป็น business logic จริงๆ ปัญหานี้ไม่ใช่แค่เรื่องน่าเบื่อ แต่มันทำให้ codebase บวม, maintain ยาก, และเปลืองเวลาที่ควรจะไปพัฒนา feature ใหม่ๆ&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout warn&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(208, 215, 222) rgb(208, 215, 222) rgb(208, 215, 222) rgb(154, 103, 0); border-image: none 100% / 1 / 0 stretch; border-radius: 0px 8px 8px 0px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #9a6700; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;💡 คุณเจอแบบนี้ไหม?&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;สร้าง module ใหม่ทีนึง → copy Controller เดิม → แก้ชื่อ table → ปรับ form fields → นั่งแก้ View อีก 2-3 ไฟล์ → ทำซ้ำแบบนี้ทุก module จนครบ 20 module&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;วันนี้เราจะมาดูว่า &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Vibe Coding&amp;lt;/strong&amp;gt; — แนวคิดการเขียนโค้ดยุคใหม่ที่ใช้ AI เป็น pair programmer — มันทำงานยังไง และ PHP developer อย่างเราจะนำมาใช้กับ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; และ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/strong&amp;gt; ได้อย่างไรบ้าง&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;🎵 Vibe Coding คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Vibe Coding&amp;lt;/strong&amp;gt; คือ paradigm การพัฒนาซอฟต์แวร์ที่นักพัฒนาทำหน้าที่เป็น &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;architect และ director&amp;lt;/em&amp;gt; แทนที่จะเป็น typist ที่นั่งพิมพ์โค้ดทุกบรรทัดด้วยตัวเอง คุณ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;บอก&amp;quot; AI ว่าต้องการอะไร&amp;lt;/strong&amp;gt; แล้วให้ AI + framework จัดการส่วนที่ซ้ำซากแทน&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;แนวคิดหลักคือการ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;shift จาก &amp;quot;how to code it&amp;quot;&amp;lt;/strong&amp;gt; (จะเขียนโค้ดยังไง) ไปเป็น &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;what to build&amp;quot;&amp;lt;/strong&amp;gt; (จะสร้างอะไร) — เหมือนกับที่สถาปนิกวาด blueprint แล้วให้ช่างก่อสร้างทำตาม แทนที่จะแบกปูนขึ้นนั่งร้านเอง&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;callout success&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(208, 215, 222) rgb(208, 215, 222) rgb(208, 215, 222) rgb(26, 127, 55); border-image: none 100% / 1 / 0 stretch; border-radius: 0px 8px 8px 0px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a7f37; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;✅ Vibe Coding ในทางปฏิบัติ&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;แทนที่จะเขียน Controller + Model + 5 Views สำหรับ module เดียว — คุณแค่ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เขียน configuration array 1 ชุด&amp;lt;/strong&amp;gt; แล้วให้ framework render ทุกอย่างให้อัตโนมัติ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;🏗️ ตัวอย่างจริง: Framework ที่สร้างจาก Vibe Coding Philosophy&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Carlos ได้สร้าง &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Ragnos&amp;lt;/strong&amp;gt; — open-source framework ที่วางอยู่บน CodeIgniter 4 — โดยใช้แนวคิด &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Configuration over Programming&amp;lt;/em&amp;gt; แทนที่จะเขียน controller/model/view แยกกัน คุณแค่ define &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Data Dictionary&amp;lt;/strong&amp;gt; เป็น PHP array ชุดเดียว แล้ว framework จะ generate ทุกอย่างให้&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #0969da; font-family: Sarabun, sans-serif; font-size: 18px; margin: 32px 0px 12px; padding: 0px;&amp;quot;&amp;gt;ตัวอย่าง: สร้าง Module จัดการผู้ใช้งาน&amp;lt;/h3&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(24, 24, 37); border-bottom: 1px solid rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-lang&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;PHP · Data Dictionary (Ragnos / CI4)&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// แทนที่จะเขียน Controller + Model + View แยกกัน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เราแค่ define config array ชุดนี้ชุดเดียว&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$config&amp;lt;/span&amp;gt; = [
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;จัดการผู้ใช้งาน&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;table&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;users&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;pk&amp;#39;&amp;lt;/span&amp;gt;       =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;id&amp;#39;&amp;lt;/span&amp;gt;,

    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;fields&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
        [
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;username&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;label&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ชื่อผู้ใช้&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;text&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;rules&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|min_length[3]&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;in_list&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;,
        ],
        [
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;label&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;อีเมล&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;email&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;rules&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;required|valid_email&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;in_list&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;,
        ],
        [
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;role&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;label&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;สิทธิ์ใช้งาน&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;type&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;select&amp;#39;&amp;lt;/span&amp;gt;,
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;options&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;admin&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Admin&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;staff&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;Staff&amp;#39;&amp;lt;/span&amp;gt;],
            &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;roles&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;admin&amp;#39;&amp;lt;/span&amp;gt;], &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// เฉพาะ admin เท่านั้นที่เห็น field นี้&amp;lt;/span&amp;gt;
        ],
    ],

    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;actions&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;create&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;edit&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;delete&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;export_excel&amp;#39;&amp;lt;/span&amp;gt;],
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;per_page&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89b4fa; margin: 0px; padding: 0px;&amp;quot;&amp;gt;25&amp;lt;/span&amp;gt;,
];

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// Framework จะ auto-generate:&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Data table + pagination&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Add/Edit form พร้อม CSRF + validation&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Export Excel/CSV&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ SQL injection protection&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Role-based field visibility&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;สังเกตว่า &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ไม่มีโค้ด HTML เลยแม้แต่บรรทัดเดียว&amp;lt;/strong&amp;gt; — framework อ่าน config แล้ว render ทุกอย่างให้เอง และนี่แหละคือสิ่งที่ทำให้ Vibe Coding กับ AI ทำงานด้วยกันได้ดีมาก เพราะ AI สามารถ generate PHP array ได้แม่นยำ ไม่ต้องกังวลเรื่อง HTML structure&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;🔄 Vibe Coding Workflow สำหรับ PHP Dev&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ไม่ว่าจะใช้ CI4, Laravel, หรือ framework อะไรก็ตาม workflow ของ Vibe Coding มักจะเป็นแบบนี้:&amp;lt;/p&amp;gt;&amp;lt;ul class=&amp;quot;steps&amp;quot; style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; list-style: none; margin: 24px 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 16px; margin: 0px 0px 20px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgba(88, 166, 255, 0.15); border-radius: 50%; border: 1px solid rgba(88, 166, 255, 0.3); box-sizing: border-box; color: #0969da; display: flex; flex-shrink: 0; font-size: 13px; font-weight: 700; height: 32px; justify-content: center; margin: 0px; padding: 0px; width: 32px;&amp;quot;&amp;gt;1&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;🎯 กำหนด Spec ให้ชัด (Architect Mode)&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-desc&amp;quot; style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ระบุ module ที่ต้องการ, fields ที่จำเป็น, business rules, และ permissions ก่อน — ยิ่ง spec ชัด ยิ่ง AI generate ได้แม่น&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 16px; margin: 0px 0px 20px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgba(88, 166, 255, 0.15); border-radius: 50%; border: 1px solid rgba(88, 166, 255, 0.3); box-sizing: border-box; color: #0969da; display: flex; flex-shrink: 0; font-size: 13px; font-weight: 700; height: 32px; justify-content: center; margin: 0px; padding: 0px; width: 32px;&amp;quot;&amp;gt;2&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;🤖 Prompt AI ให้ generate โครงสร้าง&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-desc&amp;quot; style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ AI สร้าง config array, migration file, หรือ Blade component ให้ แทนที่จะพิมพ์เอง — ทบทวนและปรับแก้เท่าที่จำเป็น&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 16px; margin: 0px 0px 20px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgba(88, 166, 255, 0.15); border-radius: 50%; border: 1px solid rgba(88, 166, 255, 0.3); box-sizing: border-box; color: #0969da; display: flex; flex-shrink: 0; font-size: 13px; font-weight: 700; height: 32px; justify-content: center; margin: 0px; padding: 0px; width: 32px;&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;⚙️ ให้ Framework Render&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-desc&amp;quot; style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;วาง config ที่ได้ลงใน controller หรือ service layer แล้วให้ framework จัดการ rendering, validation, และ security&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; box-sizing: border-box; display: flex; gap: 16px; margin: 0px 0px 20px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-num&amp;quot; style=&amp;quot;align-items: center; background: rgba(88, 166, 255, 0.15); border-radius: 50%; border: 1px solid rgba(88, 166, 255, 0.3); box-sizing: border-box; color: #0969da; display: flex; flex-shrink: 0; font-size: 13px; font-weight: 700; height: 32px; justify-content: center; margin: 0px; padding: 0px; width: 32px;&amp;quot;&amp;gt;4&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; flex: 1 1 0%; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-weight: 600; margin: 0px 0px 4px; padding: 0px;&amp;quot;&amp;gt;🔍 Review + Test&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-desc&amp;quot; style=&amp;quot;box-sizing: border-box; color: #57606a; font-size: 15px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;คุณทำหน้าที่ reviewer — ตรวจ logic, ดู edge cases, เทสต์ security แทนที่จะนั่งพิมพ์โค้ด&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;⚡ Vibe Coding กับ Laravel: ตัวอย่าง Blade Component&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ใน Laravel แนวคิดเดียวกันนี้ทำได้ผ่าน &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Blade Components&amp;lt;/strong&amp;gt; + &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Service Classes&amp;lt;/strong&amp;gt; — แทนที่จะเขียน blade template ซ้ำๆ คุณสร้าง reusable component แล้ว AI ช่วย generate การเรียกใช้:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(24, 24, 37); border-bottom: 1px solid rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-lang&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;Blade · Laravel Reusable Data Table Component&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{{-- resources/views/components/data-table.blade.php --}}&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@props&amp;lt;/span&amp;gt;([
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;columns&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; [],
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;rows&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; [],
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;title&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;ข้อมูล&amp;#39;&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;actions&amp;#39;&amp;lt;/span&amp;gt;  =&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;,
])

&amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;card shadow-sm&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;card-header d-flex justify-content-between&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;h5&amp;lt;/span&amp;gt;&amp;amp;gt;{{ &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$title&amp;lt;/span&amp;gt; }}&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;h5&amp;lt;/span&amp;gt;&amp;amp;gt;
        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;{{ route(request()-&amp;amp;gt;route()-&amp;amp;gt;getName() . &amp;#39;.create&amp;#39;) }}&amp;quot;&amp;lt;/span&amp;gt;
           &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;btn btn-primary btn-sm&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;+ เพิ่มข้อมูล&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt;&amp;amp;gt;

    &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;table&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;table table-hover mb-0&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;
        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;thead&amp;lt;/span&amp;gt;&amp;amp;gt;
            &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
                &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$columns&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$col&amp;lt;/span&amp;gt;)
                    &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;{{ &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$col&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;label&amp;#39;&amp;lt;/span&amp;gt;] }}&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;
                &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforeach&amp;lt;/span&amp;gt;
                &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$actions&amp;lt;/span&amp;gt;) &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt;จัดการ&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;th&amp;lt;/span&amp;gt;&amp;amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endif&amp;lt;/span&amp;gt;
            &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
        &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;thead&amp;lt;/span&amp;gt;&amp;amp;gt;
        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tbody&amp;lt;/span&amp;gt;&amp;amp;gt;
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@forelse&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$rows&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$row&amp;lt;/span&amp;gt;)
                &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
                    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$columns&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$col&amp;lt;/span&amp;gt;)
                        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;{{ &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$row&amp;lt;/span&amp;gt;-&amp;amp;gt;{&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$col&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;#39;field&amp;#39;&amp;lt;/span&amp;gt;]} }}&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
                    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforeach&amp;lt;/span&amp;gt;
                    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@if&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;$actions&amp;lt;/span&amp;gt;)
                        &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
                            &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;#&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;btn btn-sm btn-outline-primary&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;แก้ไข&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;&amp;amp;gt;
                            &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;href&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;#&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;btn btn-sm btn-outline-danger&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;ลบ&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;&amp;amp;gt;
                        &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;
                    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endif&amp;lt;/span&amp;gt;
                &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@empty&amp;lt;/span&amp;gt;
                &amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;colspan&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;99&amp;quot;&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;text-center text-muted&amp;quot;&amp;lt;/span&amp;gt;&amp;amp;gt;ไม่พบข้อมูล&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;td&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tr&amp;lt;/span&amp;gt;&amp;amp;gt;
            &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;box-sizing: border-box; color: #f38ba8; margin: 0px; padding: 0px;&amp;quot;&amp;gt;@endforelse&amp;lt;/span&amp;gt;
        &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;tbody&amp;lt;/span&amp;gt;&amp;amp;gt;
    &amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;table&amp;lt;/span&amp;gt;&amp;amp;gt;
&amp;amp;lt;/&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;div&amp;lt;/span&amp;gt;&amp;amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;เมื่อมี component แล้ว การ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เรียกใช้ใน View&amp;lt;/strong&amp;gt; กลายเป็นเรื่องง่ายมาก และนี่คือส่วนที่ AI ช่วย generate ได้เร็วมาก:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(24, 24, 37); border-bottom: 1px solid rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-lang&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;Blade · เรียกใช้ Component ใน View&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;{{-- ใช้ใน products/index.blade.php --}}&amp;lt;/span&amp;gt;
&amp;amp;lt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;box-sizing: border-box; color: #cba6f7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;x-data-table&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;title&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;รายการสินค้า&amp;quot;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;:columns&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;[
        [&amp;#39;field&amp;#39; =&amp;amp;gt; &amp;#39;name&amp;#39;,  &amp;#39;label&amp;#39; =&amp;amp;gt; &amp;#39;ชื่อสินค้า&amp;#39;],
        [&amp;#39;field&amp;#39; =&amp;amp;gt; &amp;#39;price&amp;#39;, &amp;#39;label&amp;#39; =&amp;amp;gt; &amp;#39;ราคา (บาท)&amp;#39;],
        [&amp;#39;field&amp;#39; =&amp;amp;gt; &amp;#39;stock&amp;#39;, &amp;#39;label&amp;#39; =&amp;amp;gt; &amp;#39;คงเหลือ&amp;#39;],
    ]&amp;quot;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;arr&amp;quot; style=&amp;quot;box-sizing: border-box; color: #a6e3a1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;:rows&amp;lt;/span&amp;gt;=&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;$products&amp;quot;&amp;lt;/span&amp;gt;
/&amp;amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;📊 เปรียบเทียบ: Traditional Coding vs Vibe Coding&amp;lt;/h2&amp;gt;&amp;lt;div class=&amp;quot;table-wrap&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222); border-image: none 100% / 1 / 0 stretch; border-radius: 10px; border-style: solid; border-width: 1px; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 28px 0px; overflow-x: auto; padding: 0px;&amp;quot;&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; font-size: 15px; margin: 0px; padding: 0px; width: 818px;&amp;quot;&amp;gt;&amp;lt;thead style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(240, 242, 245); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; color: #57606a; font-size: 13px; letter-spacing: 0.5px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; color: #57606a; font-size: 13px; letter-spacing: 0.5px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;Traditional Coding&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; color: #57606a; font-size: 13px; letter-spacing: 0.5px; margin: 0px; padding: 14px 16px; text-align: left; text-transform: uppercase;&amp;quot;&amp;gt;Vibe Coding + AI&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เวลาสร้าง Module ใหม่&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;1–3 วัน (ต้องเขียน C+M+V ทุกไฟล์)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgba(63, 185, 80, 0.15); border-radius: 12px; box-sizing: border-box; color: #1a7f37; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;30 วินาที – 30 นาที&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โค้ดที่ต้องเขียนเอง&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;~80% boilerplate, 20% business logic&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgba(88, 166, 255, 0.15); border-radius: 12px; box-sizing: border-box; color: #0969da; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;~20% config, 80% business logic&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ความเสี่ยงด้าน Security&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgba(247, 129, 102, 0.2); border-radius: 12px; box-sizing: border-box; color: #cf222e; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;สูง&amp;lt;/span&amp;gt; — ต้อง sanitize เอง ทุก input&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgba(63, 185, 80, 0.15); border-radius: 12px; box-sizing: border-box; color: #1a7f37; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;ต่ำ&amp;lt;/span&amp;gt; — framework จัดการ CSRF/XSS/SQLi&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ความสามารถของ AI&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ช่วยได้จำกัด — HTML + logic ปนกัน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-purple&amp;quot; style=&amp;quot;background: rgba(188, 140, 255, 0.15); border-radius: 12px; box-sizing: border-box; color: #8250df; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;สูงมาก&amp;lt;/span&amp;gt; — AI generate array/config แม่น&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Maintainability&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ยาก — view กระจายหลายไฟล์&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgba(63, 185, 80, 0.15); border-radius: 12px; box-sizing: border-box; color: #1a7f37; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;ง่าย&amp;lt;/span&amp;gt; — แก้ config ที่เดียว&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom: 1px solid rgb(208, 215, 222); box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Role ของ Developer&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;Coder (พิมพ์โค้ดทุกบรรทัด)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-blue&amp;quot; style=&amp;quot;background: rgba(88, 166, 255, 0.15); border-radius: 12px; box-sizing: border-box; color: #0969da; display: inline-block; font-size: 12px; font-weight: 600; margin: 0px; padding: 2px 10px;&amp;quot;&amp;gt;Architect + Reviewer&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Onboarding ทีมใหม่&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;ต้องรู้ codebase ลึก&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 13px 16px; vertical-align: top;&amp;quot;&amp;gt;อ่าน config array เข้าใจทันที&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;💡 เทคนิค Prompt สำหรับ PHP Dev ที่ได้ผลจริง&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;การ Vibe Coding จะได้ผลดีแค่ไหน ขึ้นอยู่กับคุณภาพของ prompt เป็นหลัก นี่คือ pattern ที่ใช้ได้ดีกับงาน PHP:&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;code-header&amp;quot; style=&amp;quot;align-items: center; background: rgb(24, 24, 37); border-bottom: 1px solid rgb(49, 50, 68); box-sizing: border-box; display: flex; gap: 8px; margin: 0px; padding: 10px 16px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;dot dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 86); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-y&amp;quot; style=&amp;quot;background: rgb(255, 189, 46); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;dot dot-g&amp;quot; style=&amp;quot;background: rgb(39, 201, 63); border-radius: 50%; box-sizing: border-box; height: 12px; margin: 0px; padding: 0px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;span class=&amp;quot;code-lang&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 12px; margin: 0px 0px 0px auto; padding: 0px;&amp;quot;&amp;gt;Prompt Template · สำหรับ AI&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; box-sizing: border-box; color: #cdd6f4; font-family: &amp;amp;quot;Fira Code&amp;amp;quot;, monospace; font-size: 13.5px; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 20px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ❌ Prompt แย่ — ไม่ชัดเจน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;สร้าง CRUD สินค้าให้หน่อย&amp;quot;&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6c7086; font-style: italic; margin: 0px; padding: 0px;&amp;quot;&amp;gt;// ✅ Prompt ดี — ระบุ context + constraint + format&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;box-sizing: border-box; color: #89dceb; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;สร้าง Laravel Controller สำหรับ module จัดการสินค้า
โดยมี fields: name (string), price (decimal), stock (int), category_id (FK)
- ใช้ Form Request validation
- ใช้ Repository Pattern
- return JSON response สำหรับ API
- ใส่ PHPDoc ทุก method
- Laravel 11, PHP 8.2&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;callout&amp;quot; style=&amp;quot;background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255); border-color: rgb(208, 215, 222) rgb(208, 215, 222) rgb(208, 215, 222) rgb(9, 105, 218); border-image: none 100% / 1 / 0 stretch; border-radius: 0px 8px 8px 0px; border-style: solid; border-width: 1px 1px 1px 4px; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 24px 0px; padding: 18px 22px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;callout-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #0969da; font-size: 13px; font-weight: 700; letter-spacing: 0.8px; margin: 0px 0px 8px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;🔑 หลัก 3 ข้อของ Prompt ที่ดี&amp;lt;/div&amp;gt;&amp;lt;p style=&amp;quot;box-sizing: border-box; font-size: 15.5px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Context&amp;lt;/strong&amp;gt; — บอก framework, version, และ architecture pattern ที่ใช้ &amp;amp;nbsp;|&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Constraint&amp;lt;/strong&amp;gt; — ระบุข้อจำกัด เช่น &amp;quot;ห้าม raw query&amp;quot;, &amp;quot;ต้องมี type hint&amp;quot; &amp;amp;nbsp;|&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Output Format&amp;lt;/strong&amp;gt; — บอกว่าต้องการ array, class, หรือ blade component&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;background-color: #f6f8fa; border-color: rgb(208, 215, 222) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; box-sizing: border-box; font-family: Sarabun, sans-serif; font-size: 17px; margin: 40px 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;background-color: #f6f8fa; border-left: 3px solid rgb(9, 105, 218); box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 22px; line-height: 1.4; margin: 48px 0px 16px; padding: 0px 0px 0px 14px;&amp;quot;&amp;gt;🏁 สรุป: Developer ยุคใหม่คือ Architect ไม่ใช่ Typist&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;Vibe Coding ไม่ได้แปลว่า &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;quot;ให้ AI เขียนโค้ดทั้งหมดแล้วไม่ต้องคิดอะไร&amp;quot;&amp;lt;/em&amp;gt; — มันหมายความว่าเราเปลี่ยน role ตัวเองจาก &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;คนพิมพ์โค้ด&amp;lt;/strong&amp;gt; ไปเป็น &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;คนออกแบบระบบ&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;สำหรับ PHP developer ที่ทำงานกับ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; หรือ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Laravel&amp;lt;/strong&amp;gt; การนำ Vibe Coding มาใช้หมายถึง:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; line-height: 2.2; margin: 0px 0px 16px; padding: 0px 0px 0px 24px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ลงทุนเวลาสร้าง &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;reusable components / config-driven modules&amp;lt;/strong&amp;gt; ให้ครบก่อน&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ AI generate &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;structure code&amp;lt;/strong&amp;gt; (config arrays, migrations, form requests) ที่ซ้ำซาก&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โฟกัสเวลาของคุณไปกับ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;business logic, security review, และ architecture decisions&amp;lt;/strong&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ทดสอบและ review ผลลัพธ์จาก AI เสมอ — อย่าเชื่อ 100% โดยไม่ตรวจ&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;p style=&amp;quot;background-color: #f6f8fa; box-sizing: border-box; color: #1f2328; font-family: Sarabun, sans-serif; font-size: 17px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;ผลลัพธ์ที่ได้คือ — &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ระบบที่ deliver เร็วขึ้น, code ที่ maintainable มากขึ้น, และ developer ที่มีเวลาคิด creative solution&amp;lt;/strong&amp;gt; แทนที่จะนั่ง copy-paste boilerplate ซ้ำๆ ทุกวัน&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/8384518333018085474/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/crud-vibe-coding-php-dev.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8384518333018085474'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8384518333018085474'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/crud-vibe-coding-php-dev.html' title='หยุดเขียน CRUD ซ้ำๆ: Vibe Coding เปลี่ยน PHP Dev ยังไง'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiKEfE84DfG-Un_99gN_0pPDYubqm-MevBNZC9e9ARSePVjmljwDmgOXlsSRT2jgVnMZZI-Ew_fzYnD8F2Rl8PivFjVV1g0xVVOQkxHRLZilsutAyZYYlHzNQlpUPEyMt4mCS48I5V9z3d6Pr8pOxE6XOGDvvek1g6l_UgEQTyn9h962ON7i0tEfk81voc=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-5470870222155918070&lt;/id&gt;&lt;published&gt;2026-06-09T16:30:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-09T16:30:00.112+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;CodeIgniter&quot;/&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Laravel&quot;/&gt;&lt;title type='text'&gt;Laravel vs CodeIgniter เลือกอันไหนดี?&lt;/title&gt;&lt;content type='html'&gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEh8WVm6OtUYzRKOw2HozeIT2jfLKwvggES6s6vEXsJCL97o5hHb_flTS1Jj3dT5O985q0EtNkpuo0OnBSA31CJRfXH18vRQDHB8ok4W7XzntvXWhfvr8S7lA1ZQ2wr18A-M9tOGKfwOs5GhX9JtK9SLWRPQXeAHEaEVyhACBpUZMFXyozG_2QxVMyKCOsQ&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEh8WVm6OtUYzRKOw2HozeIT2jfLKwvggES6s6vEXsJCL97o5hHb_flTS1Jj3dT5O985q0EtNkpuo0OnBSA31CJRfXH18vRQDHB8ok4W7XzntvXWhfvr8S7lA1ZQ2wr18A-M9tOGKfwOs5GhX9JtK9SLWRPQXeAHEaEVyhACBpUZMFXyozG_2QxVMyKCOsQ&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
 

&amp;lt;div class=&amp;quot;pma-hero&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(240, 244, 255) 0%, rgb(250, 245, 255) 60%, rgb(240, 253, 244) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 12px; border: 1px solid rgb(209, 213, 219); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; margin: 2rem 0px; overflow: hidden; padding: 2.5rem 2rem; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-hero-badge&amp;quot; style=&amp;quot;background: rgba(124, 58, 237, 0.1); border-radius: 999px; border: 1px solid rgba(124, 58, 237, 0.35); color: #6d28d9; display: inline-block; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; margin-bottom: 1rem; padding: 0.3rem 0.9rem; text-transform: uppercase;&amp;quot;&amp;gt;PHP Framework Showdown 2025&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;color: #111827; font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.3; margin: 0px 0px 0.8rem;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #7c3aed;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt; vs &amp;lt;span class=&amp;quot;ci&amp;quot; style=&amp;quot;color: #059669;&amp;quot;&amp;gt;CodeIgniter&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;เลือกอันไหนดี?&amp;lt;/h1&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-size: 1rem; margin: 0px 0px 1rem;&amp;quot;&amp;gt;คู่มือฉบับสมบูรณ์สำหรับนักพัฒนาไทยที่อยากสร้าง Web App ด้วย PHP&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;pma-tag&amp;quot; style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; border: 1px solid rgb(221, 214, 254); color: #6d28d9; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-bottom: 0.35rem; margin-right: 0.35rem; padding: 0.2rem 0.65rem;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pma-tag&amp;quot; style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; border: 1px solid rgb(221, 214, 254); color: #6d28d9; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-bottom: 0.35rem; margin-right: 0.35rem; padding: 0.2rem 0.65rem;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pma-tag&amp;quot; style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; border: 1px solid rgb(221, 214, 254); color: #6d28d9; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-bottom: 0.35rem; margin-right: 0.35rem; padding: 0.2rem 0.65rem;&amp;quot;&amp;gt;PHP&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pma-tag&amp;quot; style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; border: 1px solid rgb(221, 214, 254); color: #6d28d9; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-bottom: 0.35rem; margin-right: 0.35rem; padding: 0.2rem 0.65rem;&amp;quot;&amp;gt;MVC&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;pma-tag&amp;quot; style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; border: 1px solid rgb(221, 214, 254); color: #6d28d9; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-bottom: 0.35rem; margin-right: 0.35rem; padding: 0.2rem 0.65rem;&amp;quot;&amp;gt;Backend&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;บทนำ: ทำไมต้องเลือกให้ถูกตัว&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span face=&amp;quot;Sarabun, sans-serif&amp;quot; style=&amp;quot;color: #374151; font-size: 16.8px; font-weight: 400; text-align: start;&amp;quot;&amp;gt;สำหรับนักพัฒนา PHP ที่กำลังเริ่มต้นสร้าง Web Application คำถามที่หลีกเลี่ยงไม่ได้คือ&amp;lt;/span&amp;gt;&amp;lt;span face=&amp;quot;Sarabun, sans-serif&amp;quot; style=&amp;quot;color: #374151; font-size: 16.8px; font-weight: 400; text-align: start;&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;&amp;lt;strong style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; text-align: start;&amp;quot;&amp;gt;&amp;quot;ควรเริ่มด้วย Laravel หรือ CodeIgniter?&amp;quot;&amp;lt;/strong&amp;gt;&amp;lt;span face=&amp;quot;Sarabun, sans-serif&amp;quot; style=&amp;quot;color: #374151; font-size: 16.8px; font-weight: 400; text-align: start;&amp;quot;&amp;gt; &amp;lt;/span&amp;gt;&amp;lt;span face=&amp;quot;Sarabun, sans-serif&amp;quot; style=&amp;quot;color: #374151; font-size: 16.8px; font-weight: 400; text-align: start;&amp;quot;&amp;gt;ทั้งสองเฟรมเวิร์กต่างมีชุมชนขนาดใหญ่ ใช้งาน production จริงมาหลายปี และรองรับ pattern MVC เหมือนกัน แต่แนวคิด ความซับซ้อน และกลุ่มเป้าหมายของโปรเจกต์กลับแตกต่างกันอย่างมีนัยสำคัญ&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;บทความนี้จะพาคุณเปรียบเทียบทั้งคู่แบบตรงไปตรงมา พร้อม code ตัวอย่างจริง ตารางเปรียบเทียบ และข้อสรุปว่าโปรเจกต์แบบไหนเหมาะกับเฟรมเวิร์กไหน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;pma-callout&amp;quot; style=&amp;quot;background: rgb(245, 243, 255); border-color: rgb(221, 214, 254) rgb(221, 214, 254) rgb(221, 214, 254) rgb(124, 58, 237); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; color: #374151; font-family: Sarabun, sans-serif; font-size: 0.97rem; font-weight: 400; margin: 1.5rem 0px; padding: 1rem 1.25rem; text-align: start;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #6d28d9;&amp;quot;&amp;gt;เป้าหมายบทความ:&amp;lt;/strong&amp;gt; ผู้อ่านที่ยังไม่เคยใช้เฟรมเวิร์ก PHP มาก่อน หรือเคยใช้ CodeIgniter 3 แล้วอยากรู้ว่าควร migrate ไป CI4 หรือโดดไป Laravel เลย&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;ทำความรู้จัก: Laravel และ CodeIgniter คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;🔴 Laravel&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;Laravel สร้างโดย &amp;lt;strong&amp;gt;Taylor Otwell&amp;lt;/strong&amp;gt; ปี 2011 โดยใช้ Symfony components เป็นรากฐาน ออกแบบมาสำหรับแอปพลิเคชันขนาดกลาง-ใหญ่ ที่ต้องการ feature ครบครัน เช่น ORM (Eloquent), Queue, Event, Broadcast, Authentication สำเร็จรูป, และ Blade templating engine ที่ทรงพลัง&amp;lt;/p&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;🟢 CodeIgniter 4&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;CodeIgniter พัฒนาโดย EllisLab ตั้งแต่ปี 2006 และปัจจุบันดูแลโดย &amp;lt;strong&amp;gt;BCITstc&amp;lt;/strong&amp;gt; เวอร์ชัน 4 ที่ rewrite ใหม่ทั้งหมด เน้นความเบา เรียนรู้ง่าย bootstrap เร็ว และเหมาะกับโปรเจกต์ขนาดเล็ก-กลาง ที่ต้องการ overhead น้อย&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;pma-hr&amp;quot; style=&amp;quot;border-color: rgb(229, 231, 235) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 2rem 0px; text-align: start;&amp;quot; /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;ตารางเปรียบเทียบ: Laravel vs CodeIgniter 4&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-table-wrap&amp;quot; style=&amp;quot;color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow-x: auto; text-align: start;&amp;quot;&amp;gt;&amp;lt;table class=&amp;quot;pma-table&amp;quot; style=&amp;quot;border-collapse: collapse; font-size: 0.93rem; width: 860px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(243, 240, 255); border-bottom: 2px solid rgb(221, 214, 254); color: #6d28d9; padding: 0.75rem 1rem; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;หัวข้อ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(243, 240, 255); border-bottom: 2px solid rgb(221, 214, 254); color: #6d28d9; padding: 0.75rem 1rem; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;Laravel&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(243, 240, 255); border-bottom: 2px solid rgb(221, 214, 254); color: #6d28d9; padding: 0.75rem 1rem; text-align: left; white-space: nowrap;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ความยาก (Learning Curve)&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-warn&amp;quot; style=&amp;quot;background: rgb(254, 249, 195); border-radius: 4px; border: 1px solid rgb(253, 230, 138); color: #854d0e; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;ปานกลาง–สูง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;ต่ำ–ปานกลาง&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Performance&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;ดี (พร้อม caching)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;เร็วกว่า (lightweight)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ORM&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;Eloquent (ทรงพลัง)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Query Builder / Model เบา&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Templating Engine&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;Blade (มี directive เยอะ)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;PHP native / Parser class&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;CLI Tool&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;Artisan (ครบมาก)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Spark (พื้นฐาน)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Built-in Auth&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;Laravel Breeze / Jetstream&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Shield (add-on)&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Community &amp;amp;amp; Package&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;ใหญ่มาก (Packagist)&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;เล็กกว่า แต่เพียงพอ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Hosting requirement&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;PHP 8.1+, Composer&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;PHP 7.4+, เกือบทุก host&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;เหมาะกับโปรเจกต์&amp;lt;/strong&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;กลาง–ใหญ่, SaaS, API&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(243, 244, 246); color: #374151; padding: 0.65rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge-good&amp;quot; style=&amp;quot;background: rgb(220, 252, 231); border-radius: 4px; border: 1px solid rgb(187, 247, 208); color: #166534; font-size: 0.8rem; font-weight: 600; padding: 0.15rem 0.5rem;&amp;quot;&amp;gt;เล็ก–กลาง, ราชการ, Intranet&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;pma-hr&amp;quot; style=&amp;quot;border-color: rgb(229, 231, 235) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 2rem 0px; text-align: start;&amp;quot; /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;เปรียบเทียบ Code จริง: Routing&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;เริ่มจากสิ่งพื้นฐานที่สุด — การกำหนด Route&amp;lt;/p&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;Laravel — &amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;routes/web.php&amp;lt;/code&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;routes/web.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ── Laravel: Route พื้นฐาน ──────────────────────────&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;index&amp;#39;&amp;lt;/span&amp;gt;]);
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;store&amp;#39;&amp;lt;/span&amp;gt;]);
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;put&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products/{id}&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;update&amp;#39;&amp;lt;/span&amp;gt;]);
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;delete&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products/{id}&amp;#39;&amp;lt;/span&amp;gt;, [&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;destroy&amp;#39;&amp;lt;/span&amp;gt;]);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// หรือใช้ Resource route แทนทั้ง 4 บรรทัดข้างบน&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Route&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;resource&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;products&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductController&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;CodeIgniter 4 — &amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;app/Config/Routes.php&amp;lt;/code&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;app/Config/Routes.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ── CodeIgniter 4: Route พื้นฐาน ─────────────────────&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;ProductController::index&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;ProductController::store&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;put&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products/(:num)&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;ProductController::update/$1&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;delete&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;/products/(:num)&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;ProductController::destroy/$1&amp;#39;&amp;lt;/span&amp;gt;);

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// หรือใช้ presenter (resource-style)&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;resource&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;products&amp;#39;&amp;lt;/span&amp;gt;);&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pma-callout&amp;quot; style=&amp;quot;background: rgb(245, 243, 255); border-color: rgb(221, 214, 254) rgb(221, 214, 254) rgb(221, 214, 254) rgb(124, 58, 237); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; color: #374151; font-family: Sarabun, sans-serif; font-size: 0.97rem; font-weight: 400; margin: 1.5rem 0px; padding: 1rem 1.25rem; text-align: start;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #6d28d9;&amp;quot;&amp;gt;💡 สังเกต:&amp;lt;/strong&amp;gt; Syntax ของทั้งคู่คล้ายกันมาก ต่างกันแค่ Laravel ใช้ Facade (&amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;Route::&amp;lt;/code&amp;gt;) ส่วน CI4 ใช้ object (&amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;$routes-&amp;amp;gt;&amp;lt;/code&amp;gt;) และ parameter capture ใช้ &amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;{id}&amp;lt;/code&amp;gt; vs &amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;(:num)&amp;lt;/code&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;เปรียบเทียบ Code จริง: Database / ORM&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;Laravel — Eloquent ORM&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;app/Models/Product.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;App\Models&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Illuminate\Database\Eloquent\Model&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Product&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Model&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$fillable&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;stock&amp;#39;&amp;lt;/span&amp;gt;];

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// Relationship: สินค้า belongs to หมวดหมู่&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;category&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;belongsTo&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Category&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;);
    }
}

&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ── การใช้งานใน Controller ───────────────────────────&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Product&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;with&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;category&amp;#39;&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;&amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;100&amp;lt;/span&amp;gt;)-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;();&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;CodeIgniter 4 — Model + Query Builder&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;app/Models/ProductModel.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;namespace&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;App\Models&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;CodeIgniter\Model&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;ProductModel&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;extends&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;cls&amp;quot; style=&amp;quot;color: #fab387;&amp;quot;&amp;gt;Model&amp;lt;/span&amp;gt;
{
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$table&amp;lt;/span&amp;gt;      = &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;products&amp;#39;&amp;lt;/span&amp;gt;;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;protected&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$allowedFields&amp;lt;/span&amp;gt; = [&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;stock&amp;#39;&amp;lt;/span&amp;gt;];

    &amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;// ดึงสินค้าที่ราคา &amp;amp;gt; 100 พร้อม join หมวดหมู่&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;getWithCategory&amp;lt;/span&amp;gt;()
    {
        &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;select&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;products.*, categories.name AS cat_name&amp;#39;&amp;lt;/span&amp;gt;)
                    -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;join&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;categories&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;categories.id = products.category_id&amp;#39;&amp;lt;/span&amp;gt;)
                    -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;where&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;products.price &amp;amp;gt;&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;100&amp;lt;/span&amp;gt;)
                    -&amp;amp;gt;&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;findAll&amp;lt;/span&amp;gt;();
    }
}&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pma-callout&amp;quot; style=&amp;quot;background: rgb(245, 243, 255); border-color: rgb(221, 214, 254) rgb(221, 214, 254) rgb(221, 214, 254) rgb(124, 58, 237); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; color: #374151; font-family: Sarabun, sans-serif; font-size: 0.97rem; font-weight: 400; margin: 1.5rem 0px; padding: 1rem 1.25rem; text-align: start;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #6d28d9;&amp;quot;&amp;gt;💡 ความต่าง:&amp;lt;/strong&amp;gt; Eloquent ของ Laravel ใช้ Relationship (&amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;belongsTo&amp;lt;/code&amp;gt;, &amp;lt;code style=&amp;quot;background: rgb(243, 240, 255); border-radius: 4px; color: #5b21b6; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.85em; padding: 0.1rem 0.35rem;&amp;quot;&amp;gt;hasMany&amp;lt;/code&amp;gt;) แบบ OOP เต็มรูปแบบ ทำให้ query ซับซ้อนเขียนได้หรูหรากว่า แต่ CI4 ใช้ Query Builder ที่ใกล้เคียง SQL ดั้งเดิม เหมาะกับคนที่ถนัด SQL&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;เปรียบเทียบ Template Engine&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;Laravel — Blade Template&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;resources/views/products/index.blade.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;{{-- Blade directive สะอาดกว่า PHP native มาก --}}&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@extends&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;layouts.app&amp;#39;&amp;lt;/span&amp;gt;)

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@section&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;content&amp;#39;&amp;lt;/span&amp;gt;)
    &amp;amp;lt;h1&amp;amp;gt;รายการสินค้า&amp;amp;lt;/h1&amp;amp;gt;

    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@forelse&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;)
        &amp;amp;lt;p&amp;amp;gt;{{ &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;-&amp;amp;gt;name }} — {{ &amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;number_format&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;-&amp;amp;gt;price) }} บาท&amp;amp;lt;/p&amp;amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@empty&amp;lt;/span&amp;gt;
        &amp;amp;lt;p&amp;amp;gt;ไม่มีสินค้า&amp;amp;lt;/p&amp;amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@endforelse&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;@endsection&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 1.15rem; margin: 1.8rem 0px 0.6rem;&amp;quot;&amp;gt;CodeIgniter 4 — PHP Native View&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-wrap&amp;quot; style=&amp;quot;background: rgb(30, 30, 46); border-radius: 10px; border: 1px solid rgb(49, 50, 68); color: #1f2328; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 1.5rem 0px; overflow: hidden; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-code-bar&amp;quot; style=&amp;quot;align-items: center; background: rgb(40, 40, 56); display: flex; gap: 0.5rem; padding: 0.55rem 1rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;dot-r&amp;quot; style=&amp;quot;background: rgb(255, 95, 87); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-y&amp;quot; style=&amp;quot;background: rgb(254, 188, 46); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;dot-g&amp;quot; style=&amp;quot;background: rgb(40, 200, 64); border-radius: 50%; display: inline-block; height: 12px; width: 12px;&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;pma-filename&amp;quot; style=&amp;quot;background: none; border-radius: 0px; color: #6c7086; display: inline-block; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.78rem; height: auto; margin-left: auto; width: auto;&amp;quot;&amp;gt;app/Views/products/index.php&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;pre style=&amp;quot;color: #cdd6f4; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, monospace; font-size: 0.88rem; line-height: 1.7; margin: 0px; overflow-x: auto; padding: 1.2rem 1.4rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;cm&amp;quot; style=&amp;quot;color: #6c7086; font-style: italic;&amp;quot;&amp;gt;&amp;amp;lt;?php /* CI4 ใช้ PHP ตรงๆ หรือ Parser class ก็ได้ */ ?&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;amp;lt;h1&amp;amp;gt;รายการสินค้า&amp;amp;lt;/h1&amp;amp;gt;

&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php if&amp;lt;/span&amp;gt; (!&amp;lt;span class=&amp;quot;fn&amp;quot; style=&amp;quot;color: #cba6f7;&amp;quot;&amp;gt;empty&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt;)) : &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php foreach&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$products&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;as&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;) : &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/span&amp;gt;
        &amp;amp;lt;p&amp;amp;gt;&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?= esc&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;name&amp;#39;&amp;lt;/span&amp;gt;]) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/span&amp;gt;
           — &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?= number_format&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #89dceb;&amp;quot;&amp;gt;$product&amp;lt;/span&amp;gt;[&amp;lt;span class=&amp;quot;str&amp;quot; style=&amp;quot;color: #a6e3a1;&amp;quot;&amp;gt;&amp;#39;price&amp;#39;&amp;lt;/span&amp;gt;]) &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;?&amp;amp;gt;&amp;lt;/span&amp;gt; บาท&amp;amp;lt;/p&amp;amp;gt;
    &amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php endforeach; ?&amp;amp;gt;&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php else : ?&amp;amp;gt;&amp;lt;/span&amp;gt;
    &amp;amp;lt;p&amp;amp;gt;ไม่มีสินค้า&amp;amp;lt;/p&amp;amp;gt;
&amp;lt;span class=&amp;quot;kw&amp;quot; style=&amp;quot;color: #f38ba8;&amp;quot;&amp;gt;&amp;amp;lt;?php endif; ?&amp;amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;pma-hr&amp;quot; style=&amp;quot;border-color: rgb(229, 231, 235) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 2rem 0px; text-align: start;&amp;quot; /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;เลือกอันไหน? — คำตอบตรงๆ&amp;lt;/h2&amp;gt;&amp;lt;h4 style=&amp;quot;color: #a21caf; font-size: 1rem; margin: 0px 0px 0.5rem;&amp;quot;&amp;gt;🔴 เลือก Laravel เมื่อ…&amp;lt;/h4&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-verdict&amp;quot; style=&amp;quot;color: #1f2328; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; gap: 1rem; margin: 1.5rem 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-verdict-card vc-laravel&amp;quot; style=&amp;quot;background: rgb(249, 250, 251); border-color: rgb(232, 121, 249) rgb(229, 231, 235) rgb(229, 231, 235); border-image: initial; border-radius: 10px; border-style: solid; border-width: 3px 1px 1px; flex: 1 1 0%; min-width: 200px; padding: 1.1rem 1.25rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #6b7280; font-size: 0.9rem; margin: 0px;&amp;quot;&amp;gt;— สร้าง SaaS หรือ Multi-tenant app&amp;lt;br /&amp;gt;— ต้องการ API backend สำหรับ React/Vue/Next.js&amp;lt;br /&amp;gt;— โปรเจกต์มี team และต้องการ structure ชัดเจน&amp;lt;br /&amp;gt;— ต้องการ Queue, Job, Event, Notification สำเร็จรูป&amp;lt;br /&amp;gt;— ระยะยาว และต้องการ ecosystem ที่ใหญ่&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h4 style=&amp;quot;color: #065f46; font-size: 1rem; margin: 0px 0px 0.5rem;&amp;quot;&amp;gt;🟢 เลือก CodeIgniter 4 เมื่อ…&amp;lt;/h4&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-verdict&amp;quot; style=&amp;quot;color: #1f2328; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; gap: 1rem; margin: 1.5rem 0px; text-align: start;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;pma-verdict-card vc-ci&amp;quot; style=&amp;quot;background: rgb(249, 250, 251); border-color: rgb(52, 211, 153) rgb(229, 231, 235) rgb(229, 231, 235); border-image: initial; border-radius: 10px; border-style: solid; border-width: 3px 1px 1px; flex: 1 1 0%; min-width: 200px; padding: 1.1rem 1.25rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #6b7280; font-size: 0.9rem; margin: 0px;&amp;quot;&amp;gt;— โปรเจกต์ราชการ/องค์กร ที่ shared hosting จำกัด&amp;lt;br /&amp;gt;— ต้องการ bootstrap เร็ว ทีมขนาดเล็ก&amp;lt;br /&amp;gt;— Migrate มาจาก CI3 หรือ CI2&amp;lt;br /&amp;gt;— ระบบ Intranet, POS, หรือ Back-office เรียบง่าย&amp;lt;br /&amp;gt;— Server spec ต่ำ ต้องการ footprint น้อย&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pma-callout&amp;quot; style=&amp;quot;background: rgb(245, 243, 255); border-color: rgb(221, 214, 254) rgb(221, 214, 254) rgb(221, 214, 254) rgb(124, 58, 237); border-image: initial; border-radius: 8px; border-style: solid; border-width: 1px 1px 1px 4px; color: #374151; font-family: Sarabun, sans-serif; font-size: 0.97rem; font-weight: 400; margin: 1.5rem 0px; padding: 1rem 1.25rem; text-align: start;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #6d28d9;&amp;quot;&amp;gt;⚠️ ข้อควรระวัง:&amp;lt;/strong&amp;gt; อย่าเลือกตาม &amp;quot;กระแส&amp;quot; — Laravel ได้รับความนิยมสูงกว่า แต่ CodeIgniter ยังมี active community และตอบโจทย์งานจริงในไทยได้ดีมาก โดยเฉพาะระบบราชการและ Intranet ที่ hosting มีข้อจำกัด&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;pma-hr&amp;quot; style=&amp;quot;border-color: rgb(229, 231, 235) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 2rem 0px; text-align: start;&amp;quot; /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(124, 58, 237); color: #111827; font-family: Sarabun, sans-serif; font-size: 1.45rem; margin: 2.5rem 0px 1rem; padding-left: 0.8rem;&amp;quot;&amp;gt;บทสรุป&amp;lt;/h2&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;ทั้ง Laravel และ CodeIgniter 4 ต่างเป็นเฟรมเวิร์กที่ดี ใช้งานได้จริง และมี community รองรับ ความต่างอยู่ที่ &amp;lt;strong&amp;gt;โฟกัส&amp;lt;/strong&amp;gt; — Laravel โฟกัสที่ &amp;lt;em&amp;gt;ความสามารถและ ecosystem&amp;lt;/em&amp;gt; ที่ครบครัน ส่วน CodeIgniter 4 โฟกัสที่ &amp;lt;em&amp;gt;ความเบาและเรียนรู้ง่าย&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;หากคุณเพิ่งเริ่มต้น PHP และมีเวลาเรียนรู้ — &amp;lt;strong style=&amp;quot;color: #a21caf;&amp;quot;&amp;gt;Laravel&amp;lt;/strong&amp;gt; คือการลงทุนที่คุ้มในระยะยาว เพราะ job market ต้องการสูงกว่า แต่ถ้าคุณต้องการ deliver งานเร็ว งบน้อย หรือดูแลระบบองค์กรอยู่แล้ว — &amp;lt;strong style=&amp;quot;color: #065f46;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/strong&amp;gt; เป็นตัวเลือกที่ตรงจุดและเชื่อถือได้&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #374151; font-family: Sarabun, sans-serif; font-size: 16.8px; font-weight: 400; margin: 0px 0px 1rem; text-align: start;&amp;quot;&amp;gt;ในที่สุด เฟรมเวิร์กที่ดีที่สุดคือเฟรมเวิร์กที่ &amp;lt;strong style=&amp;quot;color: #6d28d9;&amp;quot;&amp;gt;ทีมของคุณใช้ได้ดีที่สุด&amp;lt;/strong&amp;gt; ไม่ใช่ที่มี star บน GitHub มากที่สุด&amp;lt;/p&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/5470870222155918070/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-vs-codeigniter.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/5470870222155918070'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/5470870222155918070'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/laravel-vs-codeigniter.html' title='Laravel vs CodeIgniter เลือกอันไหนดี?'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEh8WVm6OtUYzRKOw2HozeIT2jfLKwvggES6s6vEXsJCL97o5hHb_flTS1Jj3dT5O985q0EtNkpuo0OnBSA31CJRfXH18vRQDHB8ok4W7XzntvXWhfvr8S7lA1ZQ2wr18A-M9tOGKfwOs5GhX9JtK9SLWRPQXeAHEaEVyhACBpUZMFXyozG_2QxVMyKCOsQ=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-4633920941976974567&lt;/id&gt;&lt;published&gt;2026-06-09T11:30:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-09T11:30:00.114+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Claude Code&quot;/&gt;&lt;title type='text'&gt;คู่มือการใช้งาน Claude Code ให้ได้ผลจริง&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjR_AovDdV-9bqLNFN_oC3TWG-kEKbx9Lcom2WPURNp6gil_WKuXxywkbkyaCBrn2AZyLJjqpW1TSv0e9PI8LTc-Wb78Gks2NWyZDyAxVC_E9Wu18pcePjTmag1UQ1ibZIA1qnYfea_gFmHhIgy23lIBIm-f3aeuuQ_DUbVd4UN0JRU08yqTwjIBIz58j4&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1536&amp;quot; data-original-width=&amp;quot;2752&amp;quot; height=&amp;quot;356&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEjR_AovDdV-9bqLNFN_oC3TWG-kEKbx9Lcom2WPURNp6gil_WKuXxywkbkyaCBrn2AZyLJjqpW1TSv0e9PI8LTc-Wb78Gks2NWyZDyAxVC_E9Wu18pcePjTmag1UQ1ibZIA1qnYfea_gFmHhIgy23lIBIm-f3aeuuQ_DUbVd4UN0JRU08yqTwjIBIz58j4=w640-h356&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;topband&amp;quot; style=&amp;quot;align-items: end; background: rgb(26, 39, 68); box-sizing: border-box; color: #1a1612; display: grid; font-family: Sarabun, sans-serif; gap: 24px; grid-template-columns: 1fr auto; margin: 0px; padding: 40px 48px 36px;&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;topband-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: rgba(255, 255, 255, 0.45); font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 13px; letter-spacing: 2px; margin: 0px 0px 10px; padding: 0px; text-transform: uppercase;&amp;quot;&amp;gt;คู่มือการใช้งาน · Claude Code&amp;lt;/div&amp;gt;&amp;lt;h1 style=&amp;quot;box-sizing: border-box; color: white; font-size: clamp(26px, 4vw, 40px); line-height: 1.2; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ใช้ Claude Code&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;ให้ได้ผลจริง&amp;lt;/h1&amp;gt;&amp;lt;p class=&amp;quot;topband-desc&amp;quot; style=&amp;quot;box-sizing: border-box; color: rgba(255, 255, 255, 0.55); font-size: 14px; line-height: 1.8; margin: 10px 0px 0px; max-width: 440px; padding: 0px;&amp;quot;&amp;gt;Claude Code คือ AI ที่ทำงานใน Terminal ได้โดยตรง — อ่านไฟล์ แก้โค้ด รันคำสั่ง ได้เลย โดยไม่ต้องก๊อปวางเอง คู่มือนี้รวมทุกอย่างที่ต้องรู้ไว้ในหน้าเดียว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;topband-stats&amp;quot; style=&amp;quot;align-items: flex-end; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;stat&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px; text-align: right;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;stat-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7eb8e8; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 28px; font-weight: 600; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;8&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;stat-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: rgba(255, 255, 255, 0.35); font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เทคนิคหลัก&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;stat&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px; text-align: right;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;stat-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7eb8e8; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 28px; font-weight: 600; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;stat-label&amp;quot; style=&amp;quot;box-sizing: border-box; color: rgba(255, 255, 255, 0.35); font-size: 11px; letter-spacing: 1px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;กฎสำคัญ&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;what&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-bottom: 1px solid rgb(224, 219, 208); box-sizing: border-box; color: #1a1612; display: grid; font-family: Sarabun, sans-serif; gap: 20px; grid-template-columns: auto 1fr; margin: 0px; padding: 28px 48px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;what-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 36px; line-height: 1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;💻&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;what-text&amp;quot; style=&amp;quot;box-sizing: border-box; color: #3a3530; font-size: 15px; line-height: 1.85; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #1a2744; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Claude Code ≠ Chatbot ในเว็บ&amp;lt;/strong&amp;gt; — มันทำงานอยู่ในคอมของคุณโดยตรงผ่าน Terminal สั่งให้อ่านไฟล์ได้ แก้โค้ดได้ รันคำสั่งได้ ผลที่ได้คือ &amp;quot;ของจริงในโปรเจกต์&amp;quot; ไม่ใช่แค่ข้อความ ติดตั้งผ่าน &amp;lt;strong style=&amp;quot;box-sizing: border-box; color: #1a2744; margin: 0px; padding: 0px;&amp;quot;&amp;gt;VS Code Extension&amp;lt;/strong&amp;gt; → ล็อกอิน → ใช้ได้เลย&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a1612; display: grid; font-family: Sarabun, sans-serif; gap: 32px 40px; grid-template-columns: 1fr 1fr; margin: 0px; padding: 40px 48px;&amp;quot;&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;01&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ก่อนเริ่มโปรเจกต์ใหม่&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;↓&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;รัน /init ก่อนเสมอ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Claude จะสแกนโปรเจกต์และสร้างไฟล์ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CLAUDE.md&amp;lt;/strong&amp;gt; — เป็นเหมือน &amp;quot;โน้ตย่อของโปรเจกต์&amp;quot; ที่ Claude อ่านทุกครั้งที่เปิด Session ไม่ต้องอธิบายซ้ำ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;cmd&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: #7eb8e8; display: inline-block; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 11px; margin: 5px 0px 0px; padding: 1px 8px;&amp;quot;&amp;gt;/init&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;📝&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;เขียน CLAUDE.md ให้กระชับ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;บอกแค่ที่จำเป็น — โปรเจกต์ทำอะไร, ไฟล์อยู่ที่ไหน, ข้อกำหนดพิเศษ ไม่เกิน 100–200 บรรทัด ยิ่งยาวยิ่งช้า&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;02&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เลือก Model ให้ตรงงาน&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-rows&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;model-row&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(224, 219, 208); box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 80px 1fr 80px; margin: 0px; padding: 12px 14px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;model-name&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Opus&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-use&amp;quot; style=&amp;quot;box-sizing: border-box; color: #3a3530; font-size: 12.5px; line-height: 1.6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;งานคิดซับซ้อน วิเคราะห์ลึก โปรเจกต์ใหญ่&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pill pill-h&amp;quot; style=&amp;quot;background: rgb(253, 236, 234); border-radius: 20px; box-sizing: border-box; color: #c0392b; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 8px; text-align: center;&amp;quot;&amp;gt;ราคาสูง&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-row&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(224, 219, 208); box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 80px 1fr 80px; margin: 0px; padding: 12px 14px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;model-name&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Sonnet&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-use&amp;quot; style=&amp;quot;box-sizing: border-box; color: #3a3530; font-size: 12.5px; line-height: 1.6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;งานทั่วไปทุกวัน — &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;แนะนำใช้เป็นหลัก&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pill pill-m&amp;quot; style=&amp;quot;background: rgb(234, 242, 251); border-radius: 20px; box-sizing: border-box; color: #1a5e94; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 8px; text-align: center;&amp;quot;&amp;gt;คุ้มค่า&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-row&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(224, 219, 208); box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 80px 1fr 80px; margin: 0px; padding: 12px 14px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;model-name&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 12px; font-weight: 600; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Haiku&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;model-use&amp;quot; style=&amp;quot;box-sizing: border-box; color: #3a3530; font-size: 12.5px; line-height: 1.6; margin: 0px; padding: 0px;&amp;quot;&amp;gt;งานเบา คำถามสั้น หรืองาน batch ปริมาณมาก&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;pill pill-l&amp;quot; style=&amp;quot;background: rgb(234, 250, 246); border-radius: 20px; box-sizing: border-box; color: #1a7a5c; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.5px; margin: 0px; padding: 3px 8px; text-align: center;&amp;quot;&amp;gt;ถูกสุด&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;divider&amp;quot; style=&amp;quot;background: rgb(232, 224, 208); box-sizing: border-box; grid-column: 1 / -1; height: 1px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;03&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เปิด Plan Mode ก่อนสั่งทำงาน&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;🗺&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;กด Shift + Tab&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Claude จะแสดงแผนการทำงานก่อน — ตรวจสอบให้ถูกต้อง แล้วค่อยกดยืนยัน ลดโอกาสที่งานจะออกมาผิดทิศโดยไม่รู้ตัว&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;cmd&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: #7eb8e8; display: inline-block; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 11px; margin: 5px 0px 0px; padding: 1px 8px;&amp;quot;&amp;gt;Shift + Tab → ดูแผน → ยืนยัน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;04&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ล้าง Context หลังจบแต่ละงาน&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;🧹&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;พิมพ์ /clear ทุกครั้ง&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;AI มีพื้นที่จำจำกัด ถ้าสะสมข้อมูลมากเกินไป คุณภาพงานจะตก และโอกาสผิดพลาดสูงขึ้นมาก ทำเป็นนิสัยหลังจบงานแต่ละชิ้น&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;cmd&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: #7eb8e8; display: inline-block; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 11px; margin: 5px 0px 0px; padding: 1px 8px;&amp;quot;&amp;gt;/clear&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;05&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;บันทึก Slash Commands ไว้ใช้ซ้ำ&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;⚡&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;งานซ้ำ ๆ → บันทึกเป็นคำสั่ง&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เช่น สร้าง &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;/commit-message&amp;lt;/strong&amp;gt; ไว้ให้ Claude เช็กไฟล์ที่เปลี่ยนแปลงและเขียน Commit message ให้เองอัตโนมัติ แค่พิมพ์ชื่อคำสั่งสั้น ๆ แล้วกดยืนยัน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;06&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;สร้าง Skill ไว้ใช้ข้ามโปรเจกต์&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;steps&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;📦&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;Skill = ไฟล์ขั้นตอนที่นำกลับมาใช้ได้&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เขียนขั้นตอนในไฟล์ Markdown เช่น วิธี Code Review หรือวิธี Refactor — Claude เรียกใช้ได้เองเมื่อเหมาะสม และแชร์ให้ทีมใช้ได้ด้วย&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-left: 3px solid rgb(216, 208, 192); border-radius: 6px; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: 28px 1fr; margin: 0px; padding: 12px 14px; transition: border-color 0.2s;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-dot&amp;quot; style=&amp;quot;align-items: center; background: rgb(26, 39, 68); border-radius: 50%; box-sizing: border-box; color: #7eb8e8; display: flex; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; font-weight: 600; height: 28px; justify-content: center; margin: 2px 0px 0px; padding: 0px; width: 28px;&amp;quot;&amp;gt;≠&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-body&amp;quot; style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;step-name&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 13.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;Skill vs Slash Command&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;step-detail&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Skill&amp;lt;/strong&amp;gt; — Claude เรียกใช้เองได้อัตโนมัติ&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;&amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;Slash Command&amp;lt;/strong&amp;gt; — ผู้ใช้ต้องพิมพ์เรียกเอง&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;full&amp;quot; style=&amp;quot;box-sizing: border-box; grid-column: 1 / -1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;07&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ต่อ MCP Servers — ทำงานทุกอย่างจากที่เดียว&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;mcp-list&amp;quot; style=&amp;quot;box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 8px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;mcp-chip&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(208, 200, 184); box-sizing: border-box; color: #3a3530; display: flex; font-size: 12.5px; gap: 7px; margin: 0px; padding: 8px 14px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;🐙&amp;lt;/span&amp;gt;GitHub — จัดการ Repo / PR / Issues&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;mcp-chip&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(208, 200, 184); box-sizing: border-box; color: #3a3530; display: flex; font-size: 12.5px; gap: 7px; margin: 0px; padding: 8px 14px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📚&amp;lt;/span&amp;gt;Context7 — ดึง Docs Library ล่าสุด&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;mcp-chip&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(208, 200, 184); box-sizing: border-box; color: #3a3530; display: flex; font-size: 12.5px; gap: 7px; margin: 0px; padding: 8px 14px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📧&amp;lt;/span&amp;gt;Email — อ่าน/เขียนอีเมลใน Terminal&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;mcp-chip&amp;quot; style=&amp;quot;align-items: center; background: rgb(247, 244, 238); border-radius: 6px; border: 1px solid rgb(208, 200, 184); box-sizing: border-box; color: #3a3530; display: flex; font-size: 12.5px; gap: 7px; margin: 0px; padding: 8px 14px;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;📊&amp;lt;/span&amp;gt;Google Sheets — อ่าน/เขียน Spreadsheet&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p class=&amp;quot;mcp-note&amp;quot; style=&amp;quot;box-sizing: border-box; color: #6a6058; font-size: 13px; line-height: 1.75; margin: 12px 0px 0px; padding: 0px;&amp;quot;&amp;gt;MCP (Model Context Protocol) คือสะพานเชื่อม Claude Code กับแอปภายนอก ทำให้ไม่ต้องสลับหน้าต่างไปมา — ทุกอย่างอยู่ใน Session เดียว&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;full&amp;quot; style=&amp;quot;box-sizing: border-box; grid-column: 1 / -1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;08&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ลำดับการทำงานที่ควรใช้เสมอ&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-track&amp;quot; style=&amp;quot;border-radius: 6px; border: 1px solid rgb(216, 208, 192); box-sizing: border-box; display: grid; gap: 0px; grid-template-columns: repeat(4, 1fr); margin: 4px 0px 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;wf-node&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-right: 1px solid rgb(216, 208, 192); box-sizing: border-box; margin: 0px; padding: 16px 12px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;wf-n&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 9px; letter-spacing: 1.5px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;STEP 1&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;🗺️&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-label&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 12.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;วางแผน&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7a7068; font-size: 11px; line-height: 1.5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;เปิด Plan Mode ตรวจสอบแผนก่อน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-node&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-right: 1px solid rgb(216, 208, 192); box-sizing: border-box; margin: 0px; padding: 16px 12px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;wf-n&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 9px; letter-spacing: 1.5px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;STEP 2&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;⚙️&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-label&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 12.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;สั่งทำงาน&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7a7068; font-size: 11px; line-height: 1.5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ทีละงาน ไม่โยนทั้งก้อน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-node&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-right: 1px solid rgb(216, 208, 192); box-sizing: border-box; margin: 0px; padding: 16px 12px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;wf-n&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 9px; letter-spacing: 1.5px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;STEP 3&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;🔍&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-label&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 12.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;ตรวจสอบ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7a7068; font-size: 11px; line-height: 1.5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ดูผลเองทุกครั้ง อย่าเชื่อแค่คำว่า &amp;quot;เสร็จ&amp;quot;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-node&amp;quot; style=&amp;quot;background: rgb(247, 244, 238); border-right-color: currentcolor; border-right-style: none; border-right-width: medium; box-sizing: border-box; margin: 0px; padding: 16px 12px; position: relative; text-align: center;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;wf-n&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 9px; letter-spacing: 1.5px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;STEP 4&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-icon&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 20px; margin: 0px 0px 6px; padding: 0px;&amp;quot;&amp;gt;🧹&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-label&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 12.5px; font-weight: 700; margin: 0px 0px 3px; padding: 0px;&amp;quot;&amp;gt;Clear&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-sub&amp;quot; style=&amp;quot;box-sizing: border-box; color: #7a7068; font-size: 11px; line-height: 1.5; margin: 0px; padding: 0px;&amp;quot;&amp;gt;/clear แล้วเริ่มงานชิ้นถัดไป&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;wf-warn&amp;quot; style=&amp;quot;background: rgb(253, 246, 232); border-radius: 5px; border: 1px solid rgb(232, 216, 154); box-sizing: border-box; color: #7a5a1a; font-size: 12.5px; line-height: 1.7; margin: 12px 0px 0px; padding: 10px 14px;&amp;quot;&amp;gt;⚠️ &amp;lt;strong style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ระวัง:&amp;lt;/strong&amp;gt; Claude อาจรายงานว่า &amp;quot;ทำเสร็จแล้ว&amp;quot; ทั้งที่ยังไม่ได้ทำอะไร — ตรวจสอบผลงานจริงด้วยตาตัวเองทุกครั้ง&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;full&amp;quot; style=&amp;quot;box-sizing: border-box; grid-column: 1 / -1; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;sh&amp;quot; style=&amp;quot;align-items: center; box-sizing: border-box; display: flex; gap: 10px; margin: 0px 0px 16px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;sh-num&amp;quot; style=&amp;quot;background: rgb(26, 39, 68); border-radius: 3px; box-sizing: border-box; color: white; flex-shrink: 0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; margin: 0px; padding: 3px 8px;&amp;quot;&amp;gt;★&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;sh-title&amp;quot; style=&amp;quot;box-sizing: border-box; font-size: 15px; font-weight: 700; margin: 0px; padding: 0px;&amp;quot;&amp;gt;3 กฎที่ใช้กับ AI Agent ทุกตัว ไม่ใช่แค่ Claude Code&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rules&amp;quot; style=&amp;quot;border-radius: 6px; border: 2px solid rgb(26, 39, 68); box-sizing: border-box; display: grid; gap: 0px; grid-template-columns: repeat(3, 1fr); margin: 0px; overflow: hidden; padding: 0px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rule&amp;quot; style=&amp;quot;border-right: 1px solid rgb(216, 208, 192); box-sizing: border-box; margin: 0px; padding: 22px 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rule-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d8d0c0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 22px; font-weight: 600; line-height: 1; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;01&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-size: 14px; font-weight: 700; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;บอกให้ชัด อย่าให้เดา&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #5a5048; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;บอก &amp;lt;em style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot;&amp;gt;สิ่งที่ต้องการ + บริบท + ตัวอย่างผลที่อยากได้&amp;lt;/em&amp;gt; ยิ่งละเอียด ยิ่งได้งานตรง ถ้าปล่อยให้ AI เดาเองมักได้ผลที่ใช้ไม่ได้&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule&amp;quot; style=&amp;quot;border-right: 1px solid rgb(216, 208, 192); box-sizing: border-box; margin: 0px; padding: 22px 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rule-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d8d0c0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 22px; font-weight: 600; line-height: 1; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;02&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-size: 14px; font-weight: 700; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;แบ่งงานเป็นชิ้นเล็ก ๆ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #5a5048; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;โยนงานทั้งก้อนมักทำให้ผลออกมาพัง แบ่งเป็นชิ้นย่อย ทำทีละชิ้น ถ้ามีปัญหาจะได้รู้ว่าติดตรงไหน&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule&amp;quot; style=&amp;quot;border-right-color: currentcolor; border-right-style: none; border-right-width: medium; box-sizing: border-box; margin: 0px; padding: 22px 20px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;rule-num&amp;quot; style=&amp;quot;box-sizing: border-box; color: #d8d0c0; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 22px; font-weight: 600; line-height: 1; margin: 0px 0px 10px; padding: 0px;&amp;quot;&amp;gt;03&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-title&amp;quot; style=&amp;quot;box-sizing: border-box; color: #1a2744; font-size: 14px; font-weight: 700; margin: 0px 0px 8px; padding: 0px;&amp;quot;&amp;gt;คนต้องตรวจสอบเสมอ&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;rule-body&amp;quot; style=&amp;quot;box-sizing: border-box; color: #5a5048; font-size: 12.5px; line-height: 1.75; margin: 0px; padding: 0px;&amp;quot;&amp;gt;อย่าปล่อยให้ AI ทำและตรวจสอบเองครบวงจร ผู้ใช้ต้องเป็นคนดูผลลัพธ์และตัดสินใจขั้นสุดท้ายเสมอ&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;footer&amp;quot; style=&amp;quot;align-items: center; border-top: 2px solid rgb(26, 39, 68); box-sizing: border-box; color: #1a1612; display: flex; flex-wrap: wrap; font-family: Sarabun, sans-serif; gap: 8px; justify-content: space-between; margin: 0px 48px; padding: 18px 0px 40px;&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;footer-l&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-family: &amp;amp;quot;IBM Plex Mono&amp;amp;quot;, monospace; font-size: 10px; letter-spacing: 1px; line-height: 1.7; margin: 0px; padding: 0px;&amp;quot;&amp;gt;CLAUDE CODE · claude.ai/code&amp;lt;br style=&amp;quot;box-sizing: border-box; margin: 0px; padding: 0px;&amp;quot; /&amp;gt;Anthropic&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;footer-r&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-size: 12px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;ติดตั้งผ่าน VS Code Extension · รองรับ MCP Servers&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;footer-r&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-size: 12px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;footer-r&amp;quot; style=&amp;quot;box-sizing: border-box; color: #b0a898; font-size: 12px; margin: 0px; padding: 0px;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/4633920941976974567/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/claude-code.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/4633920941976974567'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/4633920941976974567'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/claude-code.html' title='คู่มือการใช้งาน Claude Code ให้ได้ผลจริง'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEjR_AovDdV-9bqLNFN_oC3TWG-kEKbx9Lcom2WPURNp6gil_WKuXxywkbkyaCBrn2AZyLJjqpW1TSv0e9PI8LTc-Wb78Gks2NWyZDyAxVC_E9Wu18pcePjTmag1UQ1ibZIA1qnYfea_gFmHhIgy23lIBIm-f3aeuuQ_DUbVd4UN0JRU08yqTwjIBIz58j4=s72-w640-h356-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-9057504843669396202&lt;/id&gt;&lt;published&gt;2026-06-09T07:30:00.000+07:00&lt;/published&gt;&lt;updated&gt;2026-06-09T07:30:00.109+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;CodeIgniter 4&quot;/&gt;&lt;title type='text'&gt;Debug CI4 ยังไงให้ได้ผล? เมื่อ Log เพียงอย่างเดียวไม่พอ — แนะนำ DEX&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div&amp;gt;&amp;lt;p class=&amp;quot;meta&amp;quot; style=&amp;quot;color: #5f5e5a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 0.85rem; margin: 0px 0px 2rem;&amp;quot;&amp;gt;📅 June 2025 &amp;amp;nbsp;·&amp;amp;nbsp; 🏷️ CodeIgniter 4, PHP, Debugging, DEX, Laravel &amp;amp;nbsp;·&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/p&amp;gt;&amp;lt;h1 style=&amp;quot;color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 2rem; line-height: 1.4; margin-bottom: 0.5rem;&amp;quot;&amp;gt;Debug CI4 ยังไงให้ได้ผล?&amp;lt;br /&amp;gt;เมื่อ Log เพียงอย่างเดียวไม่พอ — แนะนำ &amp;lt;span style=&amp;quot;color: #0f6e56;&amp;quot;&amp;gt;DEX&amp;lt;/span&amp;gt;&amp;lt;/h1&amp;gt;&amp;lt;div class=&amp;quot;tag-list&amp;quot; style=&amp;quot;color: #2c2c2a; display: flex; flex-wrap: wrap; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; gap: 8px; margin: 1rem 0px 2rem;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag-chip&amp;quot; style=&amp;quot;background: rgb(237, 247, 243); border-radius: 50px; border: 1px solid rgb(159, 225, 203); color: #085041; font-size: 0.8rem; padding: 3px 12px;&amp;quot;&amp;gt;CodeIgniter 4&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag-chip&amp;quot; style=&amp;quot;background: rgb(237, 247, 243); border-radius: 50px; border: 1px solid rgb(159, 225, 203); color: #085041; font-size: 0.8rem; padding: 3px 12px;&amp;quot;&amp;gt;PHP Debugging&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag-chip&amp;quot; style=&amp;quot;background: rgb(237, 247, 243); border-radius: 50px; border: 1px solid rgb(159, 225, 203); color: #085041; font-size: 0.8rem; padding: 3px 12px;&amp;quot;&amp;gt;DEX&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag-chip&amp;quot; style=&amp;quot;background: rgb(237, 247, 243); border-radius: 50px; border: 1px solid rgb(159, 225, 203); color: #085041; font-size: 0.8rem; padding: 3px 12px;&amp;quot;&amp;gt;Laravel&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag-chip&amp;quot; style=&amp;quot;background: rgb(237, 247, 243); border-radius: 50px; border: 1px solid rgb(159, 225, 203); color: #085041; font-size: 0.8rem; padding: 3px 12px;&amp;quot;&amp;gt;Web Development&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;intro-box&amp;quot; style=&amp;quot;background-attachment: initial; background-clip: initial; background-image: linear-gradient(135deg, rgb(225, 245, 238) 0%, rgb(237, 247, 243) 100%); background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 12px; border: 1px solid rgb(159, 225, 203); color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 1.5rem 0px 2rem; padding: 1.5rem 1.75rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #085041; font-size: 1.05rem; margin: 0px;&amp;quot;&amp;gt;เคยเจอ error แปลกๆ ใน production แล้วเปิด log ขึ้นมาดู แต่รู้สึกว่า &amp;quot;มันบอกแค่นี้เองเหรอ?&amp;quot; ไม่รู้ว่า request ทำอะไรไปก่อนจะ fail ไม่รู้ว่า query ไหนรันไปบ้าง ไม่รู้ว่า bug นี้เคยเกิดแล้วหรือเปล่า — บทความนี้มีคำตอบให้ครับ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiO-AvZK6y71ppQZyC5Dr8laeK8ZFf2ao40TROhqFGhsy5ONKFmMiiBfVF88-86RzpRU0OPbXW6zkGeHFgxocg9ApgmQ53zN_So9vPubzds704-5VP1HmiLUQxljHups_k5yEJxoKfp3NZ4Wt_7I8-u3RpGM-iDj6FatjnyrlC53e_Q6LtCKHDkYnDFiA4&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img alt=&amp;quot;&amp;quot; data-original-height=&amp;quot;1536&amp;quot; data-original-width=&amp;quot;2752&amp;quot; height=&amp;quot;357&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/a/AVvXsEiO-AvZK6y71ppQZyC5Dr8laeK8ZFf2ao40TROhqFGhsy5ONKFmMiiBfVF88-86RzpRU0OPbXW6zkGeHFgxocg9ApgmQ53zN_So9vPubzds704-5VP1HmiLUQxljHups_k5yEJxoKfp3NZ4Wt_7I8-u3RpGM-iDj6FatjnyrlC53e_Q6LtCKHDkYnDFiA4&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🔍 ปัญหาที่นักพัฒนา CI4 ทุกคนเจอ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;ถ้าคุณเคยทำงานกับ &amp;lt;strong&amp;gt;CodeIgniter 4 (CI4)&amp;lt;/strong&amp;gt; มาสักพัก คุณคงรู้ดีว่า การ debug แอปพลิเคชันจริงๆ นั้น ไม่ง่ายอย่างที่คิด โดยเฉพาะเมื่อ application ขึ้น production ไปแล้ว&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;สิ่งที่เรามักเห็นใน log file มักมีหน้าตาแบบนี้:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// log ที่เห็นใน application/logs/&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;ERROR - 2025-06-09 14:32:11 --&amp;amp;gt; Call to a member function getResult() on bool&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;ERROR - 2025-06-09 15:01:44 --&amp;amp;gt; Trying to access array offset on value of type null&amp;lt;/span&amp;gt;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;Log บอกได้ว่า error เกิด &amp;lt;em&amp;gt;ที่ไหน&amp;lt;/em&amp;gt; แต่มันไม่บอกว่า:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px;&amp;quot;&amp;gt;&amp;lt;li&amp;gt;Controller method ไหนที่รับ request นั้น?&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Database query อะไรรันไปก่อนหน้า?&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Error เกิดใน service, model, หรือ API call?&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Bug นี้เคยถูก fix แล้วและ &amp;lt;em&amp;gt;กลับมาใหม่&amp;lt;/em&amp;gt; หรือเปล่า?&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;ข้อสุดท้ายนี่เจ็บปวดที่สุดครับ บางครั้งเรา fix bug ไปแล้ว แต่สัปดาห์ต่อมามันกลับมา แล้วเราก็เริ่ม debug ใหม่ราวกับว่ามันเป็น bug ใหม่ — ทั้งที่จริงๆ มันคือ &amp;lt;strong&amp;gt;regression&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🛠️ DEX คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;DEX&amp;lt;/strong&amp;gt; คือ open-source issue tracking tool ที่สร้างขึ้นมาเพื่อ CodeIgniter 4 โดยเฉพาะ มันไม่ได้แค่ดักจับ error แต่มันบันทึก &amp;lt;strong&amp;gt;context รอบๆ request&amp;lt;/strong&amp;gt; ทั้งหมดให้คุณด้วย เพื่อให้คุณเข้าใจได้ว่า:&amp;lt;/p&amp;gt;&amp;lt;ul class=&amp;quot;step-list&amp;quot; style=&amp;quot;color: #2c2c2a; counter-reset: step 0; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; list-style: none; margin: 1rem 0px 1.75rem; padding: 0px;&amp;quot;&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; counter-increment: step 1; display: flex; gap: 1rem; margin-bottom: 1rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px;&amp;quot;&amp;gt;แอปทำ&amp;lt;em&amp;gt;อะไร&amp;lt;/em&amp;gt;ก่อนที่มันจะพัง&amp;lt;/p&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; counter-increment: step 1; display: flex; gap: 1rem; margin-bottom: 1rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px;&amp;quot;&amp;gt;issue นี้เป็น &amp;lt;em&amp;gt;ใหม่, ignored, resolved&amp;lt;/em&amp;gt; หรือ &amp;lt;em&amp;gt;regressed&amp;lt;/em&amp;gt;?&amp;lt;/p&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; counter-increment: step 1; display: flex; gap: 1rem; margin-bottom: 1rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px;&amp;quot;&amp;gt;request lifecycle เป็นยังไงแบบ timeline&amp;lt;/p&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li style=&amp;quot;align-items: flex-start; counter-increment: step 1; display: flex; gap: 1rem; margin-bottom: 1rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;margin: 0px;&amp;quot;&amp;gt;มี slow query หรือ failed query ก่อน error ไหม?&amp;lt;/p&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;div class=&amp;quot;tip-box&amp;quot; style=&amp;quot;background: rgb(250, 238, 218); border-left: 4px solid rgb(239, 159, 39); border-radius: 0px 8px 8px 0px; color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 1.5rem 0px; padding: 1rem 1.25rem;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #633806;&amp;quot;&amp;gt;💡 ตัวอย่างจริง:&amp;lt;/strong&amp;gt;&amp;lt;p style=&amp;quot;color: #4a2e08; font-size: 0.95rem; margin: 0px;&amp;quot;&amp;gt;ลูกค้าแจ้งว่า checkout ล้มเหลว — Log บอกว่ามี exception แต่คำถามคือ: cart โหลดสำเร็จไหม? payment provider ถูกเรียกไหม? error เกิดก่อนหรือหลัง payment? DEX ตอบคำถามพวกนี้ได้ทั้งหมด&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;⚙️ ติดตั้ง DEX ใน CI4 Project&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;การติดตั้ง DEX ทำได้ผ่าน Composer เหมือน package ทั่วไปครับ:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;# ติดตั้งผ่าน Composer&amp;lt;/span&amp;gt;
composer require sarutobi/dex&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;จากนั้น run migration เพื่อสร้าง table ในฐานข้อมูล:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;# Run migration&amp;lt;/span&amp;gt;
php spark migrate --all&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;แล้วก็เพิ่ม DEX filter เข้าไปใน &amp;lt;code style=&amp;quot;background: rgb(237, 247, 243); border-radius: 4px; color: #0f6e56; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: 0.88em; padding: 2px 6px;&amp;quot;&amp;gt;app/Config/Filters.php&amp;lt;/code&amp;gt;:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Sarutobi\Dex\Filters\DexFilter&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน $globals หรือ $filters ตาม route ที่ต้องการ track&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$globals&amp;lt;/span&amp;gt; = [
    &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;before&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; [
        &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;DexFilter&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    ],
];&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;เพียงเท่านี้ DEX ก็จะเริ่มจับ request ทุกอันของคุณแล้ว&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;📊 เปรียบเทียบ: Log อย่างเดียว VS ใช้ DEX&amp;lt;/h2&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 0.93rem; margin: 1.5rem 0px 2rem; width: 719px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(15, 110, 86); color: white;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;สิ่งที่ต้องการรู้&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;Log ไฟล์อย่างเดียว&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;ใช้ DEX&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Error message พร้อม stack trace&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Controller / Method ที่รับ request&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗ ไม่มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Database queries ที่รันก่อน error&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗ ไม่มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Request lifecycle timeline&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗ ไม่มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;สถานะ issue (new / resolved / regressed)&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗ ไม่มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;ค้นหาและจัดการ issue แบบมี workflow&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-amber&amp;quot; style=&amp;quot;background: rgb(250, 199, 117); border-radius: 50px; color: #633806; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;ยาก&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ มี UI ให้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;ตรวจจับ regression&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗ ไม่มี&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ แจ้งเตือนได้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Self-hosted ไม่ต้องพึ่ง third-party SaaS&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ ได้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓ ได้&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🐛 วิธี Debug CI4 เบื้องต้น (ก่อนใช้ DEX)&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;ก่อนจะพูดถึง DEX เพิ่มเติม มาทบทวนเทคนิค debug พื้นฐานใน CI4 กันก่อนครับ สำหรับมือใหม่ที่เพิ่งเริ่มต้น&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;1. เปิด Display Errors ใน Development&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน app/Config/Boot/development.php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;ini_set&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;display_errors&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;1&amp;#39;&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;error_reporting&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;E_ALL&amp;lt;/span&amp;gt;);&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;div class=&amp;quot;warn-box&amp;quot; style=&amp;quot;background: rgb(252, 235, 235); border-left: 4px solid rgb(226, 75, 74); border-radius: 0px 8px 8px 0px; color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 1.5rem 0px; padding: 1rem 1.25rem;&amp;quot;&amp;gt;&amp;lt;p style=&amp;quot;color: #501313; font-size: 0.95rem; margin: 0px;&amp;quot;&amp;gt;⚠️ &amp;lt;strong&amp;gt;สำคัญ:&amp;lt;/strong&amp;gt; อย่าเปิด &amp;lt;code style=&amp;quot;background: rgb(237, 247, 243); border-radius: 4px; color: #0f6e56; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: 0.88em; padding: 2px 6px;&amp;quot;&amp;gt;display_errors&amp;lt;/code&amp;gt; ใน production เด็ดขาดครับ เพราะจะทำให้ข้อมูล internal ของระบบโชว์ให้ผู้ใช้เห็นได้&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;2. ใช้ var_dump() และ die() สำหรับ Quick Debug&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน Controller&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;checkout&amp;lt;/span&amp;gt;()
{
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$cart&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;cartModel&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;getCart&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;session&amp;lt;/span&amp;gt;()-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;));

    &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// Debug ชั่วคราว — ดูว่า cart มีข้อมูลอะไรบ้าง&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;var_dump&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$cart&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;die&amp;lt;/span&amp;gt;();

    &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ... โค้ดที่เหลือ&amp;lt;/span&amp;gt;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;3. ใช้ log_message() สำหรับ Production Debug&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// บันทึก log พร้อม context&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;log_message&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;Checkout failed for user_id: &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$userId&amp;lt;/span&amp;gt;);
&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;log_message&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;debug&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;Cart data: &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;json_encode&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$cart&amp;lt;/span&amp;gt;));
&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;log_message&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;info&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;Payment attempt at: &amp;#39;&amp;lt;/span&amp;gt; . &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;date&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;Y-m-d H:i:s&amp;#39;&amp;lt;/span&amp;gt;));&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;4. ใช้ CI4 Debug Toolbar&amp;lt;/h3&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;CI4 มี built-in Debug Toolbar ที่เปิดใช้ได้ใน development mode ใน &amp;lt;code style=&amp;quot;background: rgb(237, 247, 243); border-radius: 4px; color: #0f6e56; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: 0.88em; padding: 2px 6px;&amp;quot;&amp;gt;app/Config/Toolbar.php&amp;lt;/code&amp;gt;:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน app/Config/Toolbar.php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$collectors&amp;lt;/span&amp;gt; = [
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Timers&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Database&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,    &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ดู queries ที่รัน&amp;lt;/span&amp;gt;
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Logs&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Views&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Cache&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Files&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Routes&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Events&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;,
];&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;Toolbar นี้จะโชว์ข้อมูลที่ bottom bar ของหน้า web ในขณะ develop ซึ่งมีประโยชน์มากสำหรับดู query time และ route ที่ match&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🔄 Workflow การ Debug ด้วย DEX&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;เมื่อ DEX ติดตั้งแล้ว workflow การ debug จะเปลี่ยนไปอย่างชัดเจนครับ แทนที่จะเปิด log file แล้วค้นหาเองแบบ manual คุณจะได้ทำงานแบบนี้:&amp;lt;/p&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// DEX จะ capture exception โดยอัตโนมัติผ่าน Exception Handler&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน app/Config/Exceptions.php เพิ่ม:&amp;lt;/span&amp;gt;

&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;use&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;Sarutobi\Dex\Handlers\DexExceptionHandler&amp;lt;/span&amp;gt;;

&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$handler&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;DexExceptionHandler&amp;lt;/span&amp;gt;::&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;class&amp;lt;/span&amp;gt;;&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;จากนั้น DEX จะบันทึก issue พร้อมกับ context ครบ ได้แก่:&amp;lt;/p&amp;gt;&amp;lt;ul style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px;&amp;quot;&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Request method, URI, headers&amp;lt;/strong&amp;gt; — รู้ว่า request มาจากไหน&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Database queries timeline&amp;lt;/strong&amp;gt; — เห็นว่า query ไหนช้าหรือ fail&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Issue status tracking&amp;lt;/strong&amp;gt; — &amp;lt;span class=&amp;quot;badge badge-teal&amp;quot; style=&amp;quot;background: rgb(159, 225, 203); border-radius: 50px; color: #085041; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;open&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;badge badge-amber&amp;quot; style=&amp;quot;background: rgb(250, 199, 117); border-radius: 50px; color: #633806; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;ignored&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;resolved&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;regressed&amp;lt;/span&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Occurrence count&amp;lt;/strong&amp;gt; — bug นี้เกิดกี่ครั้งแล้ว&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🔴 สำหรับผู้ใช้ Laravel: มี Tool ที่ใกล้เคียงกันอยู่&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;ถ้าคุณทำงานกับ &amp;lt;strong&amp;gt;Laravel&amp;lt;/strong&amp;gt; มากกว่า CI4 ระบบ ecosystem ของ Laravel มี tool สำหรับ debug ที่ครบครันอยู่แล้วครับ ลองเปรียบเทียบดู:&amp;lt;/p&amp;gt;&amp;lt;table style=&amp;quot;border-collapse: collapse; color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 0.93rem; margin: 1.5rem 0px 2rem; width: 719px;&amp;quot;&amp;gt;&amp;lt;thead&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(15, 110, 86); color: white;&amp;quot;&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;Feature&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;DEX (CI4)&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;Laravel Telescope&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;padding: 0.7rem 1rem; text-align: left;&amp;quot;&amp;gt;Laravel Debugbar&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/thead&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Request lifecycle&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Issue status tracking&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-amber&amp;quot; style=&amp;quot;background: rgb(250, 199, 117); border-radius: 50px; color: #633806; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;จำกัด&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Regression detection&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-red&amp;quot; style=&amp;quot;background: rgb(247, 193, 193); border-radius: 50px; color: #791f1f; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✗&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Production-ready&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-amber&amp;quot; style=&amp;quot;background: rgb(250, 199, 117); border-radius: 50px; color: #633806; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;Dev only&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(255, 255, 255);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Self-hosted&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;badge badge-green&amp;quot; style=&amp;quot;background: rgb(192, 221, 151); border-radius: 50px; color: #27500a; display: inline-block; font-size: 0.78rem; font-weight: 600; margin-right: 4px; padding: 2px 10px;&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr style=&amp;quot;background: rgb(237, 247, 243);&amp;quot;&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Framework&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;CI4&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Laravel&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(200, 232, 216); padding: 0.6rem 1rem; vertical-align: top;&amp;quot;&amp;gt;Laravel&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;จะเห็นว่า DEX มีจุดเด่นที่ issue status tracking และ regression detection ซึ่ง Telescope ยังทำได้ไม่เต็มที่ครับ&amp;lt;/p&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;✅ Best Practices การ Debug PHP/CI4 อย่างมืออาชีพ&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;นอกจากการใช้ tool แล้ว วิธีคิดและวิธีเขียนโค้ดก็สำคัญมากครับ ขอแนะนำแนวทางปฏิบัติที่ดีที่สุดไว้ดังนี้:&amp;lt;/p&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;1. แยก Logic ออกจาก Controller ให้ชัดเจน&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ❌ ไม่ดี — Controller ทำทุกอย่าง debug ยาก&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;createOrder&amp;lt;/span&amp;gt;()
{
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;request-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;getPost&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$db&amp;lt;/span&amp;gt;   = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;db_connect&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$db&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;query&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;quot;INSERT INTO orders ...&amp;quot;&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ส่ง email, update stock, log ทุกอย่างอยู่ใน method เดียว&amp;lt;/span&amp;gt;
}

&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ✓ ดี — แยก concern ออกจากกัน trace ได้ง่าย&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;public function&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;createOrder&amp;lt;/span&amp;gt;()
{
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;  = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;request-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;getPost&amp;lt;/span&amp;gt;();
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$order&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;orderService-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;create&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$data&amp;lt;/span&amp;gt;);
    &amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;return&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;respond&amp;lt;/span&amp;gt;([&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;order_id&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$order&amp;lt;/span&amp;gt;-&amp;amp;gt;id]);
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;2. ใส่ Try-Catch พร้อม Context ที่มีความหมาย&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;try&amp;lt;/span&amp;gt; {
    &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$result&amp;lt;/span&amp;gt; = &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$this&amp;lt;/span&amp;gt;-&amp;amp;gt;paymentGateway-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;charge&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$amount&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$card&amp;lt;/span&amp;gt;);
} &amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;catch&amp;lt;/span&amp;gt; (&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;\Exception&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$e&amp;lt;/span&amp;gt;) {
    &amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;log_message&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;Payment failed&amp;#39;&amp;lt;/span&amp;gt;, [
        &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;user_id&amp;#39;&amp;lt;/span&amp;gt;   =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$userId&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;amount&amp;#39;&amp;lt;/span&amp;gt;    =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$amount&amp;lt;/span&amp;gt;,
        &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;error&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$e&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;getMessage&amp;lt;/span&amp;gt;(),
        &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;trace&amp;#39;&amp;lt;/span&amp;gt;     =&amp;amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$e&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;getTraceAsString&amp;lt;/span&amp;gt;(),
    ]);
    &amp;lt;span class=&amp;quot;keyword&amp;quot; style=&amp;quot;color: #85dab4;&amp;quot;&amp;gt;throw&amp;lt;/span&amp;gt; &amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$e&amp;lt;/span&amp;gt;; &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// re-throw ให้ DEX จับได้&amp;lt;/span&amp;gt;
}&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3 style=&amp;quot;color: #3b3b38; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.15rem; margin-bottom: 0.5rem; margin-top: 1.75rem;&amp;quot;&amp;gt;3. ตั้งชื่อ Route ให้สื่อความหมาย&amp;lt;/h3&amp;gt;&amp;lt;pre style=&amp;quot;background: rgb(30, 42, 36); border-radius: 10px; border: 1px solid rgb(45, 64, 55); color: #c8f0df; font-size: 0.88rem; line-height: 1.7; margin: 1.25rem 0px 1.75rem; overflow-x: auto; padding: 1.25rem 1.5rem;&amp;quot;&amp;gt;&amp;lt;code style=&amp;quot;background: transparent; border-radius: 4px; color: inherit; font-family: &amp;amp;quot;JetBrains Mono&amp;amp;quot;, &amp;amp;quot;Fira Code&amp;amp;quot;, Consolas, monospace; font-size: inherit; padding: 0px;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ใน app/Config/Routes.php&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;post&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;checkout/process&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;CheckoutController::process&amp;#39;&amp;lt;/span&amp;gt;, [
    &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;as&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;checkout.process&amp;#39;&amp;lt;/span&amp;gt;  &amp;lt;span class=&amp;quot;comment&amp;quot; style=&amp;quot;color: #6a8f7a; font-style: italic;&amp;quot;&amp;gt;// ชื่อ route ช่วยให้ DEX log อ่านง่าย&amp;lt;/span&amp;gt;
]);
&amp;lt;span class=&amp;quot;var&amp;quot; style=&amp;quot;color: #e8c87a;&amp;quot;&amp;gt;$routes&amp;lt;/span&amp;gt;-&amp;amp;gt;&amp;lt;span class=&amp;quot;func&amp;quot; style=&amp;quot;color: #78c8f0;&amp;quot;&amp;gt;get&amp;lt;/span&amp;gt;(&amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;order/(:num)/status&amp;#39;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;OrderController::status/$1&amp;#39;&amp;lt;/span&amp;gt;, [
    &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;as&amp;#39;&amp;lt;/span&amp;gt; =&amp;amp;gt; &amp;lt;span class=&amp;quot;string&amp;quot; style=&amp;quot;color: #fac775;&amp;quot;&amp;gt;&amp;#39;order.status&amp;#39;&amp;lt;/span&amp;gt;
]);&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;h2 style=&amp;quot;border-left: 4px solid rgb(93, 202, 165); color: #1a1a18; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 2.5rem; padding-left: 0.75rem;&amp;quot;&amp;gt;🎯 สรุป&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;การ debug application จริงๆ ใน production ต้องการมากกว่าแค่การเปิดดู log file ครับ เราต้องการ &amp;lt;strong&amp;gt;workflow&amp;lt;/strong&amp;gt; ที่ช่วยให้เราเห็นภาพรวมของ request ทั้งหมด ไม่ใช่แค่ error message เพียงบรรทัดเดียว&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;DEX&amp;lt;/strong&amp;gt; ถูกสร้างมาเพื่อเติมช่องว่างตรงนี้ใน ecosystem ของ CodeIgniter 4 โดยเฉพาะ — ไม่ได้พยายามเป็น APM ขนาดใหญ่ แต่มุ่งเน้นที่การทำสิ่งหนึ่งสิ่งเดียวให้ดี นั่นคือ: &amp;lt;em&amp;gt;บอกว่า CI4 request ของคุณทำอะไร ที่ไหน และทำไมมันถึงพัง&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;สำหรับนักพัฒนาที่ทำงานกับ business application ที่ใช้ CI4 มานานหลายปี DEX ช่วยให้การ debug กลายเป็น workflow ที่มีระเบียบ แทนที่จะเป็นการ &amp;quot;เดาเอา&amp;quot; จาก log ที่กระจัดกระจาย&amp;lt;/p&amp;gt;&amp;lt;p style=&amp;quot;color: #2c2c2a; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 0px 0px 1.1rem;&amp;quot;&amp;gt;ส่วนนักพัฒนา Laravel ก็ไม่ต้องน้อยใจ เพราะมี Telescope และ Debugbar รองรับอยู่แล้ว แต่ถ้าวันไหนต้องย้ายมาทำ CI4 บ้าง ลอง DEX ดูครับ — คุ้มค่าแน่นอน&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;cta-box&amp;quot; style=&amp;quot;background: rgb(15, 110, 86); border-radius: 14px; color: #e1f5ee; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 3rem 0px 1.5rem; padding: 2rem; text-align: center;&amp;quot;&amp;gt;&amp;lt;h2 style=&amp;quot;border-left-color: currentcolor; border-left-style: none; border-left-width: medium; color: #9fe1cb; font-size: 1.45rem; margin-bottom: 0.75rem; margin-top: 0px; padding-left: 0px;&amp;quot;&amp;gt;🚀 พร้อมจะ Debug อย่างมืออาชีพแล้วหรือยัง?&amp;lt;/h2&amp;gt;&amp;lt;p style=&amp;quot;color: #c8f0df; margin: 0px 0px 1.25rem;&amp;quot;&amp;gt;ลอง DEX ใน CI4 project ของคุณวันนี้ หรือถ้ายังไม่มี project ลองเริ่มจาก Hello World ก็ได้ครับ — ขอแค่เริ่ม!&amp;lt;/p&amp;gt;&amp;lt;a class=&amp;quot;cta-btn&amp;quot; href=&amp;quot;https://dev.to/sarutobi87/debugging-codeigniter-apps-from-logs-alone-was-not-enough-so-i-built-dex-3gph&amp;quot; style=&amp;quot;background: rgb(93, 202, 165); border-radius: 50px; color: #04342c; display: inline-block; font-size: 1rem; font-weight: 700; margin: 0.3rem 0.4rem; padding: 0.7rem 2rem; text-decoration: none; transition: background 0.2s;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;📖 อ่านบทความต้นฉบับ DEX&amp;lt;/a&amp;gt; &amp;lt;a class=&amp;quot;cta-btn secondary&amp;quot; href=&amp;quot;https://codeigniter.com/user_guide/index.html&amp;quot; style=&amp;quot;background: transparent; border-radius: 50px; border: 2px solid rgb(93, 202, 165); color: #9fe1cb; display: inline-block; font-size: 1rem; font-weight: 700; margin: 0.3rem 0.4rem; padding: 0.7rem 2rem; text-decoration: none; transition: background 0.2s;&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;📚 CI4 Official Docs&amp;lt;/a&amp;gt;&amp;lt;p style=&amp;quot;color: #9fe1cb; font-size: 0.9rem; margin: 1.25rem 0px;&amp;quot;&amp;gt;💬 มีคำถามหรืออยากแชร์ประสบการณ์ debug? ฝากไว้ใน comment ด้านล่างได้เลยครับ&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;hr class=&amp;quot;divider&amp;quot; style=&amp;quot;border-color: rgb(200, 232, 216) currentcolor currentcolor; border-image: initial; border-style: solid none none; border-width: 1px medium medium; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 17px; margin: 2.5rem 0px;&amp;quot; /&amp;gt;&amp;lt;p style=&amp;quot;color: #888780; font-family: Sarabun, &amp;amp;quot;Noto Sans Thai&amp;amp;quot;, sans-serif; font-size: 0.82rem; margin: 0px 0px 1.1rem; text-align: center;&amp;quot;&amp;gt;บทความนี้เขียนขึ้นจาก source: &amp;lt;a href=&amp;quot;https://dev.to/sarutobi87/debugging-codeigniter-apps-from-logs-alone-was-not-enough-so-i-built-dex-3gph&amp;quot; style=&amp;quot;color: #0f6e56;&amp;quot;&amp;gt;DEX on dev.to&amp;lt;/a&amp;gt; · &amp;lt;a href=&amp;quot;https://stackoverflow.com/questions/13562950/debugging-in-codeigniter-and-mvc&amp;quot; style=&amp;quot;color: #0f6e56;&amp;quot;&amp;gt;Stack Overflow CI Debug&amp;lt;/a&amp;gt; · &amp;lt;a href=&amp;quot;https://gist.github.com/samkeen/1142213&amp;quot; style=&amp;quot;color: #0f6e56;&amp;quot;&amp;gt;GitHub Gist: Testing CI Apps&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/9057504843669396202/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/debug-ci4-log-dex.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/9057504843669396202'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/9057504843669396202'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/debug-ci4-log-dex.html' title='Debug CI4 ยังไงให้ได้ผล? เมื่อ Log เพียงอย่างเดียวไม่พอ — แนะนำ DEX'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/a/AVvXsEiO-AvZK6y71ppQZyC5Dr8laeK8ZFf2ao40TROhqFGhsy5ONKFmMiiBfVF88-86RzpRU0OPbXW6zkGeHFgxocg9ApgmQ53zN_So9vPubzds704-5VP1HmiLUQxljHups_k5yEJxoKfp3NZ4Wt_7I8-u3RpGM-iDj6FatjnyrlC53e_Q6LtCKHDkYnDFiA4=s72-c&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-2142305340755025784.post-8831198723624950411&lt;/id&gt;&lt;published&gt;2026-06-08T21:13:48.344+07:00&lt;/published&gt;&lt;updated&gt;2026-06-08T21:17:31.070+07:00&lt;/updated&gt;&lt;category scheme=&quot;http://www.blogger.com/atom/ns#&quot; term=&quot;Microservices&quot;/&gt;&lt;title type='text'&gt;PHP Microservices Without Frameworks: สร้าง Microservices ด้วย Native PHP&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div&amp;gt;&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both; text-align: center;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMKaOGkvZfW0mD8NtnUUaIZoRObi2v5ZR8sQ-ihaJfJLtsrgeuvtj2zkG9UmlybsyCE1q2TznhmECVO3NgwYrZ5anBAkm3DzGHBcd2Fi0CM7h8KPS9beoY6G6L3XmZ_7gJqHb0J4ON5UtObwxwpGdVWbG5erFJ9heGCrYdV0aDRpFw1BH8nPcQN525xHs/s1672/fe971fbd-f1f6-4c0f-9ca3-d56bb8a040b0.png&amp;quot; imageanchor=&amp;quot;1&amp;quot; style=&amp;quot;margin-left: 1em; margin-right: 1em;&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;941&amp;quot; data-original-width=&amp;quot;1672&amp;quot; height=&amp;quot;360&amp;quot; src=&amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMKaOGkvZfW0mD8NtnUUaIZoRObi2v5ZR8sQ-ihaJfJLtsrgeuvtj2zkG9UmlybsyCE1q2TznhmECVO3NgwYrZ5anBAkm3DzGHBcd2Fi0CM7h8KPS9beoY6G6L3XmZ_7gJqHb0J4ON5UtObwxwpGdVWbG5erFJ9heGCrYdV0aDRpFw1BH8nPcQN525xHs/w640-h360/fe971fbd-f1f6-4c0f-9ca3-d56bb8a040b0.png&amp;quot; width=&amp;quot;640&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;p&amp;gt;ในยุคที่แอปพลิเคชันมีความซับซ้อนมากขึ้นเรื่อยๆ &amp;lt;strong&amp;gt;Microservices Architecture&amp;lt;/strong&amp;gt; ได้กลายมาเป็นหนึ่งในแนวทางที่นักพัฒนาหลายคนเลือกใช้ บทความนี้จะพาไปทำความเข้าใจว่าเราสามารถสร้าง Microservices ด้วย &amp;lt;strong&amp;gt;PHP แบบ Native&amp;lt;/strong&amp;gt; โดยไม่ต้องพึ่งพา Framework ขนาดใหญ่ได้อย่างไร&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;info-box&amp;quot; style=&amp;quot;background: rgb(239, 246, 255); border-left: 4px solid rgb(59, 130, 246); border-radius: 0px 8px 8px 0px; margin: 1.5em 0px; padding: 1em 1.2em;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #1d4ed8;&amp;quot;&amp;gt;📌 บทความนี้เหมาะสำหรับ:&amp;lt;/strong&amp;gt; นักพัฒนา PHP ที่ต้องการทำความเข้าใจแนวคิด Microservices และอยากลองนำไปใช้งานจริงโดยเริ่มจาก PHP พื้นฐาน&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;Microservices คืออะไร?&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;Microservices Architecture คือรูปแบบการออกแบบซอฟต์แวร์ที่แบ่งแอปพลิเคชันออกเป็น &amp;lt;strong&amp;gt;บริการขนาดเล็กหลายๆ ตัว&amp;lt;/strong&amp;gt; แต่ละตัวทำงานอิสระและสื่อสารกันผ่านเครือข่าย ตรงกันข้ามกับ Monolithic Architecture ที่ใส่ทุกอย่างไว้ในโค้ดเบสเดียวกัน&amp;lt;/p&amp;gt;&amp;lt;table class=&amp;quot;arch-table&amp;quot; style=&amp;quot;border-collapse: collapse; color: black; font-size: 0.95em; margin: 1.5em 0px; width: 903px;&amp;quot;&amp;gt;&amp;lt;tbody&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 86, 219); color: white; padding: 10px 14px; text-align: left;&amp;quot;&amp;gt;คุณสมบัติ&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 86, 219); color: white; padding: 10px 14px; text-align: left;&amp;quot;&amp;gt;Monolithic&amp;lt;/th&amp;gt;&amp;lt;th style=&amp;quot;background: rgb(26, 86, 219); color: white; padding: 10px 14px; text-align: left;&amp;quot;&amp;gt;Microservices&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;การ Deploy&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;Deploy ทั้งระบบพร้อมกัน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;Deploy แยกอิสระแต่ละ Service&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;การ Scale&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;Scale ทั้งระบบ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;Scale เฉพาะ Service ที่ต้องการ&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;เทคโนโลยี&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;Stack เดียวทั้งระบบ&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;background: rgb(249, 250, 251); border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;แต่ละ Service เลือก Stack เองได้&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;ความซับซ้อน&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;โค้ดซับซ้อนขึ้นเมื่อระบบใหญ่&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;border-bottom: 1px solid rgb(229, 231, 235); padding: 9px 14px;&amp;quot;&amp;gt;ซับซ้อนด้าน Infrastructure&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/tbody&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;h2&amp;gt;หลักการออกแบบ Microservices ด้วย PHP&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;เมื่อออกแบบ Microservices ด้วย PHP Native มีหลักการสำคัญ 3 ข้อที่ควรคำนึงถึง:&amp;lt;/p&amp;gt;&amp;lt;h3&amp;gt;1. Single Responsibility — หนึ่ง Service หนึ่งหน้าที่&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;แต่ละ Microservice ควรรับผิดชอบเพียง &amp;lt;strong&amp;gt;Domain เดียว&amp;lt;/strong&amp;gt; เช่น:&amp;lt;/p&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;code&amp;gt;UserService&amp;lt;/code&amp;gt; — จัดการข้อมูลผู้ใช้และการลงทะเบียน&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;code&amp;gt;AuthService&amp;lt;/code&amp;gt; — ดูแลการ Authentication และ Token&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;code&amp;gt;ProductService&amp;lt;/code&amp;gt; — จัดการแคตตาล็อกสินค้า&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;code&amp;gt;OrderService&amp;lt;/code&amp;gt; — ประมวลผลคำสั่งซื้อ&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h3&amp;gt;2. Independent Deployment — Deploy แยกกันได้&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;แต่ละ Service ควรมี Repository และสภาพแวดล้อมเป็นของตัวเอง สามารถอัปเดตหรือ Deploy ได้โดยไม่กระทบ Service อื่น&amp;lt;/p&amp;gt;&amp;lt;h3&amp;gt;3. Network Communication — สื่อสารผ่านเครือข่าย&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;Services สื่อสารกันได้หลายรูปแบบ:&amp;lt;/p&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;HTTP/REST API&amp;lt;/strong&amp;gt; — ง่ายที่สุด เหมาะสำหรับเริ่มต้น&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;Message Queue&amp;lt;/strong&amp;gt; (RabbitMQ, Redis) — เหมาะกับงาน Async&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;strong&amp;gt;gRPC&amp;lt;/strong&amp;gt; — ประสิทธิภาพสูง รองรับ Binary Protocol&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h2&amp;gt;โครงสร้างโปรเจกต์&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;ตัวอย่างโครงสร้างโฟลเดอร์สำหรับแต่ละ Microservice:&amp;lt;/p&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;services/
├── user-service/
│   ├── src/
│   │   ├── Controllers/
│   │   ├── Models/
│   │   └── Services/
│   ├── public/
│   │   └── index.php
│   ├── composer.json
│   └── Dockerfile
├── auth-service/
│   ├── src/
│   ├── public/
│   └── Dockerfile
└── product-service/
    ├── src/
    ├── public/
    └── Dockerfile&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h2&amp;gt;ตัวอย่างโค้ด: HTTP Communication ใน PHP&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;วิธีง่ายที่สุดในการสื่อสารระหว่าง Services คือการใช้ &amp;lt;code&amp;gt;file_get_contents()&amp;lt;/code&amp;gt; หรือ cURL:&amp;lt;/p&amp;gt;&amp;lt;h3&amp;gt;แบบที่ 1: ใช้ file_get_contents&amp;lt;/h3&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;amp;lt;?php
// ดึงข้อมูลผู้ใช้จาก UserService
$url = &amp;#39;http://user-service.local/api/users/1&amp;#39;;
$response = file_get_contents($url);
$user = json_decode($response, true);

echo &amp;quot;ชื่อผู้ใช้: &amp;quot; . $user[&amp;#39;name&amp;#39;];
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h3&amp;gt;แบบที่ 2: ใช้ cURL (แนะนำ — ควบคุมได้มากกว่า)&amp;lt;/h3&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;amp;lt;?php
function callService(string $url, string $method = &amp;#39;GET&amp;#39;, array $data = []): array
{
    $ch = curl_init($url);
    
    curl_setopt_array($ch, [
        CURLOPT_RETURNTRANSFER =&amp;amp;gt; true,
        CURLOPT_TIMEOUT        =&amp;amp;gt; 10,
        CURLOPT_HTTPHEADER     =&amp;amp;gt; [
            &amp;#39;Content-Type: application/json&amp;#39;,
            &amp;#39;Accept: application/json&amp;#39;,
        ],
    ]);

    if ($method === &amp;#39;POST&amp;#39;) {
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));
    }

    $response = curl_exec($ch);
    $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    curl_close($ch);

    if ($response === false || $httpCode &amp;amp;gt;= 400) {
        throw new RuntimeException(&amp;quot;Service call failed: HTTP $httpCode&amp;quot;);
    }

    return json_decode($response, true);
}

// ตัวอย่างการใช้งาน
try {
    // เรียก AuthService เพื่อ Login
    $authResult = callService(
        &amp;#39;http://auth-service.local/api/login&amp;#39;,
        &amp;#39;POST&amp;#39;,
        [&amp;#39;email&amp;#39; =&amp;amp;gt; &amp;#39;user@example.com&amp;#39;, &amp;#39;password&amp;#39; =&amp;amp;gt; &amp;#39;secret&amp;#39;]
    );

    $token = $authResult[&amp;#39;token&amp;#39;];
    echo &amp;quot;Login สำเร็จ! Token: $token&amp;quot;;

    // เรียก UserService ดึงข้อมูล
    $user = callService(&amp;#39;http://user-service.local/api/users/1&amp;#39;);
    echo &amp;quot;ชื่อ: &amp;quot; . $user[&amp;#39;name&amp;#39;];

} catch (RuntimeException $e) {
    echo &amp;quot;เกิดข้อผิดพลาด: &amp;quot; . $e-&amp;amp;gt;getMessage();
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h2&amp;gt;ตัวอย่าง: สร้าง Simple UserService&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;ตัวอย่าง UserService แบบ Native PHP ที่พร้อมใช้งาน:&amp;lt;/p&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;amp;lt;?php
// user-service/public/index.php

header(&amp;#39;Content-Type: application/json&amp;#39;);

$method = $_SERVER[&amp;#39;REQUEST_METHOD&amp;#39;];
$path   = parse_url($_SERVER[&amp;#39;REQUEST_URI&amp;#39;], PHP_URL_PATH);

// Routing แบบ Simple
if ($method === &amp;#39;GET&amp;#39; &amp;amp;amp;&amp;amp;amp; preg_match(&amp;#39;#^/api/users/(\d+)$#&amp;#39;, $path, $m)) {
    echo json_encode(getUser((int)$m[1]));
} elseif ($method === &amp;#39;GET&amp;#39; &amp;amp;amp;&amp;amp;amp; $path === &amp;#39;/api/users&amp;#39;) {
    echo json_encode(getAllUsers());
} elseif ($method === &amp;#39;POST&amp;#39; &amp;amp;amp;&amp;amp;amp; $path === &amp;#39;/api/users&amp;#39;) {
    $body = json_decode(file_get_contents(&amp;#39;php://input&amp;#39;), true);
    echo json_encode(createUser($body));
} else {
    http_response_code(404);
    echo json_encode([&amp;#39;error&amp;#39; =&amp;amp;gt; &amp;#39;Not Found&amp;#39;]);
}

// ฟังก์ชันจำลองฐานข้อมูล
function getUser(int $id): array
{
    $users = [
        1 =&amp;amp;gt; [&amp;#39;id&amp;#39; =&amp;amp;gt; 1, &amp;#39;name&amp;#39; =&amp;amp;gt; &amp;#39;สมชาย ใจดี&amp;#39;,   &amp;#39;email&amp;#39; =&amp;amp;gt; &amp;#39;somchai@example.com&amp;#39;],
        2 =&amp;amp;gt; [&amp;#39;id&amp;#39; =&amp;amp;gt; 2, &amp;#39;name&amp;#39; =&amp;amp;gt; &amp;#39;สมหญิง รักเรียน&amp;#39;, &amp;#39;email&amp;#39; =&amp;amp;gt; &amp;#39;somying@example.com&amp;#39;],
    ];
    return $users[$id] ?? [&amp;#39;error&amp;#39; =&amp;amp;gt; &amp;#39;User not found&amp;#39;];
}

function getAllUsers(): array
{
    return [&amp;#39;data&amp;#39; =&amp;amp;gt; [getUser(1), getUser(2)]];
}

function createUser(array $data): array
{
    // บันทึกลง DB จริงๆ ในโปรเจกต์จริง
    return [&amp;#39;success&amp;#39; =&amp;amp;gt; true, &amp;#39;id&amp;#39; =&amp;amp;gt; rand(100, 999), &amp;#39;data&amp;#39; =&amp;amp;gt; $data];
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h2&amp;gt;การใช้งาน Message Queue (Async)&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;สำหรับงานที่ไม่ต้องรอผลทันที เช่น ส่ง Email หรือประมวลผล Order แนะนำให้ใช้ &amp;lt;strong&amp;gt;Message Queue&amp;lt;/strong&amp;gt; ร่วมกับ Redis หรือ RabbitMQ:&amp;lt;/p&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;amp;lt;?php
// Producer: OrderService ส่งข้อความไปยัง Queue
$redis = new Redis();
$redis-&amp;amp;gt;connect(&amp;#39;redis&amp;#39;, 6379);

$orderEvent = json_encode([
    &amp;#39;event&amp;#39;    =&amp;amp;gt; &amp;#39;order.created&amp;#39;,
    &amp;#39;order_id&amp;#39; =&amp;amp;gt; 1234,
    &amp;#39;user_id&amp;#39;  =&amp;amp;gt; 56,
    &amp;#39;total&amp;#39;    =&amp;amp;gt; 1500.00,
    &amp;#39;created_at&amp;#39; =&amp;amp;gt; date(&amp;#39;c&amp;#39;),
]);

$redis-&amp;amp;gt;rPush(&amp;#39;order_events&amp;#39;, $orderEvent);
echo &amp;quot;Order event ส่งเข้า Queue เรียบร้อย&amp;quot;;
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;&amp;amp;lt;?php
// Consumer: EmailService รับข้อความจาก Queue (รัน background worker)
$redis = new Redis();
$redis-&amp;amp;gt;connect(&amp;#39;redis&amp;#39;, 6379);

echo &amp;quot;EmailService Worker เริ่มทำงาน...\n&amp;quot;;

while (true) {
    $message = $redis-&amp;amp;gt;blPop([&amp;#39;order_events&amp;#39;], 5); // รอ 5 วิ
    
    if ($message) {
        $event = json_decode($message[1], true);
        
        if ($event[&amp;#39;event&amp;#39;] === &amp;#39;order.created&amp;#39;) {
            sendOrderConfirmationEmail($event[&amp;#39;user_id&amp;#39;], $event[&amp;#39;order_id&amp;#39;]);
            echo &amp;quot;ส่ง Email ยืนยัน Order #{$event[&amp;#39;order_id&amp;#39;]} แล้ว\n&amp;quot;;
        }
    }
}

function sendOrderConfirmationEmail(int $userId, int $orderId): void
{
    // Logic ส่ง Email จริงๆ
    echo &amp;quot;Email ถึง User #$userId สำหรับ Order #$orderId\n&amp;quot;;
}
&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;h2&amp;gt;Docker Compose สำหรับรัน Microservices&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;ใช้ Docker Compose จัดการ Services หลายตัวพร้อมกัน:&amp;lt;/p&amp;gt;&amp;lt;pre&amp;gt;&amp;lt;code&amp;gt;version: &amp;#39;3.8&amp;#39;

services:
  user-service:
    build: ./services/user-service
    ports:
      - &amp;quot;8001:80&amp;quot;
    environment:
      DB_HOST: user-db
      DB_NAME: users_db

  auth-service:
    build: ./services/auth-service
    ports:
      - &amp;quot;8002:80&amp;quot;
    environment:
      JWT_SECRET: your-secret-key

  product-service:
    build: ./services/product-service
    ports:
      - &amp;quot;8003:80&amp;quot;

  redis:
    image: redis:alpine
    ports:
      - &amp;quot;6379:6379&amp;quot;

  user-db:
    image: mysql:8
    environment:
      MYSQL_DATABASE: users_db
      MYSQL_ROOT_PASSWORD: secret&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&amp;lt;div class=&amp;quot;tip-box&amp;quot; style=&amp;quot;background: rgb(240, 253, 244); border-left: 4px solid rgb(34, 197, 94); border-radius: 0px 8px 8px 0px; margin: 1.5em 0px; padding: 1em 1.2em;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #15803d;&amp;quot;&amp;gt;💡 เคล็ดลับ:&amp;lt;/strong&amp;gt; ในโปรเจกต์จริง ควรเพิ่ม &amp;lt;strong style=&amp;quot;color: #15803d;&amp;quot;&amp;gt;API Gateway&amp;lt;/strong&amp;gt; ด้านหน้าเพื่อจัดการ Routing, Authentication, Rate Limiting และ Load Balancing ให้กับ Services ทั้งหมด แนะนำ &amp;lt;strong style=&amp;quot;color: #15803d;&amp;quot;&amp;gt;Nginx&amp;lt;/strong&amp;gt; หรือ &amp;lt;strong style=&amp;quot;color: #15803d;&amp;quot;&amp;gt;Traefik&amp;lt;/strong&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;h2&amp;gt;ข้อดีและข้อเสียของแนวทางนี้&amp;lt;/h2&amp;gt;&amp;lt;h3&amp;gt;✅ ข้อดี&amp;lt;/h3&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;ไม่มี Framework Overhead — เร็วและเบา&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;เข้าใจได้ง่าย เพราะเป็น PHP พื้นฐาน&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;แต่ละ Service สามารถใช้ PHP Version ต่างกันได้&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Scale เฉพาะ Service ที่ Load สูงได้&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Team แยกกันพัฒนาได้โดยไม่ Conflict&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h3&amp;gt;❌ ข้อเสีย&amp;lt;/h3&amp;gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;ต้องเขียน Boilerplate เยอะกว่า Framework&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;ซับซ้อนด้าน Infrastructure และ DevOps&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Network Latency เพิ่มขึ้นจากการ Call ระหว่าง Services&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;Debugging ยากขึ้น ต้องการ Distributed Tracing&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;&amp;lt;h2&amp;gt;สรุป&amp;lt;/h2&amp;gt;&amp;lt;p&amp;gt;การสร้าง Microservices ด้วย Native PHP เป็นไปได้อย่างสมบูรณ์แบบ โดยใช้เพียง cURL, JSON, และ HTTP Standards ที่มีอยู่แล้วใน PHP โดยไม่จำเป็นต้องพึ่งพา Framework ขนาดใหญ่ อย่างไรก็ตาม ควรพิจารณาให้ดีก่อนว่าโปรเจกต์ของคุณมีความซับซ้อนพอที่จะได้ประโยชน์จาก Microservices จริงหรือไม่ เพราะสำหรับโปรเจกต์ขนาดกลาง &amp;lt;strong&amp;gt;Monolithic ที่ออกแบบดีๆ ก็ยังเป็นทางเลือกที่ดี&amp;lt;/strong&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;div class=&amp;quot;tag-list&amp;quot; style=&amp;quot;display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2em;&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#PHP&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#Microservices&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#WebDevelopment&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#Docker&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#BackendDevelopment&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#SoftwareArchitecture&amp;lt;/span&amp;gt;&amp;lt;span class=&amp;quot;tag&amp;quot; style=&amp;quot;background: rgb(224, 231, 255); border-radius: 20px; color: #3730a3; font-size: 0.85em; padding: 4px 12px;&amp;quot;&amp;gt;#NativePHP&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
&amp;lt;h3 style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;PHP&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #e06666;&amp;quot;&amp;gt;CI&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #c27ba0;&amp;quot;&amp;gt;MANIA&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #d5a6bd;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #674ea7;&amp;quot;&amp;gt;- &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: orange;&amp;quot;&amp;gt;PHP Code Generator&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;/h3&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: magenta;&amp;quot;&amp;gt;โปรแกรมช่วยสร้างโค้ด &amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #274e13;&amp;quot;&amp;gt;&amp;quot;ลดเวลาการเขียนโปรแกรม&amp;quot;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;separator&amp;quot; style=&amp;quot;clear: both;&amp;quot;&amp;gt;
&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;&amp;lt;img border=&amp;quot;0&amp;quot; data-original-height=&amp;quot;366&amp;quot; data-original-width=&amp;quot;640&amp;quot; height=&amp;quot;229&amp;quot; src=&amp;quot;https://1.bp.blogspot.com/-TUNSpxlni24/YBS8d0gXdTI/AAAAAAAANB0/WNHrNHDIetAk7jFsYdPeOfxIbqk-ymAnACLcBGAsYHQ/w400-h229/php-code-generator.jpg&amp;quot; width=&amp;quot;400&amp;quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;span style=&amp;quot;color: blue; font-weight: bold;&amp;quot;&amp;gt;ราคาสุดคุ้ม&amp;lt;/span&amp;gt;&amp;lt;span style=&amp;quot;color: #38761d; font-weight: bold;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;span style=&amp;quot;color: blue;&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;http://www.phpcodemania.com&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;http://www.phpcodemania.com&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;
&amp;lt;br /&amp;gt;&amp;lt;/div&amp;gt;
&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='http://blog.phpcodemania.com/feeds/8831198723624950411/comments/default' title='ส่งความคิดเห็น'/&gt;&lt;link rel='replies' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-microservices-without-frameworks.html#comment-form' title='0 ความคิดเห็น'/&gt;&lt;link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8831198723624950411'/&gt;&lt;link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2142305340755025784/posts/default/8831198723624950411'/&gt;&lt;link rel='alternate' type='text/html' href='http://blog.phpcodemania.com/2026/06/php-microservices-without-frameworks.html' title='PHP Microservices Without Frameworks: สร้าง Microservices ด้วย Native PHP'/&gt;&lt;author&gt;&lt;name&gt;Unknown&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/&gt;&lt;/author&gt;&lt;media:thumbnail xmlns:media=&quot;http://search.yahoo.com/mrss/&quot; url=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMKaOGkvZfW0mD8NtnUUaIZoRObi2v5ZR8sQ-ihaJfJLtsrgeuvtj2zkG9UmlybsyCE1q2TznhmECVO3NgwYrZ5anBAkm3DzGHBcd2Fi0CM7h8KPS9beoY6G6L3XmZ_7gJqHb0J4ON5UtObwxwpGdVWbG5erFJ9heGCrYdV0aDRpFw1BH8nPcQN525xHs/s72-w640-h360-c/fe971fbd-f1f6-4c0f-9ca3-d56bb8a040b0.png&quot; height=&quot;72&quot; width=&quot;72&quot;/&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;/feed&gt;