Engineer Indy Blog

บทความนี้ตั้งใจเขียนบันทึกวิธีการติดตั้ง Flutter และ Andriod studio เนื่องจากมีรายละเอียดเล็กๆน้อยๆ ที่น่าสนใจ ผมใช้เวลา Research พักนึงเลยกว่าจะติดตั้งเสร็จ โดยผมจะอ้างอิงการติดตั้งบน Mac OS เป็นหลักนะครับ เริ่มที่ Flutter ก่อน Download Flutter SDK  เลือก Mac OS จากนั้น Unzip ไว้ที่ Folder ที่ต้องการ ผมแนะนำให้ใส่ไว้ที่ ~/Library Add path file เพื่อให้เราใช้งานคำสั้ง flutter ได้ โดยส่วนนี้จะขึ้นอยู่กับ Command Shell ที่เราใช้งาน ผมใช้ Fish shell เป็นหลัก วิธีการเพิ่มพาธคือ พิมพ์คำสั่ง fish_add_path ... เมื่อเพิ่มพาธเสร็จแล้ว จะใช้คำสั่ง flutter ได้ ทดสอบด้วยการพิมพ์คำสั้ง flutter ถ้าไม่ error คือโอเค ถัดไปรันคำสั่ง flutter doctor โปรแกรมจะบอกสิ่งที่เราต้องแก้ไขเป็นลิตส์รายการ ก็ไปแก้ให้หมด เป็นอันจบพิธี มาต่อที่ Android studio Download Android studio เลือก Mac OS Unzip แล้ว copy ไปไว้ที่โฟลเดอร์ Applications เปิดโปรแกรมติดตั้งให้เรียบร้อย ตรงนี้ไม่ยาก แต่สังเก

เนื่องจากช่วงนี้กำลังศึกษาอะไรเรื่อยเปื่อย เพื่อเอามาเขียนบทความบ้าง ทำโปรเจ็คบ้าง ไปเจอคีย์เวิร์ดนึงซึ่งน่าสนใจ มันคือ Server Sent Event (SSE) เคยเห็นผ่านๆ บทความนี้เราจะมาทำความเข้าใจกัน Server Sent Event - One way messaging SSE เป็น API ที่อนุญาติให้เรารับข้อมูลจากหลังบ้านได้แบบอัตโนมัติ เช่น จากเดิมที่เราใช้ Rest Api เวลาที่ต้องการข้อมูล เราจะให้ Client ส่งไปถามหลังบ้านก่อน เพื่อรับข้อมูลกลับมา แต่มีหลายๆเหตุการณ์ที่ทำให้เราไม่สามารถให้ Client ส่งไปถามหลังบ้านได้ เช่นแอพแชท อย่างที่ทราบกัน เราใช้ Web Socket ในการสื่อสารที่ไม่ต้องการให้อีกฝั่งส่งไปถามก่อนเสมอ เพียงแค่เปิด Connection ไว้ ก็ส่งข้อมูลให้กันได้เลย แต่เนื่องจาก Web Socket เป็นการสื่อสาร 2 ทาง ในบางงานอาจไม่เหมาะกับการใช้ เช่น จะอัพเดทราคาทองคำ News feed หรือผลกีฬา ทั้งหมดนี้ใช้การสื่อสารทางเดียวก็เพียงพอแล้ว Photo by Ian Taylor on Unsplash วิธีใช้งาน SSE Backend ให้เซท Header Con

