สวัสดีครับ ในบทความวันนี้จะเป็นการแนะนำ การส่ง Push Notification ไปยัง Web Browser ด้วย Cloud Messaging ใน Firebase กันครับ
มาเริ่มกันเลย ก่อนอื่นเราต้องไปสร้าง Project ที่ Firebase Console กันก่อนครับ
https://console.firebase.google.com
หมวดหมู่: Javascript
สร้าง Chart ด้วย ApexCharts
สวัสดีครับ ในบทความนี้เราจะมาแนะนำการสร้าง Bar Chart ด้วย ApexCharts ซึ่งเป็น open-source charts Javascript รองรับการสร้าง Chart ได้หลากหลายรูปแบบ ดูตัวอย่างเต็ม ๆ ได้ที่ https://apexcharts.com/
Upload Image File To Base64 String And Resize Image
สวัสดีครับ กลับมาพบกันอีกแล้ว
วันนี้เรามีเทคนิค ง่าย ๆ ในการ อัพโหลดรูปภาพ เป็น ข้อมูล Base64 String และ Resize Image Thumbnail มาฝากกันครับ
โดยข้อมูล base64 นี้จะเป็นข้อความ สามารถเก็บลง Database ได้เลย ทำให้ไม่ต้องเก็บเป็นไฟล์รูปจริงครับ
แต่มีข้อเสียคือ หากรูปมีจำนวนมาก หรือ รูปมีขนาดใหญ่ จะทำให้ Database ของเราใช้พื้นที่มากขึ้นครับ
มาเริ่มกันเลย ตัวอย่างในบทความนี้จะใช้ Angular นะครับ สำหรับเพื่อน ๆ ที่เขียนด้วยภาษา หรือ เครื่องมือ อื่น ๆ สามารถนำไปประยุกต์ใช้งานได้เลยครับ
สร้าง Barcode ด้วย JsBarcode
สวัสดีครับ ในบทความนี้ ทางผู้เขียนจะขอแนะนำ Library สำหรับสร้าง Barcode แบบง่าย ๆ กันครับ นั่นก็คือ JsBarcode ซึ่งเป็น Javascript ใช้งานได้ง่ายครับ ลองไปดูที่เว็บผู้พัฒนากันก่อนคร้ับ
สำหรับมือใหม่ที่ดูแล้วไม่รู้จะนำไปใช้งานยังไง สามารถทำตามบทความนี้ได้เลยครับ
Read More
FullCalendar Integrate With Google Calendar API
สวัสดีครับ กลับมาพบกันอีกครั้งในบทความนี้จะขอแนะนำ การใช้งาน Fullcalendar โดยครั้งนี้จะเป็นการเชื่อมต่อกับ Google Calendar Api สำหรับนำข้อมูลที่บันทึกใน Google Calendar มาแสดงใน Fullcalendar ของเราครับ
Read More
สร้าง Charts แบบสวย ๆ ด้วย Echarts Javascript Library
สวัสดีครับ ในบทความนี้ เราจะมาแนะนำ Java script Library อีกตัว ไว้เป็นทางเลือก สำหรับ การสร้าง รายงานในรูปแบบกราฟ ครับ
ซึ่ง Library ที่จะแนะนำในที่นี้ มีชื่อ ว่า Echarts สามารถดูตัวอย่าง เต็ม ๆ ได้ที่
แสดง ip ผู้เข้าชม Website ด้วย ipstack.com
ในบทความนี้ เราจะมาแนะนำการ แสดง ข้อมูล ip ผู้เข้าชม Website ด้วย ipstack.com กันครับ
ipstack.com คืออะไร
ipstack คือ Web Api ที่ให้บริการในการตรวจสอบ ข้อมูลผู้เข้าชม Web Site ของเรา โดยสามารถเก็บข้อมูลพื้นฐาน เช่น เลข IP, ประเทศ (Country) ,ตำแหน่งที่ตั้ง (Latitude,Longitude) , สกุลเงิน (Currency) , เขตเวลา (Time Zone) เป็นต้น
Export ข้อมูลอย่างง่ายด้วย TableExport.js Javascript Library
สวัสดีครับ ในบทความนี้เราจะมาแนะนำการใช้งาน TableExport.js ซึ่งเป็น Javascript Library สำหรับ Export ข้อมูลรองรับการ Export ข้อมูลจาก Html Table ไปเป็นไฟล์ Excel , Csv หรือ ไฟล์ text
การใช้งานสามารถดูตัวอย่างเพิ่มเติมจากเว็บไซต์ผู้พัฒนาได้ที่
https://tableexport.v4.travismclarke.com/#tableexport
สร้าง ปฏิทินตารางเวลา ด้วย FullCalendar Scheduler Javascript Library
สวัสดีครับ ในบทความนี้ เราจะมาแนะนำการใช้งาน Fullcalendar Scheduler ซึ่งเป็น Javascript Library สำหรับ จัดการข้อมูลตารางเวลา สามารถ แสดงเหตุการณ์ในแต่ละช่วงเวลาของวันได้ ซึ่งสามารถนำไปประยุกต์ใช้งานได้ หลายรูปแบบ เช่น แสดงช่วงเวลาการใช้ห้องประชุม เป็นต้น
สามารถดูตัวอย่างการใช้งานได้ที่ Fullcalendar Scheduler
สร้างรายงานรูปแบบกราฟ อย่าง ง่าย ๆ ด้วย C3js Javascript chart library
สวัสดีครับ ในบทความนี้เราจะมาแนะนำการ สร้าง รายงานในรูปแบบ กราฟ อย่าง ง่าย ๆ ด้วย C3js Javascript chart library ซึ่งมีความสามารถในการสร้างกราฟได้หลายรูปแบบ และสามารถใช้งานได้ฟรีครับ