Month: May 2022

DevToys รวมเครื่องมือใช้บ่อยของโปรแกรมเมอร์

by

เคยมั้ยครับ ได้ข้อมูลรูปแบบ JSON มาอยากจัดรูปแบบให้อ่านได้ง่าย (ค้น google หาเว็บจัดรูปแบบ) อยาก Decode JWT ออกมาดูก่อนเริ่มเขียนโปรแกรมอ่านค่า (ค้น google หาเว็บ Decode) อยากทดสอบ Regex ที่เขียนว่าถูกต้องหรือไม่ (ค้น google หาเว็บทดสอบ) ฯลฯ https://devtoys.app/ DevToys คือ ซอฟแวร์ที่รวมเอา Utility ที่เหล่า Dev ใช้งานบ่อยๆเอาไว้ที่เดียวกัน ในรูปแบบ Windows App ทำให้สะดวกต่อการเรียกใช้งานมากครับ และที่สำคัญฟรี เพราะพัฒนาขึ้นโดย Community ของ Dev ที่ทำงานบนระบบปฏิบัติการ Windows แล้วรู้สึกว่าขาดสิ่งอำนวยความสะดวกเหล่านี้ (แนวคิดคล้ายๆกับ PowerToys ชื่อยังล้อกันมาด้วย) โดยโปรแกรมนี้ก็จะมีเมนูที่แบ่งหมวดหมู่แยกไว้ตามแต่ละประเภท ดังรูป เมื่อเราคลิกเข้าไปในแต่ละเมนู ก็จะมี UI ที่เรียบง่าย สามารถเข้าใจวิธีการใช้งานได้ทันที ตัวอย่างการใช้งาน

แก้ปัญหาการเรียกใช้ font ผ่าน css แล้วเกิด error Access to font at has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

by

เนื่องด้วยทางทีมงานต้องการใช้ font ผ่าน css ที่อยู่คนละที่ โดยต้องการให้ไปเรียกที่เดียวเพื่อการจัดการง่าย แต่ปัญหาก็เกิดขึ้น เพราะทางต้นทางมีการ block ไม่ให้เข้าถึง วันนี้จึงมีแนวทางการแก้ปัญหาดังนี้ ขั้นตอนที่ 1 ไปตั้งค่าไฟล์ font ที่ต้องการ โดยในที่นี้ เป็น folder fonts โดยไปที่ IIS เลือก folder ที่ต้องการ จากนั้นเลือกเมนู “HTTP Response Headers” จากนั้น กด “Add” ดังรูป ขั้นตอนที่ 2 เพิ่ม Name: Access-Control-Allow-Origin และ Value: * ดังรูป ขั้นตอนที่ 3 ผลลัพธ์จากการเพิ่ม Name: Access-Control-Allow-Origin และ Value: * ดังรูป ขั้นตอนที่ 4 เพิ่ม Name: … Read more

วิธีการแปลงไฟล์จาก PDF เป็น Word แบบบ้าน ๆ โดยใช้ Google Drive

by

วิธีการแปลงไฟล์จาก PDF เป็น Word มีหลากหลายวิธี ซึ่งส่วนใหญ่จะมีเว็บไซต์ หรือโปรแกรมต่าง ๆ ที่ใช้สำหรับแปลงไฟล์กัน แต่…สำหรับคนที่ไม่ต้องการให้เอกสารของเราไปอัปโหลดเพื่อแปลงไฟล์กับเว็บไซต์ที่ไม่รู้จัก หรือไม่มีโปรแกรมลิขสิทธิ์ที่สามารถแปลงไฟล์ได้ ลองมาดูวิธีนี้กันนะคะ คิดว่าทุกคนสามารถทำได้อย่างง่ายดายค่ะ ในตัวอย่างวันนี้จะมีวิธีการแปลงไฟล์ PDF เป็น Word วิธีเดียวเท่านั้นแต่….จะทดลองทำให้ดูกับ 2 ไฟล์ ได้แก่ แบบที่ 1 : ไฟล์ PDF ที่เกิดจากการแปลงจาก Word มาโดยตรง ซึ่งการแปลงไฟล์ PDF มาเป็น Word สิ่งที่คิด คือ ข้อความในเอกสารส่วนใหญ่ จะถูกต้องครบถ้วน และสวยงาม แบบที่ 2 : ไฟล์ PDF ที่เกิดจากการสแกน หรือเป็นรูปถ่าย การแปลงไฟล์ PDF มาเป็น Word สิ่งที่คิด คือ ข้อความจะมีลักษณะไม่เหมือนกับต้นฉบับ อาจจะมีสระหรือวรรณยุกต์ที่ไม่ครบถ้วน แต่สามารถนำไปปรับปรุงต่อให้สวยงามได้ค่ะ มาดูวิธีการกันเลย … Read more

upgrade crystal report version 10 ไปเป็น version 13

by

เนื่องด้วยตอนนี้ crystal report version 10 มันเก่ามากแล้วทางผู้เขียนเลยอยากจะ upgrade crystal report version 10 ไปเป็น version 13 ดังนั้นจึงสรุปขั้นตอนไว้เพื่อเป็นแนวทางการทำงานของคนที่มีปัญหาเดียวกัน ดังนี้ ขั้นตอนที่ 1 แก้ web.config ใน project web application โดยเปลี่ยนเลข version จาก 10.2.3600.0 เป็น 13.0.2000.0 ขั้นตอนที่ 2 copy folder crystalreportviewers13 ใส่ไว้ที่ project web application ขั้นตอนที่ 3 แก้ page ที่เรียกใช้ crystal report โดยเปลี่ยนเลข version จาก 10.2.3600.0 เป็น 13.0.2000.0 ขั้นตอนที่ 4 แก้ … Read more

สร้าง UI หน้าเว็บแบบ Timeline ด้วย HTML+CSS

by

เนื่องจากระบบที่กำลังพัฒนาอยู่ มีความต้องการแสดงผลข้อมูลในรูปแบบ Timeline ดังรูป เมื่อลองหาแนวทางดูพบว่ามี how to ที่เว็บไซต์ https://www.w3schools.com/howto/howto_css_timeline.asp ลองนำมาประยุกต์ใช้ โดยปรับสี เพิ่มเงา และส่วนแสดงผลรูป และไอคอนเข้าไป โดยใช้ https://getbootstrap.com/ เวอร์ชัน 5 เพื่อช่วยในการจัดตำแหน่งเนื้อหาด้านใน ก็จะได้ CSS และ HTML สำหรับนำไปใช้ในเว็บไซต์ดังนี้ HTML โดยในตัวอย่างได้นำโครงสร้าง html page และ ส่วนแสดงอีโมไอคอนออกเพื่อให้อ่านง่าย เห็นโครงสร้าง html ของ timeline ชัดเจน และต้องมีรูปอยู่ที่โฟลเดอร์ images (ภาพประกอบเนื้อหาของท่านเอง) ก็จะได้หน้าเว็บใกล้เคียงความต้องการ ดังรูปตัวอย่างนะครับ สามารถนำไปปรับใช้ โดยการปรับแก้ css และเพิ่มเติมส่วนแสดงผลอื่นๆได้ตามต้องการ