เมื่อคุณเป็นคนติด Browser และไม่อยากสลับแอพไปมา นี่คือเครื่องมือในการจดโน๊ตแบบรวดเร็ว ทำให้คุณเขียนสิ่งที่คิดได้แบบทันทีทันใด Write Box เว็บนี้ไม่มีอะไรยุ่งยากซับซ้อน มีพื้นที่สีขาวพร้อมให้คุณเขียนสิ่งที่อยากเขียนลงไป หลายคนอาจจะเคยใช้ Google Keep, Ever Note หรือแอพพลิเคชั่นอื่นๆ บลาๆ พวกนั้นเป็นแอพที่ดี และผมก็ใช้บ่อย แต่ว่ามันเหมาะกับการโน๊ตอะไรสำคัญๆมากกว่า พวกโน๊ตที่เราอยากกลับมาดูในภายหลัง แต่สำหรับเจ้า write box ผมว่าเป็นตัวช่วยในการเขียนอะไรง่ายๆ สามารถลบทิ้งไปได้ เมื่อเขียนเสร็จ อย่างเช่น ครูถามโจทย์คณิตศาสตร์ แล้วเราต้องการเขียนสูตรเพื่อเอาไปคำนวณต่อ เราก็จดง่ายๆ คร่าวๆบน write box ได้เลย ข้อดีอย่างนึงของ write box คือ มันสามารถจำสิ่งที่เราจดไว้ได้ เมื่อเราปิด Browser เปิดมาใหม่ข้อความที่เขียนไว้ก็ยังอยู่ นอกซะจากเราจะไปเคลียร์ Local storage ฟีเจอร์เล็กๆน้อยๆของมันคือ สามารถบอกได้ว่าโน๊ตนี้มีกี่บรรทัด มีกี่คำ กี่ตัวอักษร เราสามารถเอาไปประยุกต์ใช้กับงานอื่นได้ นอกจากนี้มันยังสามารถบันทึกโน๊ตไว้ที่คลาวด์ได้ ทั้ง Dropbox และ

บทความนี้มี Chrome Extension น่าสนใจมาแนะนำอีกแล้ว เหมาะสำหรับคนที่ชอบท่องไปในโลกของ Github ปัญหาหนึ่งของคนที่ใช้ Github.com คือ การ browse file ที่ไม่สดวกสบาย ต้องกดหลายทีกว่าจะเจอไฟล์ที่เราต้องการ ปัญหานี้จะหมดไปถ้าคุณใช้.. Octotree - GitHub code tree Extension ที่จะสร้าง File Structure ของรีโปที่คุณสนใจ ออกมาในรูปแบบ Tree ทำให้คุณสามารถเลือกดูไฟล์ที่สนใจได้ง่ายๆ อีกทั้งยังสามารถ ทำความเข้าใจโครงสร้างโค๊ดได้ง่ายขึ้นอีกด้วย โดย Extension นี้จะปรากฏขึ้นก็ต่อเมื่อคุณเข้ารีโปของ Github โดยโปรเจคที่คุณสนใจจะถูกลิทต์เป็น Tree อยู่ที่ด้านข้าง สามารถเลือกปิดเปิดได้ หวังว่าจะเป็นประโยชน์ ดีจ้า..

บทความนี้สั้นๆ เขียนไว้กันลืม สำหรับวิธีเปิด Finder ใน Mac OS ด้วย Command line ขอบคุณที่เข้ามาอ่านครับ

ในการออกแบบงานเว็บไซต์ขึ้นมาสักหนึ่งชิ้น มีองค์ประกอบเยอะมาก ที่นักออกแบบและโปรแกรมเมอร์ต้องคิด เพื่อให้งานออกมาสมบูรณ์ ไม่ว่าเป็นเว็บไซต์ควรจะต้องมีหน้าอะไรบ้าง เช่น 404, Contact Us, FAQ, Pricing ซึ่งแต่ละหน้าก็มีรายละเอียดที่แตกต่างกันไป บางหน้าต้องมีห้วข้อ โลโก้ โซเซียลมีเดีย บางหน้าต้องมีนั่นโน่นนี่ บทความนี้จึงเอาเครื่องมือที่เป็นตัวช่วยในการตรวจสอบเว็บไซต์ ว่ามีองค์ประกอบครบถ้วนตามหลักการหรือเปล่า Checklist Design เว็บไซต์รวบรวม Best practices เกี่ยวกับการออกแบบเว็บไซต์ ไม่ว่าจะเป็นหน้าต่างๆของเว็บ องค์ประกอบของ Element เช่น ปุ่ม ตาราง ไอคอน หรือแม้กระทั่งขั้นตอนการทำงาน เช่นจะให้ยูสเซอร์ลบแอคเค้าท์ จะต้องมีขั้นตอนอย่างไร เป็นสเต็ป และหัวข้ออื่นๆ ที่น่าสนใจ ทั้งหมดนี้เราสามารถเข้าไปอ่านเพื่อศึกษา Best practices หรือตอนออกแบบจริง ก็สามารถเข้ามาเช็คลิทต์ส่วนที่ยังขาด เพื่อทำให้เว็บไซต์ของเราสมบูรณ์ขึ้น สรุป ถือเป็นเว็บไซต์ที่มีประโยชน์มากต่อนักออกแบบ และโปรแกรมเมอร์ฟร้อนเอน ใครอยากสนับสนุนเว็บไซต์ก็สามารถซื้อกาแฟให้เจ้าของเว็บได

