Skip to main content

คุณสมบัติใหม่ ๆ ใน JavaScript ES2020 เลือกเฉพาะอันที่ชอบมาเล่าให้ฟัง

· 2 min read

Intro

สวัสดีครับ บทความนี้จะพูดถึงคุณสมบัติใหม่ ๆ ใน JavaScript ECMAScript 2020 (ES2020) แต่ไม่ได้พูดทั้งหมด เพราะจะเลือกเฉพาะอันที่ผมชอบและเห็นว่ามีประโยชน์มากจริง ๆ 😆 มาเริ่มกันเลย

ความคล้ายและความแตกต่างระหว่าง Rest Parameters vs. Spread Operators ใน JavaScript

· 2 min read

Intro

สวัสดีครับ บทความนี้จะพูดถึง ความคล้ายและความแตกต่างระหว่าง Rest Parameters vs. Spread Operators (เป็นคุณสมบัติใหม่ของ JS รุ่น ES6) เพราะตอนใช้งานแรก ๆ จะสับสนการเรียกอะไรคือ Rest อะไรคือ Spread เรียกสลับกันไปมา รู้แต่ว่าใช้ ... 😅 ทีนี้พอเข้าใจและเขียน JS มาสักพักแล้วก็เลยอยากสรุปเรื่องนี้ไว้สักหน่อย มาเริ่มกันเลยครับ

รีวิว Laravel Framework (ข้อดี vs. ข้อเสีย) แบบละเอียดโดยฉบับผู้ใช้งานจริงจัง

· 17 min read

Intro

laravel

สวัสดีครับ บทความนี้จะเป็นการรีวิว Laravel Framework โดยจะพาเข้าสู่จักรวาลของ Laravel ซึ่งเป็น Web Framework แบบ MVC ของภาษา PHP โดยได้รับความนิยมอย่างมาก (สูงสุดของ Framework ภาษา PHP) โดยบทความนี้ก็จะมาเล่าถึงข้อดี และ ข้อเสีย ฉบับผู้ใช้งานจริงจัง (หมายถึงใช้งานระดับ Production มาหลาย Projects แล้ว) ที่ไม่ใช่แค่ลองเล่น หรือทำแค่ CRUD 😅 โดยก็จะเป็นการรีวิวแบบตรงไป ตรงมา ดีก็ว่าดี แย่ก็ว่าแย่นะครับ 😊

หากคำพูดส่วนใดไม่ถูกต้อง หรือใครมีข้อเสนอแนะอยากเพิ่มเติม สามารถเขียนลงที่ช่องแสดงความคิดเห็นได้เลยนะครับ ผมเองยินดีรับฟังทุกความคิดเห็นเพื่อเอามาปรับปรุงเนื้อหาในบทความนี้ครับ 🙏

ความแตกต่างระหว่าง Export vs. Export Default และการ Import ของ JavaScript

· 3 min read

Intro

บทความนี้จะเป็นการอธิบายความแตกต่างระหว่าง Export และ Export Default รวมถึงการ Import โดยเป็นการสรุปไม่ยาว เหมาะสำหรับผู้ที่เคยเขียนมาในระดับนึงแล้ว และจะอธิบายว่าเมื่อไหร่ควรใช้

ความแตกต่างระหว่าง Map Filter Find Reduce Foreach Every Some ของ JavaScript

· 4 min read

Intro

บทความนี้จะเป็นการอธิบายความแตกต่างระหว่าง Map Filter Find Reduce Foreach Every Some ของ JavaScript ซึ่งจากช่วงที่หัด JS ใหม่ ๆ ช่วงแรก ๆ ก็จะ งง ๆ อยู่ว่าแต่ละตัวควรใช้ตอนไหน ? ทำไมบางตัวให้ผลลัพธ์ใกล้เคียงกัน ? มันแตกต่างกันอย่างไร ? คำถามเยอะไปหมด

พอหาอ่านบทความส่วนใหญ่จะพูดถึงแค่ แต่ละตัวคืออะไร ทำงานอย่างไร แต่ไม่ได้ตอบโจทย์ที่ผมต้องการรู้ถึงความแตกต่างในแต่ละตัว ดังนั้นบทความนี้จะก็จะพูดถึงสิ่งเหล่านี้และยกตัวอย่างกรณีใดที่ควรใช้

Setup Next.js Project With Typescript + ESLint + Prettier + Ant Design

· 5 min read

Intro

บทความนี้จะเป็นการติดตั้ง Next.js ที่เป็น TypeScript รวมกับ ESLint Prettier และ Ant Design โดย ESLint จะเป็น Linter ที่จะแนะนำให้เราเขียนโค้ดตามมาตรฐาน ส่วน Prettier คือตัวช่วยที่ในการเขียนโค้ดเราดูสวยมากขึ้น อ่านง่ายมากขึ้น และยังช่วยในการจัดฟอร์แมตอัตโนมัติ และสุดท้าย Ant Design คือ Frontend Framework ที่ช่วยให้นักพัฒนาออกแบบ UI ได้ สวยงาม ง่ายและรวดเร็ว โดยมี Component ต่าง ๆ มากมายให้เลือกใช้เยอะมาก

หลักเกณฑ์และแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบ RESTful API

· 16 min read

Intro

ปัจจุปันการพัฒนา API หรือ Microservice เพิ่มขึ้นอย่างมีนัยสำคัญ ซึ่งมีส่วนสำคัญในการใช้แลกเปลี่ยนข้อมูล กรณีมีแอปพลิเคชันในหลายรูปแบบเช่น Web app หรือ Mobile app และ IoT โดยใช้ Restful API เป็นตัวกลางเชื่อมต่อระหว่างแต่ละอุปกรณ์ซึ่งอนุญาตให้แลกเปลี่ยนข้อมูลระหว่าง Server กับ Client โดย Server รับ Requests จาก Client และส่ง Response ข้อมูลกลับ

API

คำว่า API นั้นย่อมาจาก Application Programming Interface ซึ่ง API จะเป็นตัวกลางที่อนุญาตให้แอปพลิเคชันแลกเปลี่ยนข้อมูลผ่าน Endpoint โดย Client จะใช้ API ส่งคำร้องขอ (Request) และตอบกลับข้อมูล (Response) (คล้าย ๆ การสื่อสารระหว่าง 2 อุปกรณ์โดยมี API เป็นตัวกลาง)

วิธีตั้งคำถามที่ดี เพื่อที่คุณจะได้รับคำตอบที่ต้องการ (คำแนะนำจาก Stackoverflow)

· One min read

Intro

พอดีว่าวันก่อน ผมได้รับอีเมลจาก Stack Overflow หัวข้ออีเมลว่า "3 steps to ask a question" ก็ทำนองว่า แนวทางการตั้งคำถาม 🤔 ก็เลยลองกดอ่านดู พบว่ามีประเด็นที่น่าสนใจเลยเอามาเขียนไว้ดังนี้ครับ