by Frevation | Nov 11, 2021 | blog, ReactJS
คุณน่าจะเคยเห็น textbox ที่แบ่งช่องกันแบบในรูปไหม คุณอาจจะคิดว่าก็แค่ทำ input มาต่อกันแค่นั้นก็ได้แล้ว แต่อย่าลืมว่า ถ้ามีทั้งหมด 20 ช่องเนี่ย แล้วเราต้องมากดช่องทีละช่องเพื่อพิมพ์อักษรลงไปเนี่ยจะลำบากแค่ไหน ในที่นี้เราจะสอนวิธีการทำ textbox ข้างต้นโดยที่ textbox...
by Frevation | Nov 4, 2021 | blog, Web Development
Mongodb chart เป็น tool ในการสร้างกราฟจากข้อมูลใน mongoDB ซึ่งสามารถดึงข้อมูลมาจาก database และทำการประยุกต์ข้อมูลได้โดยตรง ตัวอย่างนี้ เราจะใช้ข้อมูลที่ mongo ให้มา เพื่อทำกราฟต่างๆ และรวมเข้ากับ website ของเรา โดย website เราจะใช้ nextJS ในการทำ ขั้นแรกเราจะสร้าง...
by Frevation | Nov 4, 2021 | blog, JavaScript, Web Development
วันนี้ผมจะมาแนะนำเกี่ยวกับไลบรารีที่จัดการแอนิเมชันบนเว็บไซต์ ไม่ว่าจะเพื่อทำแฟลชเกม หรือนำเสนองานก็ทำให้ง่ายขึ้นทันตาเห็น ซึ่งในการ tutorial ครั้งนี้จะเป็นการนำเสนอวิธีการเขียนบนไฟล์ JS ผู้อ่านสามารถนำไปประยุกต์ใช้กับ framework ที่ตนเองใช้งานได้ ...
by Frevation | Oct 29, 2021 | blog, Web Development
หลังจากครั้งที่แล้ว เราได้ลองใช้ MongoDB Charts ไปแล้ว จะเห็นว่าบางข้อมูล เราไม่ได้ต้องการมากขนาดนั้น เราเพียงต้องการแค่บางส่วนของข้อมูล ซึ่งวิธีการนั้นก็คือการ query ข้อมูลที่เราต้องการ ในที่นี้เราจะมาทำการ query ข้อมูลผ่านการ aggregation ซึ่งทาง Atlas...
by Frevation | Oct 29, 2021 | blog, Web Development
ไฟล์ภาพ .webp เป็นไฟล์ภาพที่ถูกบีบอัดให้มีขนาดเล็กลงโดยไม่เสียคุณภาพของภาพ ไฟล์ .webp จะมีขนาดเล็กกว่า JPG อยู่ประมาณ 30% และสามารถทำให้รองรับรูปภาพ transparent ได้ โดยหากรองรับรูปภาพแบบ transparent จะทำให้ขนาดของไฟล์ใหญ่ขึ้นประมาณ 22%...
by Frevation | Oct 14, 2021 | blog, chatbot
LINE เป็นหนึ่งใน platform ที่นิยมมากในประเทศไทย ทำให้ผู้คนก็ต่างต้องการทำการตลาดใน platform เป็นจำนวนมาก รวมไปถึงการรวม LINE เข้ากับ application นั่นเอง ซึ่งวิธีที่จะแนะนำต่อไปนี้ก็คือการต่อแชทบอทไลน์ให้เราได้ข้อมูลผ่านเข้ากับ website หรือ application ของเรา...
