tag:blogger.com,1999:blog-82445096296720459242026-07-17T21:26:30.256-07:00theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.comBlogger514125tag:blogger.com,1999:blog-8244509629672045924.post-23162114784816963032023-08-27T09:11:00.004-07:002023-08-27T09:11:30.625-07:00

 https://flexboxfroggy.com/#th

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-80573633075890691402023-07-24T20:24:00.002-07:002023-07-24T20:24:54.378-07:00

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

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-78248560251444616102023-07-18T20:33:00.000-07:002023-07-18T20:33:03.300-07:00

 เมื่อโปรเจคของเราใหญ่มากขึ้นเรื่อยๆ เรามักจะเจอกับปัญหาการจัดการState วันนี้ผมจะมาพาทุกคนไปรู้จักกับReact APIตัวหนึ่งที่ช่วยให้เราสามารถจัดการStateได้สะดวกมากยิ่งขึ้น โดยเฉพาะในโปรเจคขนาดใหญ่What is Context?ContextคือReact APIที่ช่วยให้เราสามารถแชร์ข้อมูลระหว่างComponentsได้โดยไม่ต้องส่งPropsการแชร์ข้อมูลระหว่าง Components โดยไม่ใช้ Contextเมื่อก่อนสมัยที่เรายังไม่มีContextหากเราต้องการแชร์

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-33002478177284604232022-12-26T20:10:00.004-08:002022-12-26T20:10:33.393-08:00

 In situations with few databases, maintaining the regular backup routine can be achieved easily, either with the help of a few simple scripts or by configuring a SQL Server agent job that will perform the backup automatically. However, if there are hundreds of databases to manage, backing up each database manually can prove to be a quite time-consuming task. In this case, it would be useful

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-11100838864019244522022-12-26T20:08:00.003-08:002022-12-26T20:08:28.472-08:00

 How to delete old database backup files automatically in SQL ServerIntroductionWhile working with a number of databases, creating a recovery plan can be challenging, especially if we want a foolproof design. Automated backup and restore strategies ensure the recovery plan is successful. However, strategies relying on frequent backups, although part of a sound strategy, can start causing

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-86151997964276760212022-09-25T20:47:00.001-07:002022-09-25T20:47:20.874-07:00

 Before we continue, you should have a basic knowledge of Setting up a simple Express App and using Nodemon or any other Node Process manager.To speed things up, i have setup a simple express app with a single endpoint for this demo, please note that the target is not necessarily an introduction to Express but how to deploy an Express based app on Windows. 

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-49940234930855353062021-12-13T00:59:00.000-08:002021-12-13T00:59:08.532-08:00

 SELECT  d.plan_handle ,        d.sql_handle ,        e.textFROM    sys.dm_exec_query_stats d        CROSS APPLY sys.dm_exec_sql_text(d.plan_handle) AS eWHERE text like '%2021-05-31%'Source : https://dba.stackexchange.com/questions/4043/can-i-see-historical-queries-run-on-a-sql-server-database

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-321179009840373432021-03-04T11:37:00.004-08:002021-03-04T11:37:29.207-08:00

