npx สร้าง react app ไม่ได้ it does not contain a package.json file

ในช่วงนี้ผมได้มีโอกาสมาเขียน React แบบจริงจัง ซึ่งปกติผมจะเป็น React แล้วเอาไปวางไว้บน Web server อื่น ๆ เช่น PHP หรือ Node.js และ React จะเขียนเป็น Frontend script เท่านั้น และตอนนี้ผมได้ลองมาเขียน React web app แบบเต็ม ๆ เลย คือเริ่มตั้งแต่การสร้าง project ของ React เองเลยครับ แต่ว่าปัญหาแรกที่เจอเลยก็คือ การสร้าง project ด้วยการสั่ง npx ไม่ได้ครับ

อ่านทั้งหมด

แก้ปัญหา cURL error 60: SSL certificate

ในการเขียนโปรแกรมสมัยนี้ โปรแกรมหลาย ๆ โปรแกรมมีความต้องการในการเชื่อมต่อกับระบบอื่น ๆ ผ่าน API ต่าง ๆ โดยส่วนมากแล้ว API มักจะมาในแบบของ HTTP เพราะว่าง่าย และวิธีการเชื่อมต่อของ PHP กับ HTTP ส่วนใหญ่ก็จะใช้ cURL ซึ่งก็สามารถใช้งานได้ดี แต่บางคนก็จะบนปัญหาเรื่องการแสดง error ว่า cURL error 60: SSL certificate อธิบายง่าย ๆ ก็คือเครื่องที่ส่ง cURL ไปยัง API นั้นยังไม่มี certificate นั้นเอง

อ่านทั้งหมด

ไมโครเซอร์วิสคืออะไร ?

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

อ่านทั้งหมด

มาติดตั้ง HTTPS ด้วย Let’s Encrypt ให้ Nginx บน Ubuntu 16.04 กันเถอะ

ทุกวันนี้ HTTPS ได้เข้ามามีบทบาทกับเว็บไซต์เป็นอย่างมาก ตั้งแต่การเข้ารหัสข้อมูลในการส่งข้อมูลผ่านเว็บไซต์ ซึ่งทำให้เรามั่นใจได้ระดับหนึ่งว่าข้อมูลจะไม่ถูกดักระหว่างทาง และตัว Browser เองก็มีการแสดงสัญลักษณ์ว่าเว็บไซต์ที่ติดตั้ง HTTPS เหล่านี้ปลอดภัย (กรณีที่ HTTPS นั้นได้รับ Certificate จากแหล่งที่น่าเชื่อถือ) ด้วยเช่นกัน และที่คาดไม่ถึงสุด ๆ ก็คือ เว็บไซต์ที่มี https จะมีคะแนนเกี่ยวกับ SEO ที่ดีกว่าเว็บไซต์ที่ไม่มี HTTPS ดังนั้นการติดตั้ง HTTPS ในยุคปัจจุบันจึงเป็นเรื่องที่สำคัญอย่างมาก

อ่านทั้งหมด

สอนเขียน WordPress Theme ฉบับมือใหม่ตอนที่ 3 – สร้าง Layout สำหรับ Header, Footer และ Sidebar

เอาหล่ะครับหลังจากที่เราทราบโครงสร้างของการจัดวางไฟล์ในการสร้าง WordPress Theme กันแล้วนะครับ บทความนี้เราจะมาลุยกันต่อในการสร้าง Layout กันเลยครับ เพราะว่าปกติทั่วไปแล้วงานออกแบบหรือพัฒนาเว็บไซต์เราจะเริ่มจากการวาง Layout กันซะก่อนแล้วค่อยขยับไปถึง การวางเนื้อหาภายใน Layout อีกทีครับ

อ่านทั้งหมด

สอนเขียน WordPress Theme ฉบับมือใหม่ตอนที่ 2 – ทำความรู้จักกับโครงสร้างและการเขียน PHP

