Print หน้าเว็บ Clean Clean ด้วย Print Friendly & PDF

บทความนี้จะมาแนะนำ Extension กันอีกเช่นเคยนะคะ วันนี้ขอนำเสนอ Print Friendly & PDF ค่ะ Extension ที่จะทำให้เรา Print หน้าเว็บที่สนใจได้แบบ Clean Clean และยังสามารถจัดการรูปแบบได้ตามที่ต้องการก่อนพิมพ์ได้ด้วยภาพโฆษณาต่างๆ จะไม่มีให้รก และเรายังสามารถลบข้อความหรือรูปภาพที่ไม่ต้องการออกไปได้ก่อนที่จะพิมพ์ ซึ่งต่างการจาก Print หน้าเว็บแบบเดิมที่เราไม่สามารถจัดการหน้าเว็บก่อนที่จะพิมพ์ได้ Extension ตัวนี้จึงช่วยทำให้เราประหยัดน้ำหมึกและกระดาษที่จะใช้ Print ค่ะ (งานรักษ์โลกก็มา) การใช้งานก็ง่ายมาก ๆ เลยค่ะ ^^ Features มีอะไรบ้าง Print Preview -> ปรับและแสดงเนื้อหาของการพิมพ์ให้เหมาะสมที่สุด Edit Before Printing  – >ปรับแต่งขนาดของรูปภาพ และข้อความ หรือจะลบรูปภาพ ข้อความที่ไม่ต้องการออกไปได้ (เลือกพิมพ์เฉพาะสิ่งที่เราต้องการ) Print or Save as PDF -> Print ทันที หรือจะบันทึกเป็น PDF ไว้ก็ได้ หรือจะส่งอีเมลก็ได้ (น่าจะเพิ่มมาตอนหลังมั้ง) เร่ิ่มจากติดตั้ง Extension ตัวนี้ให้กับ ฺBrowser ของเรากันก่อนนะคะ โดยเมื่อติดตั้งเรียบร้อยแล้วเราก็จะพบว่ามี icon ของ Print Friendly & PDF เขียว ๆ ขึ้นมา ก็เป็นอันติดตั้งส่วนขยายให้กับ Browser ของเราเรียบร้อยแล้วละค่า มาเริ่มใช้งานกันดีกว่าค่ะ วันนี้ผู้เขียนอยากจะ print นิทานไปฝากเด็ก ๆ ค่ะ เจอนิทานบนเว็บ kapook ที่สนใจแล้วค่ะ เรื่อง นิทานดาวลูกไก่ https://baby.kapook.com/view227107.html ไปที่หน้าเว็บที่สนใจจะ Print (หรือใครจะส่ง Email หรือจัดเก็บเป็น PDF ก่อนก็ได้) แล้วก็กด icon ของ Print Friendly & PDF ได้เลยค่ะ เมื่อกด Print Friendly & PDF แล้ว เอกสารจะแสดงขึ้นมาให้ ซึ่งจะเห็นว่า ภาพโฆษณาไม่มีติดมาเลย และได้มีการปรับและแสดงเนื้อหาของการพิมพ์ให้เหมาะสม ซึ่งเราก็ยังสามารถที่จะจัดการเนื้อหาและรูปภาพก่อนที่จะ Print ได้ตามต้องการอีก ดังนี้ ปรับขนาดของตัวอักษร และขนาดของรูปภาพ ลบข้อความ หรือรูปภาพที่ไม่ต้องการออไป หลังจากปรับแต่งตามที่ต้องการ (ผู้เขียนลดขนาดภาพลงหน่อย และลบข้อความบางส่วนออกไป) แล้วก็เป็นอันเสร็จ เราจะสั่ง Print เอกสารเลย หรือจะส่งเป็น Email หรือจะ บันทึกเป็น PDF ก็ได้นะคะ เดีี่ยวลองสั่ง Print นะคะ ผลลัพธ์ก้จะได้ออกมาแบบ นี้ดีงามมาก ๆ เลยละค่า ฮรี่ๆๆ ในส่วนของการส่ง Email และบันทึก PDF ก็ลองไปใช้งานกันดูนะคะ สำหรับบทความนี้ก็ขอจบลงเพียงเท่านี้นะคะ ขอบคุณมากค่ะ จุ๊บบายยย Ref : https://www.printfriendly.com/about

Read More »

Windows Subsystem for Linux Installation Guide for Windows 10