JSDoc is a popular tool for generating documentation from comments in the source code of your app. This serves two purposes. First, the documentation is directly available to anyone viewing the source code. Second, the comments can be compiled later into a complete set of reference documentation.Swagger provides a tool for presenting this documentation: Swagger UI. Swagger UI

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-61425325037254764382021-01-19T10:27:00.002-08:002023-07-18T20:34:28.912-07:00

 เนื่องจากการสร้างโปรเจคใหม่การ create react project แล้วต้อง install หรือ add module ที่ต้องใช้งานบ้างครั้งอาจลืมว่าต้องใช้งานอะไรบ้าง หรือการต้องวางโฟเดอร์หรือรูปแบบการวางไฟล์ในโปรเจคอาจทำให้เสียเวลาและไม่ครบถ้วน การวางโครงสร้างโปรเจคไว้เป็นพื้นฐานจะช่วยให้สามารถเริ่มโปรเจคได้เร็วขึ้น **ชื่อโฟเดอร์อาจมีการปรับเปลี่ยนตามความเหมาะสมตามรูปแบบงานที่ได้รับมอบหมาย**รูปโครงสร้างหรือตำแหน่งไฟล์

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-66326920570531735152021-01-19T10:23:00.002-08:002023-07-18T20:34:42.331-07:00

 How to structure large React apps into folders and files is a highly opinionated topic. I struggled for a while writing about this subject, because there is no right way to do it. However, every other week people ask me about how I structure my React projects. Not only about folder structures for small React projects, but more importantly about scalable React applications. After

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-81057733700571546362021-01-19T10:17:00.001-08:002023-07-18T20:34:50.406-07:00

 Last updated on January 17, 2021.Trying my best to keep the story up-to-date. (react v17.0.1)Git repo: SAURABH SHAH / ReactJS myapp · GitLab (wip)fig-1. ReactJS app architecture modulesThis story will cover all the aspects of a react js web app architecture. If you are creating a new responsive web application using react JS, then follow along.Our app architecture includes various

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com4tag:blogger.com,1999:blog-8244509629672045924.post-46920552751052980212021-01-19T09:47:00.001-08:002021-01-19T09:47:21.611-08:00

 ความปลอดภัย ภัยคุกคาม เป็นเรื่องที่ยากจะเข้าใจ เพราะในทุกๆวัน การโจมตี มันมีวิธีการมากมาย ในฐานะนักพัฒนาซอฟท์แวร์ ไม่ควรมองข้ามวิธีการที่จะปกป้องซอฟท์แวร์ของเราให้มีความปลอดภัยอยู่เสมอ จากผู้โจมตีระบบผมได้รับโปรเจคช่วงนี้เป็น NodeJS Engineer / API Developer โปรเจคช่วงนี้จะดูแล Backend ทั้งหมด ตั้งแต่Implement APIs ด้วย Expressสร้าง Dockerfile, docker-compose.ymlDeployment docker image และ

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-14725711801223760142021-01-19T09:24:00.002-08:002021-01-19T09:24:32.876-08:00

 ในปัจจุบันนี้ Web App และ Mobile App ส่วนใหญ่นั้นจะมีการยืนยันตัวตนก่อนเข้าระบบ ซึ่งมีวิธีการเข้าสู่ระบบที่หลากหลายและแตกต่างกัน เช่น Facebook , Google, Twitter หรือ Email และ Password เป็นต้นก่อนจะไปเริ่มโค้ดกัน เรามาทำความเข้าใจเกี่ยวกับ Passport.js และ JWT กันก่อนว่าคืออะไรPassport.jsPassport is Simple, unobtrusive authentication for Node.jsตามคำนิยามแปลได้ว่า “

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-1518172048737107542021-01-19T08:53:00.004-08:002021-01-19T08:53:54.152-08:00

 เนื้อหาของบทความนี้จะคลอบคลุมหัวข้อดังต่อไปนี้Setup API server อย่างง่ายด้วย Express.jsMiddleware คืออะไร?Stateless vs Stateful อย่างคร่าวๆJWT คืออะไร?ทำ Authentication ด้วย JWT + Passport.js- สร้าง JWT ยังไง?- Passport.js คืออะไร? Strategy คืออะไร?- Applied JWT + Passport Authenticationปล. ถ้าเข้าใจหัวข้อ 1–4 อยู่แล้วก้ข้ามไป 5 เลยก็ได้นะครับ!ปล2. ถ้าหลุดส่วนไหน ท้ายสุดจะมีโค้ดสรุปให้อีกที

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-47285087232340820112021-01-19T08:02:00.002-08:002021-01-19T08:02:21.402-08:00

 สำหรับการจัดการ Array นั้น JavaScript ก็มี built-in utilities มาให้ใช้เยอะแยะมากมาย แต่ในบทความนี้ จะหยิบมา 10 ฟังก์ชันที่ควรรู้ ซึ่งมีอะไรบ้าง ไปดูกันเล๊ยยยย1. forEach()ฟังก์ชันที่วนลูปแต่ละ element ใน array โดยไม่มี returnconst arr = [1, 2, 3, 4, 5, 6];arr.forEach(item => { console.log(item); // output: 1 2 3 4 5 6});2. includes()ฟังก์ชันนี้จะตรวจสอบค่า element ที่ให้มาว่า

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-58246086302387204232021-01-19T03:16:00.006-08:002021-01-19T03:17:23.838-08:00

 สำหรับภาษา JavaScript เชื่อว่าเป็นภาษาที่หลายคนคุ้นเคยกันมาอย่างช้านาน เนื่องจากเป็นภาษาที่ใช้สำหรับเพิ่มลูกเล่นให้กับเว็บไซต์ และบทความนี้จะมาแนะนำ Syntax และวิธีการเขียนโค้ดให้สั้นและกระชัด แบบจัดเต็ม มีอะไรบ้างนั้นไปดูกันเล๊ยยยย?: (Ternary Operator)รูปย่อของ if ที่น่าจะคุ้นเคยกันในหลายๆภาษา เช่น php , dartรูปแบบคือ condition? true : falseการเขียนรูปแบบทั่วไปbool isLogin = false;

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-13304939619400499092021-01-18T22:45:00.006-08:002021-01-18T22:45:58.446-08:00

 บทความนี้ เป็นการแนะนำการ Setup โครงสร้างโปรเจคสำหรับสร้าง RESTFul API ด้วย Node.js และ Express.js เชื่อว่าคนที่เคยเขียน API ด้วย Express ต้องเคยเจอปัญหาว่าจะสร้างโครงสร้างของโปรเจคอย่างไรดี เนื่องจากทาง Express ไม่มีรูปแบบที่แนะนำ ทำให้การพัฒนาเป็นไปอย่างหลากหลาย ตามความถนัดของแต่ละคน หรือแต่ละทีมตามที่ตกลงกัน ซึ่งบทความนี้จะแนะนำการวางโครงสร้างโปรเจคที่จะทำให้การพัฒนา

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-1938293318380126842021-01-18T22:42:00.006-08:002021-01-18T22:42:38.971-08:00

 หากใครเขียนภาษา javascript แน่นอนว่าต้องเคยเจอ ค่าของตัวแปรเป็น null, undefined หรือ NaN อย่างแน่นอน แล้วเคยสงสัยไหม? ว่ามันต่างกันอย่างไร วันนี้เรามาทำความเข้าใจกัน ++nullตัวแปรที่เป็นค่า null ใน JavaScript หมายถึงเป็นตัวแปรที่ไม่มีค่าใดๆเลยlet x = null;console.log(x); // nullconsole.log(x == ""); // falseconsole.log(x == null); // trueundefinedตัวแปรที่ประกาศขึ้นมา แต่ไม่ได้

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-59926681357381795122021-01-18T18:27:00.000-08:002021-01-18T18:27:00.529-08:00

 คีย์ลัดที่ใช้บ่อยAlt + Tab : สลับ โปรแกรมที่กำลังเปิดอยู่Window + Tab : เพิ่ม เดสก์ท็อป (จอใหม่)Window + Control + < หรือ > : สลับ เดสก์ท็อปWindow + D : ซ่อน/แสดง โปรแกรมที่กำลังใช้อยู่Window + M : ซ่อน ทุกโปรแกรมทันที (อิอิ)Window + E : เปิด My ComputerCtrl + Alt + Delete : เปิด Task ManagerWindow + เลข 1-9 : เรียกโปรแกรมที่เปิดค้างไว้ตาม

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-68798470257962264242021-01-16T06:25:00.001-08:002023-07-18T20:35:01.257-07:00

 สำหรับคนที่เพิ่งเขียน React หรือ React Native ใหม่ๆ เวลาอ่านเอกสารของ React เรื่อง React Lifecycle Methods อาจจะงงๆ เรื่องลำดับ และขั้นตอนการทำงานของ method แต่ละตัว แนะนำให้เข้าไปดูไดอะแกรมในเว็บนี้ได้ครับ เราสามารถคลิกเข้าไปดูรายละเอียดของแต่ละ method ได้เลย.รายละเอียด: http://bit.ly/2I4Ngaxsource:https://codingthailand.com/blog/%e0%b9%81%e0%b8%99%e0%b8%b0%e0%b8%99%e0%b8%

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-82434480154565274812021-01-16T06:23:00.002-08:002023-07-18T20:35:10.644-07:00

 สำหรับคนที่เพิ่งเริ่มต้นศึกษา React ลองดูชีทสรุปเรียงตามนี้นะครับ จะทำให้เห็นภาพรวมของ JavaScript ES6+, React และ Redux ได้เป็นอย่างดี จะได้ดูด้วยว่าเราศึกษามาถูกทางหรือเข้าใจอย่างดีแล้วหรือไม่ ลองดูครับ .1. JavaScript ES6+ => https://devhints.io/es62. React => https://devhints.io/react3. React และ React Redux => https://devhints.io/redux.อ้อ อีกอันนึงคือ

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-12044589443784863852021-01-16T06:21:00.003-08:002023-07-18T20:35:20.110-07:00

 1. สร้าง QRCode แบบง่าย ๆ ลองตัวนี้▸ https://github.com/zpao/qrcode.react.2. สร้าง rich text editor ง่าย ๆ ด้วย React Quill▸ https://zenoamaro.github.io/react-quill.3. ครอบตัดรูปภาพด้วย React Image Crop▸ https://github.com/DominicTobias/react-image-crop.4. drag and drop รูปภาพ เพื่อเตรียมอัปโหลดด้วย react-dropzone▸ https://react-dropzone.js.org/.5. สร้างปฏิทินกิจกรรม

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-46990480980923316802021-01-16T06:12:00.004-08:002021-01-16T06:12:32.615-08:00

  • npm initเริ่มต้นใช้งาน และช่วยให้เราสร้าง และใส่รายละเอียดเกี่ยวกับโปรเจคของเรา (package.json)• npm install module_nameติดตั้ง module• npm install -g module_nameติดตั้ง module ในระดับ global• npm install module_name –saveติดตั้ง module และเพิ่มมันเข้าไปในไฟล์ package.json (ข้างใน dependencies)• npm install module_name –save-devเหมือนกันกับข้างบน ติดตั้ง

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-72827325296114423382021-01-16T06:11:00.003-08:002021-01-16T06:11:26.691-08:00

 แนะนำ Sails.js MVC Framework สำหรับ Node.js ที่ครบเครื่อง ใช้งานง่าย และมี features ครบถ้วน ครับ จุดเด่น1. เหมาะสำหรับทำ RESTful APIs มาก เพราะมีตัว genereate โค้ดอัตโนมัติภายในบรรทัดเดียว!2. เหมาะสำหรับงานแบบ Realtime โค้ดที่ใช้เขียนง่าย และสั้นมาก! (เขียนครอบ socket.io อีกที)3. มี ORM ให้ใช้ สามารถติดต่อฐานข้อมูลได้หลายตัว เช่น MySQL, PostgreSQL, MongoDB, SQLite3, Redis เป็นต้น (ใช้

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0tag:blogger.com,1999:blog-8244509629672045924.post-10633631353025366162021-01-16T06:10:00.002-08:002021-01-16T06:10:10.399-08:00

 เห็นเฟรมเวิร์คตัวนี้ผ่านตามาสักพัก ก็เพิ่งเคยได้ลอง แล้วพบว่า เออเฟรมเวิร์กดี ชีวิตดีจริง ๆ สำหรับใครที่เคยปวดหัวกับการสร้าง RESTful API บทความนี้จะช่วยให้ท่านเสียเวลากับมันน้อยลง (รึเปล่า 55)รู้จักกับ Sails.jscredit: sailsjs.comSails.js มีคอนเซปต์มาจาก Rails (หากเขียน Rails เป็น ก็จะรู้ว่ามันคล้าย ๆ กัน) เพียงแต่การทำงานของมัน พัฒนามาจาก Node.js เท่านั้นเองSails.js สามารถ

theheinghttp://www.blogger.com/profile/08509144710921095739noreply@blogger.com0