ไม่นานมานี้ผมเพิ่งไปเจอเว็บไซต์ที่น่าสนใจมา แม้ว่ากระแสคริปโตเบาบางลงไปมากจากหลายปัจจัย แต่สำหรับนักเทรดแล้ว คงอยากติดตามข่าวอยู่ตลอดเวลา เพื่อหาโอกาสทำกำไร Crypto Panic เว็บไซต์รวบรวมข่าวสารจากสื่อต่างๆ ทั้งสื่อหลักและสื่อรอง มีกระทั่ง Youtube, Twitter รวมมาให้หมด เพื่อให้ง่ายต่อการติดตาม จุดเด่น มีหลากหลายแหล่งที่มา และค่อนข้างอัพเดทเร็ว ทำให้เราไม่พลาดข่าวที่น่าสนใจที่ส่งผลกระทบต่อเหรียญคริปโต สามารถดูทิศทางข่าวได้ง่ายๆ ว่าแต่ละข่าวส่งผลในทิศทางใดกับเหรียญ สามารถฟิลเตอร์ดูข่าวของเหรียญที่เราสนใจได้ค่อนข้างละเอียด มีฟังก์ชั่นโพล เพื่อสอบถามคอมมูในเรื่องของคริปโตด้านต่างๆ เราสามารถเข้าไปโวตหรือไปอ่านความคิดเห็นของคนอื่นได้ จุดสังเกตุ เนื่องจากข่าวมาจากหลายแหล่งที่มา ทำให้บางครั้งก็เป็นข่าวปลอมบ้าง อันนี้เราต้องใช้วิจารญาณในการเชื่ออย่างมาก อาจจะต้องคัดกรองจากแหล่งที่มาที่น่าเชื่อถือ เช่น สำนักข่าวหลัก หรือแหล่งข่าวที่เป็นทางการ เป็นต้น สรุป ส่วนตัวผมช่วงนี้ไม่ค่อยได้เทรดเนื่องจากติดดอย ฮ่าาา เท่าที่ดูข่าวของตัวเหรียญช่วงนี้อาจไม่ค่อยส่งผลกับราคามากนัก ข่าวมหภาคมีผลมากกว่า ทั้งเรื่องกา

บทความนี้เอาเครื่องมือคัดเลือกธีมสีของเว็บไซต์มาแนะนำ เหมาะมากสำหรับเดฟที่ไม่ค่อยมีหัวด้านศิลปะ จิ้มๆเลือกสีที่ชอบเอาได้เลย Happy Hues เว็บไม่ได้มีฟังก์ชั่นอะไรมาก คือจิ้มเซ็ตสีที่ชอบ ดูการแสดงผลว่าชอบไหม แล้วก็ก็อปปี้โค๊ดสีมาใช้เลย ช่วงนี้จะพยายามเอาเว็บไซต์เครื่องมือ หรือตัวช่วยในการเดฟมาแนะนำ เนื่องจากเมื่อก่อนเห็นอะไรเจ๋งๆ ก็บุ๊คมาร์คไว้ก่อน แต่ไม่เคยเอามาลองใช้จริงซะที งั้นมารีวิวลงบล็อกเลยละกัน จะได้จำได้ ขอให้สนุกกับการเดฟครับ

