บทความเกี่ยวกับ Web Development, Computer Science แบบเข้าใจง่าย และประสบการณ์จากงานจริง
สวัสดีครับ เคยเบื่อกันบ้างไหม เขียนโค้ดใหม่ทีหนึ่ง ต้อง Remote เข้า FTP Protocols แล้วลากไฟล์ลงแบบดิบเถื่อน แล้วต้อง build อีกทีหนึ่ง โลกนี้มีระบบที่เรียกว่า CI/CD หรือ Continuous Integration and C...
อ่านบทความ →
สวัสดีครับ ในบทความนี้ผมจะชวนมารู้จักกับวิธีการเขียนปลั้กอินสำหรับ WordPress ซึ่งในบทความแรกนี้ผมจะพาไปทำความรู้จักกับการเก็บข้อมูลการตั้งค่าต่าง ๆ บน WordPress โดยที่เราไม่ต้องสร้าง Table ใหม่ โดย...
อ่านบทความ →
สวัสดีครับในบทความนี้จะมาลงลึกเรื่องการสังเคราะห์ Ether (Diethyl Ether) กัน วิธีการ ตัวเร่งปฏิกิรยา และความเสี่ยงที่จะเกิด PeroxideAcid-catalyzed dehydrationในการสังเคราะห์ Diethy E...
อ่านบทความ →
Eschweiler-Clarke Eschweiler-Clarke คือปฏิกิริยาที่เติมหมู่ methyl (-CH3) เข้าไปในพันธะของ Amine's nitrogen หรือที่เรียกว่า N-methylation โดยสามารถเปลี่ยน Prim...
อ่านบทความ →
สำหรับสายคนที่เซ็ท Linux Server แบบผมเองในอดีต โดยการตั้งคอมเล็ก ๆ ไว้เปิดเซิร์ฟเวอร์เอง ทำ Virtual Host เปิดได้หลาย ๆ เว็บ หลาย ๆ โดเมน คิดว่าที่ผมทำคือคุ้มที่สุดละ ถ้าเทียบกับ VPS เดือนละหลายร้อย...
อ่านบทความ →
สวัสดีครับในบทความนี้เราจะมาเรียนรู้กันเรื่องการ Reduction และการ Oxidation หรือที่เรียกรวม ๆ ว่าปฏิกิริยา "Redox" นั่นเอง ! ก่อนแรกเราจะมาพูดถึงความหมายหรือนิยามของ Reduction และ Oxidati...
อ่านบทความ →
สวัสดีครับในบทความนี้เราจะมาทำความรู้จัก Alcohol, Alkene, Alkyne, Ketone, Ether, Ester, Amine และ Amide ซึ่งเป็น Functional Group พื้นฐานในทางเคมีอินทรีย์ ว่าพวกนี้คืออะไร เป็นสารประกอบหน้าตาเ...
อ่านบทความ →
สวัสดีครับวันนี้ผมจะมาเล่าเทคนิคการสังเคราะห์ ทริปตามีน (Tryptamine) ซึ่งสามารถนำไปสังเคราะห์อนุพันธ์อื่น ๆ ที่น่าสนใจมากมายเช่น harmine และ Tryptoline เป็นต้น ด้วยวิธีการ Decarboxyl...
อ่านบทความ →
สวัสดีครับในวันนี้ผมจะมาแนะนำ การทำนายสิ่งต่าง ๆ โดยใช้ Python ซึ่งเราจะใช้ Library หลายตัว ได้แก่ pandas สำหรับสร้าง สิ่งที่เรียกว่า "DataFrame" ซึ่งจะทำให้เราทำงานกับข้อมูลได้ง่ายขึ้น n...
อ่านบทความ →
แก้ปัญหา Overfitting Model หาก Model ของเรามีปัญหา Overfitting ซึ่งก็คือ การที่ Model ทำประสิทธิภาพได้ไม่ดี ใน Test Set ซึ่งสำหรับ Model แล้ว ถือเป็นข้อมูลที่ไม่เคนเห็น ในบทความนี้ผมก็จ...
อ่านบทความ →
Stable Diffusion เป็น Opensource Text to Image AI ที่ผู้ใช้จะสามารถ ใส่ Prompt ให้ AI สร้างภาพอย่างที่เราต้องการได้ โดยในบทความนี้ผมจะพาไปดูวิธีการติดตั้ง Stable Diffusion Web...
อ่านบทความ →
สวัสดีครับในวันนี้ผมจะพามาตั้งค่า Metadata ใน Next.js กัน หลายๆ คนที่เริ่มพัฒนาเว็บด้วย Next.js ใหม่ ๆ อาจจะยังสงสัยว่า ใน Next.js เราจะสามารถตั้ง Title และ Meta เช่น Open Graph protocol (og:image ...
อ่านบทความ →
Next.js เป็นผลงาน Fullstack React Framework จากบริษัท Vercel ที่หลายๆ คนมองว่า นี่เป็นสิ่งที่ React.js ควรจะเป็นตั้งแต่แรก เหตุที่เรามองว่ามันเป็น Fullstack Framework ก็เพราะว่า ตั...
อ่านบทความ →
ในบทความนี้ผมจะมาแนะนำ การดึงข้อมูลจาก Backend โดยใช้ Fetch ซึ่งจะมีการใช้ useState ในการติดตามสถานะ ว่าดึงข้อมูลออกมาแล้วหรือยัง เหตุผลที่ต้องใช้ useState ก็คือ ฝั่ง Client-Side นั่นหากเราดึงข้อมู...
อ่านบทความ →
ในบทความก่อนหน้า เราได้ทำการ สร้าง Component รวมถึง Interface แล้ว ในบทความนี้ผมจะพามาสร้าง Service สำหรับการทำงานต่าง ๆ ในกรณีนี้จะเป็นการดึงข้อมูล JSON จาก Backend API มาแสดง โดยผมจะมี Backend ที...
อ่านบทความ →
Routing คือการกำหนดการทำงานตามที่อยู่ใน URL เช่น /Person, /editPersons ให้แสดงหน้าและ Component ที่แตกต่างกัน ซึ่งในบทความนี้ผมจะมาแนะนำวิธีการสร้างและจัดการ Routing บน Angular Routing</...
อ่านบทความ →
การวิเคราะห์และออกแบบเชิงวัตถุ Object-oriented analysis and design (OOAD) เป็นวิธีการ ออกแบบ และวิเคราะห์ การเขียนโปรแกรม ในรูปแบบหนึ่ง ซึ่งจะเกี่ยวข้องกับการเขียนโปรแกรมเชิงวัตถุ Object-oriented&n...
อ่านบทความ →
ในบทความนี้ผู้อ่านจะได้เรียนรู้ถึงวิธีการใช้ SQLmap ในการโจมตีเว็บเพจที่มีช่องโหว่ SQL Injection ซึ่งจะสามารถ แสดงข้อมูลทั้งหมดจากทุกตาราง (Tables) และทุกฐานข้อมูล (Databases) รวมถึงสามารถเข้าถึง O...
อ่านบทความ →
Angular คืออะไร? Angular เป็น Frontend Framework พัฒนาโดย Angular Team จากบริษัท Google ที่ใช้ TypeScript เป็นหลัก ทำงานอยู่ใน JavaScript runtime en...
อ่านบทความ →
สวัสดีครับ ในวันนี้ผมจะมาแนะนำการใช้ Express.js Framework ในการทำ JSON API Backend Server เพื่อ Serve ข้อมูลจาก MySQL กัน เรียกได้ว่า บทความนี้ครบจบตั้งแต่เชื่อมต่อฐานข้อมูล MySQL ...
อ่านบทความ →
IP Address คืออะไร? IP Address คือ ข้อมูลขนาด 32 bits สำหรับระบุที่อยู่ของเครือข่ายใน Internet Protocol โดย IP จะมีหลาย Class ได้แก่ <tbod...
อ่านบทความ →
Time Complexity เป็นศัพท์เฉพาะทางในทาง Programming ที่บ่งบอกถึง จำนวนเวลาที่ใช้ในการทำงาน ของ Algorithm ซึ่งการเปรียบเทียบผลลัพท์ที่ออกมาจาก การคำนวน Time Complexity จะเปรียบเ...
อ่านบทความ →
ปัญหาจอฟ้า Error: nvlddmkm.sys หลังติดตั้ง Nvidia Driver ใหม่ ไม่ว่าจะผ่าน Geforce Experience หรือ ติดตั้งผ่านไฟล์ที่ download โดยตรงจาก Nvidia โดยเฉพาะในเครื่อง Notebook (Lap...
อ่านบทความ →
สวัสดีครับ ในบทความนี้ผมจะมาแนะนำการสร้าง Web Chat Application อาศัยเครื่องมือ ได้แก่ Node.js, Express.js, Socket.io โดย Node.js จะเป็น Server-Side Processing ส่วน Express.js จะเป็นตัว Routin...
อ่านบทความ →
สวัสดีครับ ในบทความนี้ผมจะพามาแนะนำให้รู้จักกับ "Raycast" มันคือการที่เรายิงเส้นตรงออกมาจากกล้องของ Player เพื่อให้ไปตกกระทบ Objects ต่าง ๆ ใน Scene ตัวอย่างการใช้ Raycast ที่เกมต่างๆ ใช้...
อ่านบทความ →
สวัสดีครับ ในบทความนี้ ผมจะพามาแนะนำให้รู้จักกับ Properties ต่าง ๆ ของ GameObject เช่น Tag และ Layer ของ GameObject และการจัดการ GameObject เช่น ให้แสดงหรือซ่อน (SetActive) เป็นต้น ...
อ่านบทความ →
สวัสดีครับ ในวันนี้ผมจะพามาแนะนำการเขียน C# เบื้องต้น เพื่อนำไปปรับใช้ในการเขียน Script ต่างๆ ให้กับเกมที่สร้างด้วย Unity Engine แนวคิดเบื้องหลังของ Game Engine Game Engine ทั...
อ่านบทความ →
Bash (Bourne-Again SHell) เป็นโปรแกรมชุดคำสั่ง ที่ถูกพัฒนาโดย Brian Fox ในโครงการ <a ...
อ่านบทความ →
สวัสดีครับในบทความนี้ผมจะพามารู้จักกับช่องโหว่ Cross-Site Scripting (XSS) โดยหลักๆ คือการ ที่ผู้ไม่ประสงค์ดีแทรกโค้ด Javascript เข้าไปทำงาน ในเว็บไซต์ ซึ่งเป็นการแทรก <script></script...
อ่านบทความ →
สวัสดีครับในบทความนี้จะเป็นการแนะนำการป้องกันเว็บไซต์ของเราจากการถูกโจมตีด้วย MySQL Injection ซึ่ง MySQL Injection คือการที่ผู้ไม่ประสงค์ดีสามารถแทรกโค้ดเข้าไปใน คำสั่ง MySQL ของเราได้ ซึ่งมีตัวอย่...
อ่านบทความ →
สวัสดีครับในบทความนี้ผมจะพามารู้จักกับ Cookie และ Session บนภาษา PHP ซึ่งก่อนแรกเราจะมาพูดถึงข้อแตกต่างระหว่าง Cookie กับ Session กันก่อน จากนั้นจะมีตัวอย่างโค้ด PHP การสร้าง เรียกใช้ และทำลาย ข้อม...
อ่านบทความ →
ในบทความนี้ผมจะมาแนะนำการ Optimization Website ที่ทำงานบน Node.js และใช้ Nginx เป็น Reverse Proxy สำหรับนักพัฒนาเว็บไซต์ที่เจอ Connection Timeout บ่อยๆ ก่อนแรกต้องไปที่ไฟล์ /...
อ่านบทความ →
สวัสดีครับ ในบทความนี้จะเป็นการแนะนำบทเรียนเบื้องต้น ก่อนจะศึกษาวิชา Calculus 1 สิ่งที่ต้องรู้มีอะไรบ้าง บอกก่อนเลยว่าผมไม่ได้เรียนสายวิทย์-คณิต และบทเรียนที่ผมกำลังจะแนะนำ ผมอาจให้ได้ไม่แน่นมากเท่...
อ่านบทความ →
สวัสดีครับ ในบทความนี้ผมจะมาแนะนำเครื่องมือตัวหนึ่งที่ชื่อ PM2 ใช้สำหรับจัดการ Node.js Projects หลายๆอันของเรา ได้ง่ายๆ และสามารถเก็บ log ไปยัง file ได้ สามารถ Monitoring ทรัพยากรที่ใช้ได้ สามารถนำ...
อ่านบทความ →
ในบทความนี้จะเป็นการแนะนำวิธีการหาอนุพันธ์ (Derivative) ในแบบเข้าใจง่ายๆ โดยจะรวบรวมถึงการหา Derivative ของสมการทั่วไป สมการติด root และตรีโกนมิติ (sin cos tan) การ Derivative นั้นใน...
อ่านบทความ →
สวัสดีครับในบทความนี้ผมจะมาแนะนำเรื่องการใช้ PHP ร่วมกับ ฐานข้อมูล MySQL เช่นการ query ข้อมูลออกมาแสดง เป็นต้น ตัวอย่างในบทความนี้จะเป็นการยกตัวอย่างการแสดงข้อมูลบทความจากตารางที่ชื่อ article...
อ่านบทความ →
ในบทความนี้ ผมจะเริ่มจากการรับค่า form ของ HTML ที่เราสามารถสร้างให้รับ input จากผู้ใช้มาดำเนินการบน PHP ได้ เช่น นำไปคำนวน, สร้างระบบจัดการข้อมูล หรือ ออกแบบระบบสมาชิก เป็นต้น ซึ่งในตัวอย่างแรกจะเ...
อ่านบทความ →
Heap Tree เป็นโครงสร้างข้อมูลแบบต้นไม้ (Tree) ในบทความนี้จะเป็นการอ้างอิงเนื้อหาจากความรู้เรื่องโครงสร้างต้นไม้ (Tree) ซึ่งผมได้อธิบายเบื้องต้นไว้ในบทความ <a href="https://sunny420x.com/articles/39...
อ่านบทความ →
ในบทความนี้ผมจะมาแนะนำการเขียนโปรแกรมเว็บด้วยภาษา PHP หากเพื่อนๆ ที่ได้ศึกษา HTML, CSS มาบ้างแล้ว จะพบว่า HTML และ CSS เป็นเพียงแค่การจัดโครงสร้างของหน้าเว็บเท่านั้น การจะทำระบบต่างๆ จึงจะต้องใช้ภา...
อ่านบทความ →
สวัสดีครับ ในบทความนี้จะเป็นการแนะนำ Algorithm การจัดเรียงข้อมูลแบบ Selection Sort มีประสิทธิภาพในการทำงานเร็วสุดที่ O(n2) เฉลี่ย O(n2) แย่สุด O(n2)  ...
อ่านบทความ →
บทความนี้เป็นการแนะนำคำสั่ง JOIN ของ MySQL ที่มีไว้สำหรับ เชื่อมต่อหลายตารางเข้าด้วยกัน เพื่อนำมาแสดงผล หรือนำมาสร้างเงื่อนไขต่างๆ โดยที่คำสั่ง JOIN จะมี อย่างน้อย 4 แบบคือ <img alt="MySQ...
อ่านบทความ →
สวัสดีครับ ในบทความนี้จะเป็นการแนะนำ Algorithm การจัดเรียงข้อมูล มีหลายวิธี เช่น Quicksort, Mergesort, Insertion Sort Bubble Sort, Bucket Sort, Radix Sort และ Heapsort ซึ่ง...
อ่านบทความ →
สวัสดีครับในบทความนี้จะเป็นการแนะนำการสร้าง เว็บไซต์ที่มีระบบเพิ่ม ลบ แก้ไข ข้อมูลในฐานข้อมูล MySQL บน Node.js เป็น Project ที่ง่ายและเป็นพื้นฐานของการพัฒนาเว็บไซต์ Node.js คืออะไร?...
อ่านบทความ →
การสร้างบัญชีผู้ใช้ (Creating MySQL User) สำหรับคนที่มีหลายๆ projects ทุก projects ควรออกแบบให้แต่ละ project เข้าถึงตารางของตนเองผ่าน user ที่แตกต่างกัน เพื่อจำกัดผู้ใช้ให้สามารถเข้าถึง...
อ่านบทความ →
Homebrew คืออะไร? หากใครเป็นคนที่ใช้ Linux จะทราบว่าเวลาเราต้องการจะดาวน์โหลด Software และ Package ต่างๆ เราล้วนจะติดตั้งผ่าน Package Manager เช่นการติดตั้งผ่านคำสั่ง apt ของระบบปฏิบัติ...
อ่านบทความ →
ในบทความนี้จะเป็นการแนะนำวิธีการเปิดอ่านและเขียนไฟล์ Text เพื่อใช้เก็บข้อมูล โดยจะเป็นการใช้งานร่วมกับโครงสร้าง Struct เพื่อจัดกลุ่มข้อมูล หากเพื่อนๆ คนไหนยังไม่ได้อ่านเรื่อง Struct สามารถไปอ่านได้...
อ่านบทความ →
บทความนี้จะเป็นการแนะนำวิธีการสร้าง Windows USB Bootable จาก macOS กัน ซึ่งโดยปกติแล้ว Disk Utility ของ macOS จะเปลี่ยนชนิดของ Partions ให้เข้ากับ Windows ได้เพียงแค่ประเภท exFAT และ FAT32 ไม่สามาร...
อ่านบทความ →
ในบทความนี้จะเป็นการเขียนและอ่านข้อมูล Binary File บนภาษา C แบบเบื้องต้น ซึ่งจากบทความที่แล้วเป็นการเขียนข้อมูลลงใน Text File ซึ่งหากเราต้องการให้ไฟล์ที่เราใช้เก็บข้อมูลอ่านยากขึ้น ควรเขียนข้อมูลลง...
อ่านบทความ →
โครงสร้างข้อมูลแบบต้นไม้ (Tree) เป็นโครงสร้างข้อมูลที่สามารถนำไปปรับใช้กับการค้นหาข้อมูลแบบ Binary Search Tree และการจัดเรียงข้อมูล (Sorting) ได้ ซึ่งเป็นแนวคิดนักวิทยาการคอมพิวเตอร์เลียนแบบมาจากต้...
อ่านบทความ →
สำหรับใครที่เป็นสาวก macOS อาจเบื่อหน้าต่าง Ternimal เดิมๆ ที่มากับ OS ในบทความนี้จะเป็นการแนะนำวิธีการปรับแต่ง Ternimal โดยใช้ Software ที่ชื่อว่า "Oh My Zsh" และ "Figlet"ให้ T...
อ่านบทความ →
Port คืออะไร? Port เป็นช่องทางการรับส่งข้อมูลของเครือข่ายคอมพิวเตอร์ ซึ่งผู้พัฒนาโปรแกรมจะใช้ Port ที่ไม่ซ้ำกัน โปรแกรมแต่ละโปรแกรมรวมถึงเกมคอมพิวเตอร์ที่มีการรับส่งข้อ...
อ่านบทความ →
ในบทความนี้จะเป็นการแนะนำการจัดกลุ่มตัวแปรโดยใช้ Struct ซึ่งทำให้เราสามารถเรียกใช้ตัวแปรต่างๆที่อยู่ใน Struct ได้ ทำให้เราสามารถจัดกลุ่มของตัวแปรต่างๆ ไว้เป็นกลุ่มๆ ได้ ตัวอย่างเช่น หากมีตัวแปร <st...
อ่านบทความ →
ในบทความนี้จะเป็นการแนะนำ "วิธีการใช้งาน ตาราง (Tables) มากกว่าหนึ่งตาราง ในฐานข้อมูล MySQL" ซึ่งตัวอย่างตารางที่ใช้ในบทความนี้ คือ ตารางที่ใช้เก็บประวัติการซื้อสินค...
อ่านบทความ →
ในการใช้งาน Loop ร่วมกับ Array คล้ายกับการที่วนซ้ำและแก้ไขข้อมูลในตัวแปร ซึ่งในบทความนี้จะยกตัวอย่างบนภาษา C 1) รับค่าและนำข้อมูลใส่ลงใน Array ในตัวอย่างโปรแกรมแรกจะเป็นการรับ...
อ่านบทความ →
Crow's Foot Notaion หรือที่เรียกว่า IE notation คือ รูปแบบในการนำเสนอให้เห็นถึงความสัมพันธ์ของตารางมากกว่าหนึ่งตาราง และชนิดของข้อมูลของข้อมูลที่สัมพันธ์กัน โดยใ...
อ่านบทความ →
จากเดิมสูตร (9+3)/2-4 เครื่องหมายดำเนินการ (operators) เช่น +, -, *, / จะอยู่ในรูปของ Infix notation หมายถึง อยู่ระหว่างกลางของ ตัวถูกดำเนินการ (operands) ทั้งสองตัว&nbs...
อ่านบทความ →
ใน Projects นี้จะเป็นการสาธิตวิธีการทำ จานอาหารเลี้ยงเชื้อรา (Agar plates) สูตร PDA (Potato + Dextrose + Agar) เองจากวัตถุดิบที่หาได้ง่าย ราคาถูก สำหรับเพาะเลี้ยงเชื้อรา ขยายเชื้อ ทำหัวเชื้อ ซึ่งสู...
อ่านบทความ →
ในบทความนี้จะเป็นคำสั่ง MySQL เพิ่มเติม สำหรับการจัดการฐานข้อมูลที่ซับซ้อนมากยิ่งขึ้น ตัวอย่างตาราง worker ...
อ่านบทความ →
ในบทความนี้เป็นการแนะนำให้รู้จักกับฐานข้อมูล MySQL ซึ่งเป็นฐานข้อมูลที่ใช้กับ ข้อมูลที่มีโครงสร้าง (Structured Data) หมายถึง ข้อมูลที่สามารถนำมาทำให้อยู่ในรูปแบบตารางได้ ตัวอย่างตา...
อ่านบทความ →
โจทย์ตัวอย่างที่ 1 ให้หาส่วนเบี่ยงเบนมาตรฐาน (S.D.) และ สัมประสิทธิ์การแปรผัน (C.V.) ของคะแนนจากกลุ่มนักเรียน 10 คน ดังนี้ 56, 72, 63, 40, 33, 21, 10, 80, 90, 92 ค่...
อ่านบทความ →
ตารางการตัดสินใจ (Decision Table) ตารางการตัดสินใจ คือ ตารางที่แสดงผลลัพท์จากการพิจารณา ทางเลือก (แทนด้วย A) และเหตุการณ์ (แทนด้วย E) ตัวอย่างตารางที่ประกอบด้วย 5 กลยุทธ์ และ ...
อ่านบทความ →
บทความนี้จะเป็นการแนะนำวิธีการเขียน JavaScript สำหรับสร้างกลไกต่างๆ ภายในเว็บไซต์ ข้อแตกต่างระหว่าง Client-Side และ Server-Side JavaScript เป็นภาษาที่ทำงานบน ...
อ่านบทความ →
ในบทความนี้จะเป็นการปูพื้นฐานการเขียนโปรแกรมด้วยภาษา C มีจุดประสงค์เพื่อให้ผู้อ่านสามารถนำไปต่อยอดได้ ภาษา C เป็น low-level language คือ ภาษาระดับที่ใกล้เคียงกับภาษาเครื่อง อย...
อ่านบทความ →
Nginx เป็นโปรแกรมที่ออกแบบมาเพื่อสำหรับใช้เป็นเว็บเซิร์ฟเวอร์ เพื่อแสดงหน้าเว็บแบบคงที่ (serve static web content) คล้ายกับ Apache2 และยังสามารถใช้เป็น reverse proxy,&nbs...
อ่านบทความ →
Nmap คืออะไร? Nmap (Network Mapper) เป็น Software ตรวจจับอุปกรณ์ และบริการในเครือข่าย โดยการวิเคราะห์การตอบสนองของเป้าหมายต่อ packets ที่ส่งไป โปรแกรมนี้ถูกพัฒนาโดย Gordon Lyon (...
อ่านบทความ →
Proxy คือ บริการที่ให้เราสามารถส่งต่อคำขอส่งข้อมูล (requests) ผ่าน Proxy Server ไปยังเซิร์ฟเวอร์อื่นๆ ได้ โดยไม่ต้องเชื่อมต่อจากเราโดยตรง ตัวอย่างเช่น การจะเชื่อมต่อ A ไปหา B ปกติจ...
อ่านบทความ →
HTML (Hypertext Markup Language) เป็นภาษาที่ใช้เขียน Hypertext Markup คือ การสร้างโครงสร้างของข้อความ และ hypertext ซึ่งจะไม่เหมือนภาษาอื่นๆ ที่สามารถเขียน logic เข้าไปได้ เช่...
อ่านบทความ →