การใช้ Google Sheets ได้ทีละหลายภาษาและประหยัดเวลา

by Frevation | Nov 25, 2021 | blog, google sheets

เราสามารถใช้ Google Sheets ทำการแปลภาษาในกรณีที่ต้องการแปลหลายภาษาหรือมีหลายคำ โดยไม่ต้องทำการแปลทีละคำ เพราะเราสามารถใช้ฟังก์ชั่น GOOGLETRANSLATE ซึ่งมีอยู่ใน Google Sheets มาทำการแปลภาษาต่าง ๆ ได้อย่างง่ายดาย   ซึ่งมีวิธีใช้งาน GOOGLETRANSLATE บน Google...

วิธี deploy project ด้วย source code เดียวกัน แต่ใช้ database ไม่เหมือนกัน ด้วย Vercel

by Frevation | Nov 19, 2021 | blog, Web Development

คุณเคยประสบปัญหานี้ไหม จะขายเว็ปไซต์ให้ลูกค้าหลายคน ซึ่งถ้าขายให้ลูกค้า 10 คน แล้วบังเอิญไปเจอบัคสักบัคนึงเนี่ย เราต้องไปนั่งแก้บัคให้ลูกค้าทีละคน จะดีกว่ามั้ยถ้าเราแก้บัคทีเดียวลง github ให้ deploy เสร็จให้ครบทุกคนในทีเดียว เริ่มต้น เราจะมาสร้าง project ใน MongoDB...

สร้างความยืดหยุ่นในการใช้งานฟังก์ชัน js ด้วย Optional parameters

by Frevation | Nov 12, 2021 | blog, JavaScript, Web Development

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

วิธีแบ่งช่องแยกทีละคำบน React

by Frevation | Nov 11, 2021 | blog, ReactJS

คุณน่าจะเคยเห็น textbox ที่แบ่งช่องกันแบบในรูปไหม คุณอาจจะคิดว่าก็แค่ทำ input มาต่อกันแค่นั้นก็ได้แล้ว แต่อย่าลืมว่า ถ้ามีทั้งหมด 20 ช่องเนี่ย แล้วเราต้องมากดช่องทีละช่องเพื่อพิมพ์อักษรลงไปเนี่ยจะลำบากแค่ไหน ในที่นี้เราจะสอนวิธีการทำ textbox ข้างต้นโดยที่ textbox...

MongoDB chart และวิธีรวมเข้ากับเว็บ

by Frevation | Nov 4, 2021 | blog, Web Development

Mongodb chart เป็น tool ในการสร้างกราฟจากข้อมูลใน mongoDB ซึ่งสามารถดึงข้อมูลมาจาก database และทำการประยุกต์ข้อมูลได้โดยตรง ตัวอย่างนี้ เราจะใช้ข้อมูลที่ mongo ให้มา เพื่อทำกราฟต่างๆ และรวมเข้ากับ website ของเรา โดย website เราจะใช้ nextJS ในการทำ ขั้นแรกเราจะสร้าง...