เพื่อนๆเคยเป็นไหม เวลาต้องตัดสินใจว่า "กูควรเปิดแอร์ดีไหมนะ" บางครั้งมันเป็นอะไรที่ตัดสินใจยาก ดังนั้นบทความนี้ผมเลยมาป้ายยาเพื่อนๆ กับเจ้าเครื่องวัดอุณหภูมิ และความชื้น Xiami Miiiw thermometer & Hydrometer ด้วยขนาดเล็กกระทัดรัด เหมาะสำหรับวางบนโต๊ะทำงาน หรือจะเอาไว้ติดในโรงเพาะปลูกก็ไม่เลว นอกจากจะดูความชื้น และอุณหภูมิ ยังสามารถดูเวลา วันที่ได้ด้วยนะ อู้วววว โครตเจ๋ง ฮ่ะๆๆ ที่ชอบเลยคือมีแทบบอกเลยว่าอากาศอยู่ในช่วงไหน Comfort, Dry, Wet สเปค ขนาด 3.03 x 2.48 x 0.85 นิ้ว  แบตเตอรี่เป็นแบบกลมแบน สามารถปรับเวลาเป็น 12H / 24H  สามารถเลือกอุณหภมิเป็น องศา / ฟาเรนไฮต์ มีขาตั้งปรับระดับได้ แถมตัวติดผนังแบบกาวมาให้ด้วย สรุป เหมาะมากสำหรับเอาไปติดในเรือนเพราะปลูก จะได้ควบคุมอุณหภูมิพืชได้สะดวก ส่วนใครที่มีปัญหาแบบผมว่าจะเปิดแอร์ดีไหม ก็สามารถเอาเจ้าตัวนี้เป็นเครื่องตัดสินใจแทนได้เลย หรือใครอยากซื้อไปตั้งบนโต๊ะทำงานเฉยๆ ก็ตามสะดวกครับ ตามไปซื้อจ้า SHOPEE :  https://shope.ee/1An7DMjshc

ใครที่ใช้ Google Sheets, Google Docs เป็นประจำคงทราบว่า ถ้าอยากสร้างไฟล์เราต้องเข้า Google Drive ก่อน ถึงจะ New File ได้ แต่บทความนี้ขอแชร์เทคนิคที่ทำให้คุณลดขั้นตอนอันแสนยุ่งยากโดยการพิมพ์คำสั่งง่ายๆที่ URL Bar ดังนี้ docs.new sheets.new slides.new forms.new เพียงเท่านี้คุณก็ได้ไฟล์มาใช้งานแบบเร็วๆแล้วครับ

บทความนี้ขอเอาเทคนิคการสร้างแรงบันดาลใจระหว่างท่องเบราว์เซอร์มาแนะนำครับ  WHA Quotes & Clock New Tab Extension ที่จะแสดงคำคมสร้างแรงบันดาลใจทุกครั้ง เมื่อคุณเปิดแท็บใหม่ การใช้งานก็ง่ายๆ แค่กดติดตั้ง แล้วเปิดแท็บใหม่ได้เลย หลังจากใช้งานมาสักพัก เอาจริงๆรู้สึกขัดใจในตอนแรก เพราะผมชอบกดบุ๊คมาร์คที่หน้าจอแท็บใหม่ แต่พอไม่มี ต้องมาพิมพ์เองก็รู้สึกแปลกๆ แต่ใช้มาสักพักก็ชิน ผมมักจะหยุดอ่านคำคม ใช้เวลาสักพักในการทำความเข้าใจความหมาย แปลความหมายคำศัพท์ที่ยังไม่รู้ เป็นการฝึกสกิลภาษาที่ดี

หลังจากใช้ Terminal เริ่มต้นของ Mac มาเป็นเวลานาน เอาจริงๆไม่ได้ติดอะไรเพราะผมติดตั้ง Fish Shell ลงไปด้วย ทำให้ใช้ Auto Suggestion ได้ เท่านี้ก็โอเคแล้วนะ จนผมไปเจอกับเจ้า Warp : The terminal for 21st century เป็น Terminal ที่มีจุดเด่นหลักๆอยู่ที่หน้าตา และการใช้งานที่สะดวกรวดเร็ว การแสดงผลคำสั่งในรูปแบบ block ทำให้เราดูคำสั่งต่างๆได้ง่ายขึ้น โดยเฉพาะคนที่ต้องรันหลายๆคำสั่งในคราวเดียว เราสามารถเลือกที่จะดูคำสั่งก่อนหน้าได้ง่ายๆ โดยการกด Cmd+Up สามารถดูคำสั่งเก่าๆที่เราเคยใช้ได้ มีการแสดงผลความเร็วของแต่ละคำสั่ง สามารถ Bookmark คำสั่งสำคัญๆเอาไว้กลับมาดูอีกครั้งได้ง่ายๆ ปรับแต่งธีมได้หลากหลาย ธีมสำเร็จรูปก็มีเลือกมากมาย หรือจะปรับแต่งเองก็ทำได้ ตอนนี้มีแค่ใน Mac OS ระบบปฏิบัติการอื่นน่าจะกำลังตามมา กำลังจะมี feature ใหม่ๆออกมาอีกเยอะ สามารถเข้าไปดูต่อได้ที่เว็บไซต์ warp.dev