เพื่อเป็นการไม่เสียเวลา เริ่ม เปิด Powershell ด้วยสิทธิ์ของ Administrator แล้วพิมพ์คำสั่ง ต่อไปนี้เพื่อเปิดใช้งาน “Windows Subsystem for Linux” หรือ wsl โดยจะเป็นรุ่น 1 หรือ wsl1 ปรับรุ่นให้เป็นรุ่น 2 โดย Windows 10 ที่ใช้งาน ต้องเป็น Windows 10 version 2004, Build 19041 1903, Build 18362 ขึ้นไปเท่านั้น ตรวจสอบรุ่นของ Windows ด้วยคำสั่ง winver (start->run) เปิดใช้งาน Virtual Machine Platform พิมพ์คำสั่งต่อไปนี้ ใน powershell ของ administrator restart เครื่องเพื่อให้การปรับรุ่น wsl1 เป็น wsl2 สมบูรณ์ ตั้งค่าให้ wsl2 เป็นค่าเริ่มต้นด้วยคำสั่ง ซึ่งจะเจอข้อความตามภาพ ให้ไปดาวน์โหลด kernel ได้จาก https://aka.ms/wsl2kernel โหลดมาแล้วติดตั้งให้เรียบร้อย (Next technology) สั่งคำสั่งเดิมอีกครั้งเพื่อตั้งค่าให้ wsl เป็นรุ่น 2 เป็นค่าเริ่มต้น สามารถดูรายละเอียดความแตกต่างของ wsl2 ได้ที่ https://aka.ms/wsl2 ติดตั้ง Linux ที่ต้องการจาก Microsoft Store หรือคลิกลิงค์ด้านล่างเพื่อเข้า Microsoft Store Ubuntu 16.04 LTS Ubuntu 18.04 LTS Ubuntu 20.04 LTS openSUSE Leap 15.1 SUSE Linux Enterprise Server 12 SP5 SUSE Linux Enterprise Server 15 SP1 Kali Linux Debian GNU/Linux Fedora Remix for WSL Pengwin Pengwin Enterprise Alpine WSL ติดตั้งเสร็จแล้วคลิก Launch ใน Microsoft Store จะเป็นการเปิดหน้าของลินุกส์ขึ้นมาและให้ตั้งค่าต่างๆ username และ password ตั้งค่าเสร็จได้ดังภาพ ตั้งค่าลินุกส์ให้เป็น wsl2 ตรวจสอบว่าเป็นรุ่นไหนอยู่ด้วยคำสั่ง ซึ่งถ้าหากยังเป็นรุ่น 1 สามารถเปลี่ยนได้ด้วยคำสั่ง โดยแทนที่ <distribution name> ด้วยชื่อเต็มที่ได้จากคำสั่ง wsl –list –verbose เช่น Ubuntu-20.04 และ <versionNumber> ด้วย 1 หรือ 2 ตามต้องการ จบขอให้สนุก ต้นฉบับ https://docs.microsoft.com/en-us/windows/wsl/install-win10

Read More »

แชร์หน้าจอมือถือขณะ VDO Call ด้วย LINE

สำหรับ Blog ในวันนี้จะมาขอแชร์เกร็ดความรู้เล็กๆ น้อยๆ ที่หลายๆคนอาจจะยังไม่เคยรู้มาก่อน (ถึงแม้จะใช้ LINE กันอยู่ทุกวันก็เถอะ) เมื่อไม่กี่วันที่ผ่านมาทาง LINE ได้มีการ update version ล่าสุด คือ10.6.5 ซึ่งใน version นี้จะเน้นไปที่การเพิ่มคุณสมบัติขณะวิดีโอคอล เช่น สามารถดู YouTube ร่วมกันได้ หรือสามารถแชร์หน้าจอตัวเองได้ เป็นต้น จริงๆแล้ว เรื่องของการแชร์หน้าจอขณะ VDO Call เนี่ย เดิมบนคอมพิวเตอร์ก็ทำได้อยู่ก่อนแล้วนะ แต่ตอนนี้ update ให้สามารถแชร์ผ่าน application บน smart phone ได้ด้วย วิธีการก็ไม่ยากเลย ปะ ไปดูกันว่าเค้าทำกันยังไง !! Step1 : เริ่มจากเปิด LINE และเลือก VDO Call หาคนที่เราต้องการ Step2 : เมื่อเริ่มการ VDO Call เรียบร้อยแล้ว แตะหน้าจอเบาๆ 1 ครั้ง จากนั้นให้สังเกตุมุมบนด้านขวาของหน้าจอ จะปรากฏicon เล็กๆ ให้กดเลือกตรงจุด3จุด Step3 : หน้าจอจะแสดงเมนูให้เราเลือก ให้เลือก “Share screen” Step4 : เมื่อกดเลือกเรียบร้อยแล้วหน้าจอก็จะถามเราว่า “LINE will start capturing everything that’s displayed on your screen.” ให้เลือกว่าจะ cancel หรือ start now เลือกแบบไหนก็เลือกเลย หากไม่ต้องการให้รอบหน้าแสดงข้อความนี้อีกก็สามารถ Checkbox ด้านหน้าคำว่า Don’t show again ได้เลย Step5 : เมื่อเราเริ่มต้นการ Share screen เรียบร้อยแล้ว หน้าจอเราเปิดอะไรอยู่ เพื่อนที่เรา VDO Call ด้วยก็จะเห็นเหมือนกัน ตัวอย่างก็จะได้ดังรูป ^^ จะว่าไปก็มีประโยชน์อยู่ไม่น้อยเลยนะ ยิ่งช่วงนี้อะไรๆก็ออนไลน์ ทั้งเรียน ทั้งประชุม ทั้งพูดคุย ตัวคุณสมบัติที่เพิ่มเข้ามาอันนี้ตอบรับนโยบาย social distancing ได้ดีมากๆ อย่างไรก็ตามผู้เขียนอยากให้ทุกคนไปลองเล่นดูนะ ความรู้เกร็ดเล็กเกร็ดน้อยเหล่านี้ รู้ไว้ใช่ว่า ใส่บ่าแบกหาม จริงมั้ย !! อ้างอิงhttps://www.rainmaker.in.th/line-update-video-call/

