by Frevation | Feb 24, 2023 | blog, VSCode
ปรับแต่ง theme ให้เหมาะกับเรา บน Visual Studio Code เบื่อไหมกับหน้าตาเดิมๆของ VS Code บทความนี้จะมาสอนปรับ Theme ของ VS Code ที่เราต้องการกัน วิธีแรก กด Ctrl + K + T หรือ ไปที่ File -> Preferences -> Theme -> Color Theme ...
by Frevation | Feb 17, 2023 | blog, JavaScript
ใน Javascript คีย์เวิร์ดนี้จะสื่อถึง object โดยขึ้นอยู่กับว่า this ถูกเรียกจากที่ไหน ในที่นี้เราจะมาใช้ this กับ object กัน this สามารถใช้ได้ใน object method ถ้า value ใน key เป็น object แล้วใช้ this ล่ะ จะเกิดอะไรขึ้น จะสังเกตว่า this ใน...
by Frevation | Feb 10, 2023 | blog, Fluent UI
หากเป็นมือใหม่ พึ่งหัดใช้ Fluent UI ผมจะมาแนะนำ วิธีการปรับ styles ของ component ให้ดูเป็นตัวอย่างแบบง่ายๆกัน เริ่มแรกผมจะใช้ PrimaryButton ที่ fluent UI ให้มา ปรับ style ของ component จะสังเกตว่า มี style กับ styles ความต่าง คือ Style:...
by Frevation | Sep 16, 2022 | blog, ReactJS
Grid ถือเป็น layouts สำหรับ design responsive UI ในที่นี้เราจะใช้ grid จาก MUI Grid ประกอบด้วย 2 ส่วน คือ container กับ item เราจะสร้าง container มาครอบ item โดยเราสามารถสร้าง space ให้แต่ละ columns ได้ โดยจะมีขนาด xs md lg และอื่นๆ xs คือ extra small...
by Frevation | Aug 26, 2022 | blog, react-native
เวลาเราทำ web app เราคงสามารถหา dataURI ได้ไม่ยาก แต่ถ้าเป็น mobile app ล่ะ โดยบทความนี้เราจะแนะนำ library นึงที่ใช้หา dataURI ได้ไม่ยากเลย เรามาเริ่มใช้งานเลยโดยผมจะเขียนแอปมาให้คร่าวๆ โดยสมมุติว่า รูปตรา sample เป็นสิ่งที่เราอยากหา DataURI ส่วน ปุ่ม press me...
by Frevation | Jul 8, 2022 | blog, react-native
คุณอาจจะเคยเห็น Chip บน Gmail หรือแอปอื่นๆ ทีนี้เราจะมาลองทำแบบนั้นบ้าง โดยเราจะทำแบบในรูป บน TextInput ผมจะใช้ onBlur เพื่อให้สามารถแบ่ง chip ของแต่ละชื่อได้ หรือเวลาเรากด confirm ก็จะทำงานเช่นกัน ต่อไปจะเป็น Chip โดยใส่ title เป็นชื่อ และสร้างไอคอนที่กดแล้วลบได้ด้วย...