เดือนที่แล้วผมรีวิวเกี่ยว โปรแกรมบีบอัดไฟล์ เพื่อลดขนาดเพิ่มประสิทธิภาพของรูปภาพ ใครที่ยังไม่ได้อ่านไปตำกันนะ ส่วนบล็อกนี้ขอเขียนบันทึกสั้นๆ เนื่องจากผมอยากลดขนาดของ .png ลงอีก เลยไปใช้โปรแกรมแปลงไฟล์ png to webp แบบออนไลน์ แต่เจอข้อจำกัดตรงจำนวนไฟล์ที่แปลงได้ต่อวัน งั้นเราก็แปลงเองซะเลย An image format for the Web (Webp) ว่าด้วยตัว webp เรียกตัวเองว่า ฟอร์แมตรูปภาพสำหรับเว็บ โดยขนาดจะเล็กลงกว่า 26% เมื่อเทียบกับ .png อ่านต่อที่ Webp ขั้นตอนติดตั้ง ดาวน์โหลดโปรแกรมมาก่อน โดยผมดาวน์โหลดผ่าน Homebrew เพราะสะดวกดี ส่วนใครใช้ Windows หรือ Linux ก็โหลดได้เช่นกัน วิธีใช้งาน การใช้งานจะใช้ผ่านคำสั่ง "cwebp" ตัวอย่าง -q คือตัวเลือกคุณภาพของไฟล์ สามารถเลือกได้ตั้งแต่ 0 - 100 แต่แนะนำที่ 80 จากที่ทดสอบสามารถลดขนาดไฟล์ได้ 20% - 30% โปรแกรมก็ใช้งานสะดวก ไม่มีอะไรซับซ้อน แต่ถ้าเกิดอยากแปลงไฟล์จำนวนเยอะๆ อาจต้องเขียน shell script นิดหน่อย นอกจากนี้ยังมีคำสั่งและออฟชั่นอีกให้ทดลองอีกเยอะ ดูต่อที่ Getting Started จบแล้วคร

ความเป็นมาของรีวิวนี้คือ เนื่องจากหูฟังตัวเก่าอาการไม่ค่อยดี เลยไปส่องเล่นใน Shopee ผมเจอเจ้าตัวนี้ Lenovo LP80 ราคาาสามร้อยกว่าบาทอ่ะคุณ ด้วยดีไซน์ที่น่าสนใจ กดไปเลยจ้า 1 EA Lenovo LP80 (Thinkplus Live Pods) หูฟัง true wireless พร้อมการออกแบบที่มินิมอล ราคาสบายกระเป๋า ก่อนรีวิวขอนอกเรื่องสักนิด True Wireless มันคืออะไรวะ? เป็นคำถามที่คั่งค้างอยู่ในหัวจิตหัวใจของผมมานาน แต่ยังไม่ได้ไปกูเกิ้ลซักที ไอ้วายเลสก็เข้าใจว่ามันคือไร้สาย แต่มันทำไมต้องมีทรูมาด้วย หรือมันอาจจะมี Fake Wireless ด้วยหรอ หรือยังไง ถือโอกาสบล็อกนี้ไปค้นหาเลยละกัน สุดท้ายก็เข้าใจ มันมีความแตกต่างระหว่างหูฟัง Wireless กับ True Wireless ตรงที่ True Wireless ก็คือไม่มีสายเลย หูฟังด้านซ้ายและขวาก็คือแยกจากกัน ไม่เหมือนตัวหูฟัง Wireless ธรรมดา ที่ต้องมีสายเชื่อมระหว่างหูซ้ายและขวา โอเค รู้เรื่อง สเปค ระยะสัญญาณ : 10 เมตร ระยะเวลาการใช้งาน : 4 ชั่วโมง ระยะเวลาการชาร์ตหูฟัง : 1 ชั่วโมง ระยะเวลาการชาร์ตกล่อง : 1.5 ชั่วโมง ชาร์ตกล่องเต็ม 1 ครั้ง สามารถชาร์ตหูฟังได้ 10 ครั้งตามสเปค