Read More »

ไม่มีเวลา, ไม่มีเงิน, ไม่มีปัญหา: ต้นไม้ต้นแรกแห่งความสำเร็จ

สวัสดีครับวันนี้ผมมีเรื่องราวที่จะมาช่วยสร้างแรงบันดาลใจให้กับทุกคนในช่วงวิกฤตโควิท-19 ให้กลับมาลุกขึ้นมาสู้อีกครั้งและเป็นแรงบันดาลใจให้กับคนที่มีความฝันที่อยากจะสร้างเกม แรงบันดาลใจเรื่องนี้ถูกถ่ายทอดมาจากเรื่องราวของคุณเดวิดนักสร้างเกมอินดี้คนหนึ่งที่ประสบความสำเร็จอย่างมากบน Steam โดยใช้ความมุมานะพยายามและความใฝ่ฝันในวัยเด็กที่อยากจะสร้างเกมเป็นของตัวเอง ทั้งที่ตัวเองนั้นไม่ชอบการเขียนโปรแกรมเลยแต่อาศัยการฝึกฝนเรียนรู้ด้านศิลปะและการออกแบบช่วยทดแทน จุดเริ่มต้นมาจากมีเพื่อนคนนึงได้แนะนำการใช้งานโปรแกรม Unity (โปรแกรมสำหรับสร้างเกม) เมื่อเดวิดเห็นครั้งแรกก็พูดกับตัวเองว่า “ฉันรู้ว่าฉันจะต้องสร้างเกม” จึงเริ่มฝึกฝนการใช้งานโปรแกรมและทำงานอย่างหนักจนกระทั้งได้ปล่อยเกมแรกบน Steam ที่ชื่อว่า Home is Where One Starts…  ผลปรากฏว่าได้รับคำวิจารณ์จากเหล่าเกมเมอร์อย่างล้นหลามว่าเป็นเกมที่ “ห่วย” สิ้นดี แต่อย่างน้อยมันก็ทำให้ความฝันของเดวิดกลายเป็นจริงและได้มีอาชีพเป็น Unity technical artist ที่บริษัท The VOID ได้รับหน้าที่ในการสร้างงาน VR ให้กับเกมดังๆ มากมาย อาทิเช่น  Ghostbusters Dimension, Avengers: Damage Control, และ Star Wars: Secrets of the Empire. ถึงแม้ว่าผลงานของเค้าจะเป็นผลงานที่ยอดเยี่ยมแต่ก็ไม่ได้ติดอันดับชาร์ตเกมที่ขายดีที่สุดบน Steam เดวิดรู้ตัวว่ากำลังทำเกมของตัวเองเดินผิดทาง ซึ่งเค้าต้องการทำให้มันถูกต้อง วันนึงในขณะทำอาหารจึงเกิดไอเดียหัว เดวิดมองเห็นภาพสุนัขจิ้งจอกตัวหนึ่งกำลังมองหาต้นไม้ต้นแรกบนโลกเพื่อเรียนรู้เกี่ยวกับชีวิตและความตาย เกม The First Tree จึงถือกำเนิดขึ้น เดวิดจึงเริ่มสร้างเกมตามแนวทางของตัวเอง… แต่แน่นอนว่ามันไม่ใช่เรื่องง่ายเลย เพราะเค้าต้องทำงานประจำและต้องเลี้ยงดูลูกคนใหม่ เค้าเริ่มจัดตารางเวลาและทำมันถึงแม้จะไม่ชอบก็ตาม ทุกคืนที่ทำงานเกมของตัวเองก็เกือบจะยอมแพ้หลายครั้ง แต่ติดตรงที่เดวิดต้องการให้ผลงานนี้บอกเล่าเรื่องราวและแบ่งปันบนโลกใบนี้  เค้าจึงทำการตลาดทุกในสัปดาห์ เพราะรู้ตัวว่าถ้าไม่มีทำการเปิดตัวเกมจะทำให้เกมเค้าล้มเหลว 100% จนในที่สุดในเดือนกันยายน ปี 2560 เกม The First Tree ก็ปล่อยบน Steam ได้สำเร็จ เดวิดแทบจะไม่อยากจะเชื่อสายตาตัวเองว่าเกมที่เป็นงานอดิเรกชิ้นเล็กๆ ที่ทำหลังเลิกงานจะประสบความสำเร็จได้ขนาดนี้ เกมของเค้าติดอันดับหน้าแรกของ Steam 5 วัน ความสำเร็จครั้งนี้ทำให้ชีวิตของเค้าเปลี่ยนแปลงไปทันที เดวิดลาออกจากงานประจำแล้วมาเริ่มทำเกมอินดี้แบบเต็มเวลา พร้อมเริ่มสร้างเว็บไซต์  Game Dev Unlocked เพื่อถ่ายทอดเทคนิคและความรู้การสร้างเกม การทำการตลาด ให้กับเหล่านักสร้างเกมที่มีความฝันแบบเดียวกัน ปิดท้ายด้วยคลิปเรื่องราวชีวิตของเดวิดที่บอกกับเราว่า ไม่มีเวลา, ไม่มีเงิน, ไม่มีปัญหา เพราะถ้าเรามี passion ทำในสิ่งที่เรารักก็จะประสบความสำเร็จอย่างแน่นอนครับ