เอาหล่ะครับหลังจากที่เราได้ลองสร้าง Theme WordPress แบบเปล่า ๆ แล้วลองกด Active ดูกันแล้ว และขั้นตอนต่อไปก็คือการทำให้ Theme แสดงผลตามที่เราต้องการครับ แต่ก่อนที่เราจะทำให้ Theme แสดงผลตามที่เราต้องการได้ เราต้องทำความเข้าใจก่อนครับว่าโครงสร้างเป็นอย่างไร และการเขียน PHP เพื่อดึงข้อมูลนั้นเขียนอย่างไร

อ่านทั้งหมด

สอนเขียน WordPress Theme ฉบับมือใหม่ตอนที่ 1 – เพิ่ม Theme เปล่าเข้าระบบ

ถ้าเพื่อน ๆ ได้อ่านบทความเรื่อง การทำ WordPress Shortcode ใช้เอง บางคนอาจจะงง ๆ อยู่ว่าจะเอา Code ไปใส่ตรงไหน ดังนั้นบทความนี้ผมจะมาสอนวิธีการเขียน WordPress Theme สำหรับใช้เอง ถ้าเพื่อน ๆ อ่านจบก็จะทราบได้เลยครับว่าจะเอา Code ไปใส่ไว้ตรงไหนครับ

ในตัวอย่างที่ผมจะใช้ในการเขียนบทความนี้ผมเอามาจากการทำ WordPress Theme เพื่อใช้งานกับเว็บไซต์ขายเสื้อยืด everduck. ของผมครับ โดยเนื้อหาที่ผมเขียนจะครอบคลุมวิธีการพัฒนา WordPress Theme เบื้องต้น คงไม่ถึงกับเจาะลึกไปทุก ๆ ส่วน หากสงสัยตรงไหนเพื่อน ๆ สามารถทิ้งข้อความไว้ได้เลยนะครับ สำหรับบทความแรกนี้จะเป็นการสร้าง Wordpree Theme เปล่า ๆ เพื่อนำเข้ามาใช้งานกับ WordPress ของเราครับ

อ่านทั้งหมด

การเขียน WordPress Shortcode แบบง่าย ๆ

เนื่องจาก Blog ของผมใช้ WordPress เป็นตัวขับเคลื่อน และตอนนี้ผมกำลังพัฒนา Shortcode สำหรับเขียนบทความแบบ Timeline ผมเห็นว่าการเขียน Shortcode นั้นไม่ใช่เรื่องยากอะไร และผมคิดว่าเพื่อน ๆ หลาย ๆ คนคงอยากมี Shortcode เป็นของตัวเองเช่นกัน ดังนั้นบทความนี้ผมเลยอยากจะแบ่งปันวิธีการเขียน Shortcode กันครับ (บทความนี้เหมาะสำหรับคนที่เขียน Theme หรือ Plugin เบื้องต้นเป็นแล้ว)

อ่านทั้งหมด

สอนเขียน SASS แบบมือใหม่ ตอนที่ 3 – หัดเขียน SASS กับความสามารถต่าง ๆ

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

อ่านทั้งหมด

สอนเขียน SASS แบบมือใหม่ ตอนที่ 2 – Complie .sass และ .scss เป็น .css

หลังจากที่เราได้ทำการติดตั้งเครื่องมือสำหรับพัฒนา SASS ไปแล้ว มาบทความนี้ผมจะพาเพื่อน ๆ ไปเริ่มพัฒนา SASS กันครับ โดยเราจะเริ่มจากการ compile กันก่อนเลย เพราะขั้นตอนการ compile นี้เองเป็นขั้นตอนที่เราจะแปลงไฟล์ .sass และ .scss ให้กลายเป็น .css เพื่อที่เราจะเอาไฟล์ .css ไปใช้กับเว็บไซต์ของเรา โดยขั้นตอนที่เราจะทำการ compile มีดังนี้ครับ

อ่านทั้งหมด