บล็อกนี้ผมเอาโปรแกรมบีบอัดไฟล์รูปที่ใช้งานบนออนไลน์ สามารถย่อได้ทั้ง JPEG และ PNG มาเปรียบประสิทธิภาพแต่ละตัวกัน ตัวไหนดีตัวไหนเด็ด ไปกั๊นน Online Image Сompressor (imagecompressor.com) ตัวนี้สามารถใช้ได้ทั้ง JPEG, PNG และ GIF ใช้งานง่าย มี Viewer แสดงผลลัพธ์ก่อนและหลังบีบอัดไฟล์ด้วย TinyPNG – Compress WebP, PNG and JPEG images intelligently ตัวนี้ใช้ได้กับ JPEG, PNG และ WebP มีหลายฟีเจอร์ ทั้ง API, 3rd Party, Analyzer จำกัด 20 รูป แต่ละรูปไม่เกิน 5MB JPEG Optimizer - Compress and Resize Your JPEG Images (jpeg-optimizer.com) ตัวนี้ใช้ได้กับแค่ JPEG ไฟล์อย่างเดียวตามชื่อเลย สามารถปรับคุณภาพรูปได้ Compressor.io - optimize and compress JPEG photos and PNG images ตัวนี้รองรับชนิดไฟล์ได้เยอะสุดคือ JPEG, PNG, WebP, GIF, SVG และยังสามารถเลือก Option คุณภาพไฟล์ได้หลากหลาย เปรียบเทียบ โดยไฟล์ที่จะใช้ทดสอบมี 3 ไฟล์ ภาพต้นฉบับ JPEG 375KB

ที่มา : Canva การจะใช้เมาส์ให้ออกมาได้อย่างมีประสิทธิภาพสูงที่สุด ไม่เพียงแค่ตัวเมาส์เท่านั้นที่ต้องมีประสิทธิภาพ แต่สิ่งที่รองเมาส์อยู่นั้นก็เป็นสิ่งสำคัญที่จะช่วยให้เมาส์ได้สำแดงเดชออกมาอย่างเต็มที่ดังนั้น แผ่นรองเมาส์ จึงถือกำเนิดขึ้นมาเพื่อให้ตัวเมาส์ได้แสดงประสิทธิภาพออกมาได้สูงสุด เพราะไม่ว่าจะนำไปใช้งานทั่วไปหรือเล่นเกม แผ่นรองเมาส์ก็พร้อมจะทำให้คุณนั้นสามารถควบคุมเมาส์ได้เป็นอย่างดี หากมีใครบอกว่าวางบนพื้นทั่วไปก็ได้ไม่จำเป็นต้องมีแผ่นรองเมาส์ ก็ขอบอกเลยว่า มีแผ่นรองเมาส์นั้นจะมอบการควบคุมที่เหนือชั้นให้มากกว่าการวางเมาส์สัมผัสกับพื้นธรรมดาเป็นอย่างมาก ไม่เพียงแค่นั้นในปัจจุบันนี้แผ่นรองเมาส์ก็มีลูกเล่นมากมายยิ่งขึ้น ไม่ว่าจะมีไฟ RGB หรือแม้แต่ที่รองข้อมือเองก็สามารถมีได้เช่นกัน หากสนใจแล้วนั้นมาดูกันดีกว่าว่า เลือกแผ่นรองเมาส์อย่างไรให้โดนใจ ใช้งานได้คล่องตัว จะมีวิธีเลือกยังไงบ้าง ที่มา : Canva เลือกโดยดูจากวัสดุ แผ่นรองเมาส์ผ้า