Published onMarch 25, 2022 • Web Developmentอัพเดทเว็บอีกแล้ว v6.0 จาก Gatsby มา Next.jsสวัสดีครับ ตอนนี้เว็บ Devahoy ก็มีการเปลี่ยนแปลงอีกแล้วนะครับ คือเปลี่ยนจาก ~~Gatsby~~ มาใช้ Next.js เรียบร้อยแล้วจริงๆ ตัวหน้าเว็บ ถ้าไม่นับ...Web-DevelopmentBlogGatsbyNextJSNext.jsMDX
Published onFebruary 2, 2020 • Web Developmentแนะนำแนวทางการออกแบบ APIs เพื่อคนในทีมสวัสดีครับ บทความนี้ผมจะมาพูดเรื่อง API และการออกแบบ API กันนะครับ โดยไม่ได้มีการเขียนโค๊ด แต่จะเป็นพวก Concept เป็นแนวทางการปฎิบัติ ซะมากกว่า มองว่ามันคือ Guideline นะครับและเนื่องจาก ในบางครั้ง ผ...APIWeb-DevelopmentAPI-Guidelineออกแบบ-APIRESTful-APIRESTful
Published onFebruary 1, 2020 • Web Developmentเรียนฟรี! คอร์สเรียนทำเว็บไซต์ด้วย HTML และ CSS สำหรับมือใหม่ (ปี2019)สวัสดีครับ วันนี้มาอัพเดทบล็อก เพราะว่าผมนำคอร์สออนไลน์ มาให้เพื่อนๆได้เรียนฟรี บน Youtube ครับคอร์สนี้เป็นคอร์สเดียวกันกับที่ผมทำคอร์สออนไลน์ ขายราคา 2,990 บาท HTML & CSS for...ทำเว็บสอนทำเว็บสอนเขียนเว็บทำเว็บไซต์Web-DevelopmentWeb-DevHTMLเรียน-HTMLเรียน-CSS
Published onAugust 20, 2019 • NodeJSวิธีการ Setup Server สำหรับ Node.js และ React ด้วย NGINXสวัสดีครับ วันนี้จะพาไป Setup Server สำหรับ Deploy Backend และ Frontend คือ Node.js Application และ React App ไว้ในเครื่องเดียวกัน โดยใช้ NGINX เป็น reverse ...NodeNodeJSPM2DeploymentBackendWeb-DevelopmentReactnginxServer
Published onAugust 15, 2019 • NodeJSทำ Backend API ด้วย Node.js และ MongoDB กันดีกว่าสวัสดีครับ วันนี้มาแนะนำการเขียน RESTful API สำหรับ Node.js ด้วยการใช้ Express.js และ MongoDB กันนะครับ ซึ่งจริงๆแล้วบทความ API ด้วย Node.js นั้นเคยเขียนไว้แล้วหลายบทความเลย เช่น- มาทำ RESTFul API...NodeNodeJSExpressExpressJSAPIBackendBackend-APIMongoDBMongooseWeb-Development
Published onAugust 4, 2019 • VueVue.js คืออะไร? + สอนใช้งาน Vue.js ฉบับเริ่มต้นปัจจุบัน Vue.js เป็นหนึ่งใน Web Framework ที่คนนิยมนำมาพัฒนาเว็บไซต์ วันนี้ผมจะมาทำ Tutorial อธิบายว่า Vue.js คืออะไร? ไปจนถึงสอนวิธีการใช้งาน Vue.js...VueVuejsWeb-Development
Published onJuly 29, 2019 • Web Developmentวิธีการ Deploy เว็บไซต์ง่ายๆ ด้วย Netlifyบทความนี้จะมาแนะนำวิธีการ Deploy เว็บไซต์หรือการอัพโหลดเว็บไซต์เราไปที่เครื่อง Hosting นั่นเอง โดยใช้ Netlify ซึ่งโดยปกติแล้ว เว็บ Hosting จะต้องเสียค่าบริการ ต้องเช่ารายเด...Web-Developmentสร้างเว็บเว็บไซต์Web-HostingNetlifyStatic-Web
Published onJuly 8, 2019 • Web Developmentบันทึกการทำบล็อกด้วย Gatsby บนเว็บ Devahoyหลังจากบทความก่อนหน้านี้ 3 เดือนที่แล้ว ผมเขียนบอกไว้ว่า Migrate จาก Middleman มา Gatsby แล้ว ซึ่งต่อจากนั้น ก็ไม่ได้มีเวลาอัพเดทเลย แถมปล่อยให้ lin...GatsbyReactWeb-DevelopmentCI/CDSemaphoreCloudflareGithub-PagesGithub
Published onJuly 6, 2019 • Web Developmentมารู้จัก Yarn workspaces กันดีกว่าวันนี้มีทริปเล็กๆน้อยๆมาแนะนำครับ นั้นก็คือ Yarn Workspaces ปกติแล้วเวลาเราจัดการกับ Node.js app ที่มี `node_modules` เยอะๆกันยังไงนะ ตัวอย่างเช่น มี folder หลัก ข้างในก็เป็น node api 1 folder มี rea...YarnNodeNodejsWeb-Development
Published onApril 16, 2019 • ReactDevahoy อัพเดทเว็บ เปลี่ยนมาใช้ Gatsby แล้วนะสวัสดีครับ ห่างหายบทความไปพักใหญ่ๆเลย วันนี้มาพร้อมกับบทความว่าด้วยเรื่อง Devahoy เปลี่ยนจาก Middleman มาเป็น Gatsby เรียบร้อยแล้ว หลังจากใช้เวลาปรับแก้อยู่นานมากๆ ก็เลย...ReactGatsbyWeb-Development
Published onJanuary 9, 2019 • ReactDeploy เว็บไซต์ React ฟรีๆ ด้วย Firebase Hostingวันนี้มานำเสนอบทความเกี่ยวกับการ Deploy งานของเราขึ้น Hosting กันครับ โดยทั่วๆไปแล้ว เวลาเราทำเว็บไซต์ซักเว็บนึง และอยากให้มันออนไลน์ ให้ทุกๆคนเข้าถึงได้ สิ่งที่เราต้องมีก็คือ Domain และ Hosting ใช่ม...ReactFirebaseFirebase-HostingWeb-Development
Published onMarch 4, 2016 • NodeJSดึงข้อมูลเว็บไซต์ด้วย Nodejs และ Cheerioบทความนี้เป็นตัวอย่างการดึงข้อมูลเว็บไซต์ด้วยการใช้ Node.js และ Cheerio ซึ่งเทคนิคการดึงข้อมูลเว็บไซต์ต่างๆนี้ เราเรียกมันว่า "Web Scraping" หรือ "Web Crawler" ก็แล้วแต่ หลักการมันก็คล้ายๆกับเว็บไซต์...Node.jsNodejsCheerioWeb-ScrapingWeb-ScraperWeb-CrawlerWeb-Development
Published onFebruary 4, 2015 • NodeJSทดลองใช้ Hapi.js สร้าง RESTFul API แบบง่ายๆช่วงนี้ผมสนใจงานด้าน Web Development ซะส่วนใหญ่ และก็กำลังหัดเล่นและใช้งาน MEAN Stack ทำให้ตอนนี้มุ่งเน้นไปที่ Node.js Express.js MongoDB ส่วน AngularJS รู้แค่เบสิคๆ และเผอิญได้อ่านข่าว Node.js วงแต...RESTFul-APIAPINode.jsNodeHapi.jsHapijsWeb-Development
Published onMay 24, 2014 • Web Developmentแทรกโค๊ดลงบทความด้วย Gist จาก Githubสวัสดีครับ บทความนี้จริงๆแล้วเป็นบทความที่เคยเขียนไว้นานแล้ว น่าจะปีกว่าๆสมัยที่ยังเขียนอยู่ที่บล็อกเก่า ปัจจุบันบล็อกนั้นลบไปแล้ว แต่ว่าบทความทั้งหมดยังอยู่ คิดว่าบางที อาจจะนำหลายๆบทความจากบล็อกเก่...Codingembedded-gistGistGist-WordpressGithubWeb-Development
Published onMay 10, 2014 • Web Developmentรวบรวมแหล่งเรียนรู้การเขียนโปรแกรม Online ทั้งฟรีและเสียตัง<div class="box-info"> <p>Last updated : 7 July 2019</p></div>ปกติวันหยุด หรือเวลาว่างๆของผม ส่วนมากหากไม่มีโปรเจ็คอะไรค้าง ก็มักจะหมดไปกับการนั่งเรียน นั่งอ่านบล็อกพวกโปรแกรมมิ่งต่างๆ วันนี้ก็เ...ProgrammingLearn-CodeLearn-Code-OnlineWeb-DesignWeb-Development
Published onMarch 22, 2014 • Web Developmentรวม 20 Website แนว Flat Design ที่น่าสนใจปกติเวลาผมนั่งทำเว็บ ออกแบบเว็บไซต์ ก็มักจะเปิดหา Design Template ตามเว็บต่างๆ ทั้ง Dribbble Behance หรือตัวอย่างเว็บไซต์ในที่ต่างๆ เพื่อหาแรงบันดาลใจและนำมาปรับแต่งให้เข้ากับเว็บของเรา วันนี้ก็เลยจะ...Web-DesignWeb-DevelopmentInspirationFlatFlat-DesignWebsite-Flat-Design
Published onMarch 19, 2014 • Web Developmentวิธีการเพิ่ม Social Share Button โดยไม่ต้องใช้ Pluginปัจจุบัน Social Network นับว่ามีอิทธิพลต่อชีวิตปัจจุบันอย่างมาก จะต้องมี Social Share จากพวก Twitter, Facebook หรือ Google Plus ทั้งสิ้น เพราะว่า Social มันช่วยให้สามารถโปรโมทเว็บไซต์ได้ง่ายสามารถเข้...Web-DevelopmentSocialSocial-ShareSocial-Button