Tip : Get the value of an input element as a number with JavaScript

ในการสร้างแบบฟอร์มออนไลน์ ค่าข้อมูลตัวเลขที่เก็บมาได้จะเป็นประเภท String ถึงแม้ว่าจะกำหนดให้ Input นั้นเป็น Number แล้วก็ตาม มาลองดูวิธีการต่างๆ ที่จะเปลี่ยนข้อมูลตัวเลขที่ได้จากประเภท String เป็น Number กันครับ

a·ดัม

21 พฤศจิกายน 2020

Web App—Simple News Headline Website [HTML, CSS and JavaScript]

วันหยุดสุดสัปดาห์ยาวๆ แบบนี้แล้วไม่ได้เดินทางไปเที่ยวที่ไหน เพราะยังต้องมานั่งเฝ้าออฟฟิสอยู่เช่นเดิม 😂 มันก็ต้องหาทำ Mini project เล่นแก้เหงาซะหน่อย วันนี้ก็เลยจะมานำเสนอ Mini project สำหรับติดตามข่าวสารบ้านเมือง นั่นคือ Website สำหรับติดตามข่าวสารที่มาจากสำนักข่าวต่างๆ โดยใช้ข้อมูลข่าวสารจาก newsapi.org

a·ดัม

20 พฤศจิกายน 2020

GitHub—ประกาศตัวตนด้วย GitHub profile

ในปัจจุบันเพื่อนๆ สาย Dev ทั้งหลายคงไม่มีใครไม่ใช้งาน GitHub กันนะครับ ซึ่ง GitHub ได้มีการอัพเดทให้เราสามารถสร้างส่วนของ Profile ต่างๆ ของเราแล้ว ไม่ว่าจะเป็นการให้ข้อมูลว่ากำลังทำอะไร จะพัฒนาอะไรต่อ ชอบอะไรบ้าง และระบุ Skills ที่มีได้เลย เอาเป็นว่าใครอยากบอกอะไรให้โลกรู้ก็จัดการได้เต็มที่เลยครับ มาลองดูการสร้าง GitHub profile กันครับ

a·ดัม

13 ตุลาคม 2020

Netlify—Deploy เว็บไซต์ง่ายๆ ด้วย Netlify

สวัสดีเพื่อนๆ ทุกคนครับ วันนี้จะมาแนะนำวิธีการ Deploy เว็บไซต์หรือการอัพโหลดเว็บไซต์ไปที่เครื่อง Hosting โดยใช้ Netlify ซึ่งปัจจุบันก็มีหลาย Platform ที่ทำให้การ Deploy งานนั้นง่ายกว่าเดิมเยอะ บางทีแค่เว็บเล็กๆ ทำเพื่อ Demo หรือ Projects Porfolio การจะไปเช่า Hosting ก็ดูจะเป็นการเปลืองเสียเปล่าๆ ก่อนลองดูว่า Google จะบอกอะไรเราเกี่ยวกับ Netlify บ้าง

a·ดัม

19 กันยายน 2020

Web App—Simple binary to decimal converter

เย็นวันศุกร์เปิดดู Google map แล้วก็ต้องทำใจนั่งรอให้รถหายติดที่ Office ต่อไป แล้วก็นั่งเล่นไปเรื่อยจนไปเจอนี่เข้า 80+App Ideas จะรออะไรละครับอีกนานกว่ารถจะหายติด จัดไปในแบบระดับ Tier: 1-Beginner 😆😆😆 และด้วยที่เริ่มทำความรู้จักกับ Vue.js อยู่ก็เลยเอามาใช้ในนี้ซะเลย

a·ดัม

11 กันยายน 2020

Firebase—ส่ง Email แบบ Auto ด้วย Nodemailer

ถ้าหากรูปแบบงานของเราจำเป็นที่จะต้องส่งข้อมูลไม่ว่าจะอยู่ในรูปแบบของเอกสารหรือรูปภาพไปยังผู้ใช้งาน ซึ่งในปัจจุบันก็จะมีรูปแบบในการสื่อสารหลายแบบ และการส่ง E-Mail ก็ถือว่าเป็นอีกรูปแบบหนึ่งที่สะดวกสบาย และใช้งานง่าย แต่ถ้าหากว่าต้องมาคอยแนบเอกสาร, กำหนดข้อมูลใหม่ในรูปแบบเดิมๆ ทุกครั้งก็ดูจะน่าเบื่อไปหน่อย วันนี้ผมเลยจะนำเสนอการตั้งค่า Node mailer สำหรับการส่ง E-Mail แบบ Auto หลังจากกรอกข้อมูล และอัพโหลดไฟล์ในแบบฟอร์มที่กำหนด

a·ดัม

4 กันยายน 2020

JavaScript—สร้างไฟล์ pdf ด้วย pdfmake และเพิ่มฟอนต์ Sarabun สำหรับภาษาไทย

มีโปรเจค Web App ที่ต้องมีการสร้าง pdf file เลยต้องมาค้นหา libary และก็ได้มาพบกับ pdfmake ซึ่งก็พบว่าใช้งานง่ายไม่ซับซ้อน แต่ไม่มีอักษรที่รองรับภาษาไทยเป็นชุดอักษรเริ่มต้น🥺 แต่สามารถเพิ่มฟอนต์ที่ต้องการใช้งานได้ มาดูกันครับว่าจะทำการการเพิ่มฟอนต์ Sarabun สำหรับภาษาไทยได้อย่างไรครับ

a·ดัม

28 สิงหาคม 2020

Firebase—สร้าง Short Url ในฐานข้อมูลแบบไม่เขียนโค้ด

สวัสดีเพื่อนๆ ทุกคนอีกครั้งครับ เพื่อนๆ เคยหรือเปล่าครับเวลาที่ต้องการส่งงานหรือต้องการให้ลูกค้าเปิดดูข้อมูลจาก Link Url ที่ส่งให้ แล้วพบว่า Link Url นั้นมีความยาวววววววว…มากเกินไป ซึ่งดูไม่สวยงามและจัดข้อความได้ลำบากเหลือเกิน

a·ดัม

7 สิงหาคม 2020

LINE LIFF—รีวิวการทำ Web App x LINE LIFF [โปรแกรมคำนวณค่างวดรถยนต์มือสอง]

หลังจากทาง Skoodio ร่วมมือกับ LINE Thailand ปล่อยคอร์ส เรียนรู้การพัฒนาแอปพลิเคชันด้วย LINE Front-end Framework ออกมาให้เรียนกันแบบฟรีๆ หลังจากเรียนเสร็จ ผมเลยได้ทดลองทำ LINE OA เต้นท์รถมือสอง

a·ดัม

21 กรกฎาคม 2020
1 2 8