เขียนเว็บแอพแบบ SPA ด้วย Blazor (C#)

หากคุณเป็นนักพัฒนาเว็บแอพที่ชอบฟังเพลงยุค 90 คุณก็คงจะคุ้นเคยกับ Multiple Page Applications (MPA) เป็นอย่างดี  MPA หรือเว็บแบบดั้งเดิมนั้นสามารถสังเกตุได้จากการที่เราคลิกดูข้อมูล หรือเปลี่ยน URL หน้าเว็บจะโหลดใหม่ทั้งหน้า เพื่อดึงข้อมูลมาแสดงผลใหม่ใน Browser ดังรูป ทุกวันนี้ก็ได้มีอีก Trend หนึ่งที่น่าสนใจ และมีการนำมาใช้สร้างเว็บแอพกันอย่างแพร่หลาย นั่นก็คือ Single Page Application หรือ SPA  โดยเว็บแบบนี้จะทำการโหลดหน้าเว็บจาก Request ครั้งแรกเท่านั้น หลังจากนั้นจะเป็นการรับส่งข้อมูลกันโดยใช้ JavaScript เข้ามาช่วย ทำให้ลดการ Reload หน้าเว็บโดยไม่จำเป็นลงไปได้ ข้อดีของเว็บแบบนี้คือ มี User Experience ที่ดีกว่า ตอบสนองได้อย่างรวดเร็ว และลดการทำงานของฝั่ง Server  ตัวอย่างเว็บไซต์แบบ SPA ที่เราใช้งานกันอยู่บ่อยๆ ได้แก่ Facebook, Instagram, Twitter, Google Mail เป็นต้น ตัวอย่างของ SPA … Read more

การสร้างแบบสอบถามอย่างง่ายจาก Mentimeter

การสร้างแบบสอบถามอย่างง่ายโดยใช้เครื่องมือที่ชื่อว่า Mentimeter ลองมาดูกันว่าวิธีการง่าย ทำกันอย่างไร เข้าใช้งานไปที่ เว็บไซต์ https://www.mentimeter.com/ เมื่อเข้ามาให้คลิก “Sign up” เพื่อเข้าสู่ระบบ 2. จะแสดงหน้าให้ Create a free account แบบง่าย ก็ให้เลือกผ่าน Facebook หรือผ่าน Google ดังรูป 3. ในตัวอย่างโดยใช้ Facebook ดังรูป 4. เมื่อ Login เข้ามาแล้วจะเจอประเภทที่ให้เลือก ในตัวอย่างนี้จะใช้แบบ “Workshops” 5. ให้เลือกรูปแบบของการใช้งาน ตัวอย่างนี้เลือกแบบ Free โดยคลิก “Continue with free“ 6. เลือก “+New presentation“ 7. จะมีประเภท (Type) ให้เลือก ตัวอย่างนี้เลือกแบบ “Word Cloud“ 8. สามารถสร้างคำถาม ตัวอย่างถามว่า … Read more

ตัดต่อ clip video อย่างง่าย ด้วย App Photos บน Windows10

จากบทความที่แล้วได้แนะนำ “การบันทึกหน้าจอคอมพิวเตอร์ Xbox Game Bar บน Windows10” ไปแล้ว ก็ถึงขั้นตอนการตัดต่อกันบ้าง ซึ่ง Windows10 ก็มี App ที่ทุกคนใช้งานกันอยู่เป็นประจำ นั้นก็คือ Photos หลายคนคงใช้ App Photos ใช้สำหรับดูรูปภาพเท่านั้น แต่รู้หรือไม่ว่ามันสามารถสร้าง ตัดต่อ ใส่ข้อความ ใส่เสียง และลูกเล่นต่าง ๆ ให้กับ clip ของของคุณได้อีกด้วย เริ่มต้นใช้งาน• พิมพ์ Photos ตรงช่องค้นหาด้านซ้ายของหน้าจอ แล้วเลือกเมนู • เมื่อเปิด App Photos ขึ้นมาคลิก New video และเลือก New video project • ใส่ชื่อ Name your video • เลือกไฟล์จากเครื่องของคุณโดยไปที่ +Add และเลือก From … Read more

ลบภาพบนเอกสาร Word ทั้งหมดได้ง่าย ๆ ภายในพริบตา

หลายท่านคงเคยมีปัญหาในการนำข้อความจาก word  อาจจะต้องนำไป Copy ไว้ที่ไหนสักที่ หรือ นำไปเขียน blog บนเว็บ แต่ไฟล์ที่เรามีอยู่ในมือ ดูแล้วมีรูปภาพเต็มไปหมด ไอ้เราก็ต้องการเฉพาะแค่ข้อความเท่านั้น ทำไงล่ะทีนี้ จะต้องมานั่งลบรูปทีละรูปอย่างนั้นเหรอ ?? เสียเวลาชะมัด เห้อ …..  แต่เดี๋ยวก่อนค่ะ มันไม่เสียเวลาขนาดนั้น มันก็มีวิธีอยู่นะคะ ที่เราจะไม่ต้องมานั่งคลิกลบทีละรูป เอาล่ะมาดูวิธีกันดีกว่า 1. เปิดไฟล์ที่เราต้องการลบรูปทั้งหมดขึ้นมา จะเห็นว่าในไฟล์มีรูปภาพหลายรูปเลยล่ะค่ะ 2. คลิกที่ปุ่ม Replace 3. ในช่อง Find What  ให้พิมพ์ ^g   ส่วนตรง Replace With ไม่ต้องกรอกอะไรลงไปค่ะ ปล่อยว่างไว้เลย  จากนั้นให้กดปุ่ม Replace All 4. ปรากฏข้อความแจ้งดำเนินการเสร็จสิ้น กดปุ่ม OK เพื่อปิดข้อความ 5. กดปุ่ม Close เพื่อปิดหน้าจอการ Replace 6. จะเห็นว่ารูปทั้งหมดหายวับไปกับตา … Read more

บันทึกหน้าจอคอมพิวเตอร์ด้วย Xbox Game Bar Hidden Feature บน Windows10

ใครที่เครื่องคอมพิวเตอร์ของคุณใช้ Windows 10 และกำลังมองหาโปรแกรมที่จะบันทึกหน้าจอเป็นคลิป โดยที่ไม่อยากจะต้องหาโปรแกรมเสริมจากที่อื่น ซึ่งอาจจะต้องเสียเงิน หรือกินพื้นที่ของเครื่องแล้วละก็ใน Windows 10 มี Hidden Feature ที่ช่วยบันทึกหน้าจอคอมพิวเตอร์ของคุณขณะใช้งานได้ทันทีโดยไม่ต้องติดตั้งเพิ่มเติม ด้วย Xbox Game Bar Xbox Game Bar สร้างขึ้นใน Windows 10 เพื่อใช้จับภาพวิดีโอและภาพหน้าจอขณะเล่นเกมพีซีได้ แม้ว่าชื่อจะเหมือนทำมาเฉพาะสำหรับเกม แต่จริงๆแล้ว สามารถบันทึกได้หน้าจอคอมพิวเตอร์ของคุณเหมือนโปรแกรมบันทึกภาพทั่วไปเลย วิธีการบันทึก• กดปุ่ม Windows + G เพื่อเริ่มใช้งาน ซึ่งจะปรากฏแถบเครื่องมือต่าง ๆ ให้เลือกใช้งาน (สามารถกดจับภาพหน้าจอ, กดบันทึกวิดีโอหน้าจอ, กดเปิด-ปิดไมค์ และอื่นๆ ได้จากส่วนนี้) – Capture เอาไว้ใช้ในการกดบันทึกต่าง ๆ เช่น ถ่ายภาพ, บันทึกหน้าจอหรือปิดไมค์ – Audio ไว้สำหรับตั้งค่าระบบเสียงของคุณ โดยแบ่งเป็น 2 ส่วนคือเสียงจากในตัวเครื่องและเสียงที่มาจากไมค์ของคุณ – … Read more