ในโลก Web 2.0 มีการสร้างเครื่องมือเพื่ออำนวยความสะดวกให้ผู้ใช้มากมาย และหนึ่งในนั้นคือการแชร์ URL ข้อมูลต่างๆ ซึ่งปัจจุบัน URL จะมีความยาวมาก เช่นจากการสร้าง Link แชร์เอกสาร แบบฟอร์ม ที่เก็บไฟล์ต่างๆ ซึ่งใน ม.อ. คุณ อัษฎายุธ ได้ช่วยอำนวยความสะดวกให้ชุมชนผู้ใช้ไอที ม.อ. ได้ใช้ Shorten URL กันตามข่าว แทนที่จะไปใช้บริการจากนอก ม.อ. เช่น bit.ly tiny.cc และในอีกทางหนึ่ง ทางด้านมืด สายมาร เหล่ามิจฉาชีพ ก็นำไปใช้ด้วยเช่นกัน ทำให้เหล่าผู้ใช้ น่าจะรู้สึกกังวลเวลาได้ลิ้งค์ย่อ กังวลว่ากดคลิกต่อไปแล้วจะนำไปสู่หน้าเว็บไซต์ไหน เจออะไร หรือเจอสายมืดก็เปิดเข้าไปเจอเว็บไซต์ประสงค์ร้าย…
Tag: Tools
✏️ More than noting “Notion”
ทุกวันนี้เวลาเราใช้ชีวิตประจำวัน ถ้าเราไม่จดโน๊ต ทุกอย่างเราก็จะต้องจดจำทุกอย่างอยู่ในหัวสมองเราเอง แน่นอนการจดจำในหัวสมองเรานั้นมันก็ไม่ได้มีความถูกต้อง แม่นยำ 100% การจดโน๊ตก็เป็นอีกหนึ่งวิธีการที่จะช่วยเตือนความจำ ระหว่างการจดก็จะเป็นส่วนช่วยในการจดจำได้ดียิ่งขึ้น จะดีไหมถ้ามีเครื่องสักตัวหนึ่งที่ เราสามารถจดโน๊ตของเราได้อย่างมีประสิทธิภาพแล้ว มันสามารถนำข้อมูลที่เราจดไป มาใช้งานต่อได้อีก เช่นการจดรายงานการประชุมโดยมีการแปะลิ้งค์ รูป ข้อความได้ลงในหน้ากระดาษ แล้วใช้การ mentions ผู้เข้าร่วมประชุมให้มา revise และ approve ได้ จุดไหนผิดถูกสามารถ comment ได้ เมื่อแก้ไขเสร็จแล้วก็สามารถ Lock ไฟล์นั้นๆได้และ Export ออกไปเป็น PDF สำหรับการส่งรายงานก็ทำได้เช่นกัน 🤔 What is Notion? Website: Notion – One…
จับภาพ แชร์ภาพ ด้วย shareX Ep 3
ต่อจาก Blogก่อนหน้า Blog นี้ เรามาว่ากันด้วยเรื่องของการ upload file และสั่งให้โปรแกรม Generate QR code กัน หลังจากที่เราบันทึกวีดีโอเสร็จแล้ว และเราอยาก upload file ขึ้นไปเก็บไว้ ผู้เขียนขอยกตัวอย่างเช่น “บันทึกวีดีโอเสร็จแล้ว upload file ขึ้น youtube เมื่อ upload เสร็จ ให้แสดง QR Code ขึ้นมา” โอเคมั้ย โจทย์ประมาณนี้นะ งั้นไป … เราไปเริ่มกันเลย !!! ลำดับแรกคลิกเลือก “Destinations” จากนั้นเลือกไปที่ “File…
จับภาพ แชร์ภาพ ด้วย shareX Ep 2
Blog นี้ ขอมาต่อในส่วนของโปรแกรม shareX โดยจะมาว่ากันในเรื่องของการบันทึกหน้าจอในรูปแบบ VDO กันค่ะ สำหรับการบันทึกภาพหน้าจอเป็นวิดีโอ ผู้ใช้สามารถทำได้ทั้งแบบเต็มหน้าจอ หรือจะเลือกเป็นพื้นที่ก็ได้เช่นกัน แต่ก่อนที่เราจะบันทึกภาพหน้าจอแบบวิดีโอด้วย shareX ได้นั้น เครื่องของเราก็ต้องมี plugin ที่ชื่อ “FFmpeg” ติดตั้งอยู่ในเครื่องก่อน แต่ถ้าไม่มีก็ไม่เป็นไรนะ ไม่ต้องตกใจหรอก เพราะว่าพอเราเลือกฟังก์ชันบันทึกภาพหน้าจอแบบวิดีโอ (Screen recording) โปรแกรมก็จะบอกเราว่า เราไม่มี plugin ตัวนี้ จะไปดาวน์โหลดมาติดตั้งเลยมั้ย ก็ให้ตอบตกลงไปเลย แค่นี้เราก็สามารถใช้งานการบันทึกภาพหน้าจอได้แล้ว หรืออีกวิธีนึง !!! เราสามารถไปดาวน์โหลดด้วยตัวเองก่อนก็ได้ โดยไปที่ “Task settings” จากนั้นก็ปรากฏหน้าจอดังรูป ให้เลือก “Screen recorder”…
จับภาพ แชร์ภาพ ด้วย shareX Ep1
Blog ที่4 นี้ขอนำเสนอโปรแกรมจับภาพหน้าจอฟรี ย้ำนะว่าฟรี !! มีชื่อว่า shareX ซึ่งสามารถจับภาพหน้าจอเพื่อนำไปใช้งานต่อในหลากหลายรูปแบบ เช่น ทำคู่มือ ทำวีดีโอ เอาไปลงในเว็บไซต์ หรื่ออื่นๆ ถือเป็นโปรแกรมฟรีแบบ Open Source ที่จัดเต็มในเรื่องของเครื่องมือต่างๆ ที่ติดตั้งมาให้แบบครบครันนนนนน จริงๆแล้วโปรแกรมฟรีที่สามารถจับภาพหน้าจอ record วีดีโอนี่ก็มีมากมายเลยแหละ อยู่ที่ใครชอบแบบไหน เอาเป็นว่าวันนี้ลองมาทำความรู้จักกับอีก 1 ตัว ที่มีชื่อว่า shareX กันหน่อยละกันนะ “จะได้รู้ว่าดีกว่าที่ใช้อยู่เนี่ย มันก็มีนะ !!” (อันนี้ผู้เขียนบอกตัวเองนะ 55+) shareX สามารถดาวน์โหลดได้ที่ https://getsharex.com/ หรือจะหาผ่าน window store ก็ได้เหมือนกัน…
เช็คฟอนต์สวย ด้วย WhatFont ~ Extension
อะ แฮ่ม และแล้วก็เดินมาถึง Blog สุดท้ายในรอบ TOR ของปีนี้จนได้ แต่กว่าจะได้ฤกษ์เขียนได้ก็ปาเข้าไปกลางปีกันเลยทีเดียว (55+) มาๆๆ เรามาเข้าเรื่องกันเลยดีกว่า ต้องบอกว่าหลายครั้งที่เราได้เข้าเว็บไซต์นู้นนั่นนี่ แล้วเห็น font สวยๆ แต่ไม่รู้ว่านั่นน่ะมันคือ font อะไร ชนิดไหน … วันนี้ทางผู้เขียนขอนำเสนอ Chrome Extension (อีกแล้วเหรอ !) ที่เรียบง่ายแต่ใช้งานได้จริง นั่นคือ * WhatFont * WhatFont คืออะไร ??? WhatFont เป็นหนึ่งในส่วนขยายของ Google Chrome ซึ่งเป็นเครื่องมือที่ใช้ในการดูได้ว่า Font ที่ใช้หรือแสดงอยู่ในหน้าเว็บไซต์ต่างๆ…
ทดสอบเว็บบน Browser ทุกตัวง่ายนิดเดียว
ทดสอบเว็บผ่าน Browser หลังจากที่ได้มีการพัฒนาหรือสร้างเว็บขึ้นมาเรียบร้อยแล้วนั้น สิ่งแรกๆ ที่ต้องทำคือทดสอบเว็บของเราว่าสามารถที่จะแสดงผลผ่าน Browser ได้ดีหรือไม่ และแสดงผลได้ดีกับทุก Browser หรือไม่ เช่น Google Chrome , Firefox หรือจะเป็น Internet Explorer ซึ่ง Browser แต่ละตัวนั้นก็มีหลากหลายเวอร์ชันมาก และที่เราต้องพยายามทดสอบให้ได้มากที่สุดก็เพราะว่า เราไม่สามารถรู้ได้เลย ว่าลูกค้าหรือผู้ใช้เว็บของเรานั้นจะใช้เครื่องมือ หรือ Browser ตัวไหนเป็นหลัง ดังนั้นการทดสอบเว็บบน Browser ทุกตัวไม่ใช่เรื่องง่ายเลยจริงๆ ทำอย่างไรให้การทดสอบผ่าน Browser ทุกตัวเป็นเรื่องง่าย สำหรับครั้งนี้ผู้เขียนจะขอแนะนำเครื่องมือช่วยทดสอบการแสดงผลเว็บผ่าน Browser ทุกรุ่นทุกยี่ห้อ เพื่อให้เป็นเกร็ดความรู้เบื้องต้นเล็กๆ น้อยๆ เพื่อแก้ไขปัญหาการที่ต้องลงๆ ถอนๆ Browser ในเครื่องจนอาจจะปวดหัวเอาได้…
Short Note on Workshop “Web Application Development Workflow”
ผมชวนเพื่อนๆ CoP PSU IT ซึ่งเป็นรุ่นน้องชื่อคุณราชศักดิ์ บูรณะพาณิชย์กิจ และพัฒนาวดี ศิวติณฑุโก อยู่ที่คณะวิศวกรรมศาสตร์ มาจัด Workshop ใช้เวลา 1 วัน เรื่อง Web Application Development Workflow วิทยากรเตรียม slide ที่นี้ครับ http://bratchasak.github.io/slide/ คร่าวๆ คือ แนะว่า Web Application Development Workflow คืออะไร อธิบายว่าขั้นตอนของการพัฒนาและเครื่องมือที่ใช้ในการทำงาน ก็คือ Chrome Browser และ Sublime Text และติดตั้งโปรแกรม Git…
pixlr online photo editor ใช้แทน photoshop
มีคำถามว่าหากไม่ต้องการจ่ายเงินซื้อโปรแกรมตกแต่ง แก้ไข ภาพถ่าย ที่นิยมที่สุดคือ photoshop เราจะใช้โปรแกรมอะไรดี ก็ลองมองดูที่โอเพนซอร์ส ชื่อ Gimp แต่ก็ดูเหมือนว่าจะไม่ได้รับความนิยมเนื่องด้วย user interface ใช้งานไม่ถูกใจชาวกราฟิกดีไซน์เลยทีเดียว ผมก็เจอตัวที่คิดว่าน่าใช้งาน คือ pixlr เป็น online photo editor และมีเวอร์ชั่นติดตั้งบนสมาร์ทโฟนด้วย ผมให้กราฟิกดีไซเนอร์คนหนึ่งทดสอบใช้งานดู ก็ได้รับคำตอบว่า ใช้ได้ ง่ายดี พวกเราลองอ่านในบล็อกของเขา จะเห็นว่ามีการแนะนำวิธีการใช้งานผ่านบล็อกน่าอ่านมาก ที่ http://blog.pixlr.com/