รวมบทความและบันทึกต่างๆ

Typescript

บทความต่างๆที่เกิดจากการทำงานในฐานะนักพัฒนาเว็บไซต์ผมรวมไว้ที่นี่ เพื่อเป็นบันทึกส่วนตัวและแบ่งปันวิธีการแก้ปัญหาที่ผมเจอในชีวิตการทำงาน

Covid-19 Alert(Vuejs)

โปรเจ็คนี้ผมเขียนด้วย Vue.js ดึงข้อมูล Covid 19 จาก API มาแสดงภาพรวมและแยกเป็นรายประเทศ ตัว Frontend เป็น Tailwindcss โฮสต์เป็น Firebase Hosting ตัวแอพดูได้จาก ลิงค์นี้ https://vue-covid-19-alert.web.app/

Read More

การใช้งาน Font Awesome ใน React Project

ในไฟล์ App.js เรียกใช้งานแบบนี้ แล้วในไฟล์ของ Component ที่เราจะเรียกใช้งาน ก็แค่ import เข้ามา แล้วเรียกใช้งานตามโค้ดด้านล่างนี้ fab คือไอค่อนของแบรนด์ต่างๆ ในตัวอย่างคือไอค่อนไลน์ ส่วน fas คือไอค่อนทั่วๆไป

Read More

Firestore Line Bot

โปรเจ็คนี้เป็นหน้า Dashboard สำหรับแอดมินไว้ตอบลูกค้าผ่านไลน์ Channel ของบริษัทที่ใช้ Firestore เป็นตัวกลางในการรับข้อความจากไลน์ แล้วส่งมาที่ระบบ พอแอดมินตอบข้อความกลับไปก็ทำการเก็บลง Firestore แล้วใช้ Clound Functions ส่งข้อความไปที่ไลน์อีกทีนึง เป็น React Project ที่ขึ้นด้วย Material UI

Read More

Firestore Chat

โปรเจ็คนี้เป็นไลฟ์แชทสำหรับแอดมินเอาไว้ตอบข้อความลูกค้าอีกเวอร์ชั่นนึงที่ไม่ใช้ไลน์ ผมลองทำเพื่อทำความเข้าใจการทำงานของ Firestore ซึ่งมันเข้ากับ React ได้ดีมากจริงๆ

Read More

React Todo

Todo App สุดคลาสสิคของสายเว็บแอ็พครับ เชื่อว่าทุกคนต้องเคยฝึกทำกับ React, Vue หรือ Angular มาบ้าง ตัวนี้ผมทำเพื่อฝึกใช้งาน React

Read More