Read More »

ข้อมูลใน DropdownList แรกจนถึง DropdownList สุดท้ายกับค่าที่เหลืออยู่ของเขา ด้วย LINQ

ในช่วงที่ผ่านมา ได้มีการพัฒนาระบบโดยมีการนำ LinQ มาใช้นิด ๆ หน่อย ๆ (มือใหม่หัดใช้ >< ) ซึ่งมีอยู่ฟังก์ชันนึงที่เกี่ยวกับ การ Bind ค่า DropdownList กรณีที่มี DropdownList หลาย ๆ ตัวและไม่อยากให้ค่าที่เคยเลือกจาก DropdownList ก่อนหน้าไปแสดงใน DropdownList ถัดไปอีก น่าสนใจทดลองใช้แล้วทำงานได้ดี ผู้เขียนจึงนำมาเขียนเพื่อไว้เตือนความจำ จะได้กลับมาอ่าน แนวคิดและวิธีการดังนี้ค่ะ ในขั้นตอนแรก สร้าง Data ที่ชื่อว่า MyList เก็บข้อมูล id และชื่อ เพื่อเตรียมเป็น DataSource สำหรับ Bind ให้กับ DropdownList1 ดังนี้ ต่อมากำหนดค่าให้กับ MyList เพื่อผูกให้กับ DropdownList1 ผลลัพธ์ของ DropdownList1 ได้ดังนี้ ID Name1 name12 name23 name35 name510 name10 ต่อมา กำหนดว่า DropdownList1 เลือกค่าเป็น ID = ‘2’ จากนั้น ที่ Event SelectedIndexChange ของ DropdownList1 ให้ใส่ Code ดังนี้ จากนั้นผูก myDataSource ให้กับ DropdownList2 ค่าล่าสุดใน DropdownList2 จะแสดงดังด้านล่าง โดยที่ ID = ‘2’ จะหายไป เนื่องจากถูกเลือกไปแล้ว ดังนี้ ID Name 1 name1 3 name3 5 name5 10 name10 กรณีที่มี DropdownList3 ก็ให้ทำเหมือนขั้นตอนก่อนหน้า ตัวอย่างกำหนดค่าการเลือกของ DropdownList1 = ‘2’ และ DropdownList2 = ‘5’ ดังนี้ จากนั้น ที่ Event SelectedIndexChange ของ DropdownList2 ให้ใส่ Code แบบเดิม จากนั้นผูก myDataSource ให้กับ DropdownList3 ค่าล่าสุดใน DropdownList3 จะแสดงดังด้านล่าง โดยที่ ID = ‘2’ และ ‘5’ จะหายไป เนื่องจากถูกเลือกไปแล้ว ดังนี้ ID Name 1 name1 3 name3 10 name10 จะเห็นได้ว่าเราใช้ Query เดียวกันในหลาย ๆ DropdownList ดังนั้นสามารถทำ Query นี้ให้เป็นฟังก์ชันเพื่อเรียกใช้งานได้ หวังว่าจะเป็นประโยชน์ไม่มากก็น้อยสำหรับผู้อ่านนะคะ \(@^0^@)/

Read More »