Posts

Showing posts from December, 2022

วิธีติดตั้ง Flutter + Android Studio บน Mac OS 2023

Image
บทความนี้ตั้งใจเขียนบันทึกวิธีการติดตั้ง 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) เบื้องต้น

Image
เนื่องจากช่วงนี้กำลังศึกษาอะไรเรื่อยเปื่อย เพื่อเอามาเขียนบทความบ้าง ทำโปรเจ็คบ้าง ไปเจอคีย์เวิร์ดนึงซึ่งน่าสนใจ มันคือ 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

Write Box เว็บไซต์จดโน๊ตง่ายๆด้วย Browser เพราะชีวิตติด Browser

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

แนะนำ Chrome Extension น่าใช้ Octotree เครื่องมือที่จะทำให้การใช้ Github.com เป็นเรื่องง่าย

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

วิธีเปิด Finder ด้วย Command line บน Mac OS

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

Checklist Design แนะนำเว็บไซต์ที่จะทำให้คุณไม่พลาด ทุกรายละเอียดของการออกแบบเว็บไซต์

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

แนะนำเว็บไซต์สำหรับตามข่าวคริปโต Cryptopanic

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

Happy Hues : เลือกธีมสีเว็บไซต์ยังไง ให้ดูมีสไตล์และเป็นธรรมชาติ

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

รีวิว เครื่องวัดอุณหภูมิ ความชื้น สุดมินิมอล Xiaomi Miiiw thermometer & Hydrometer

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

เทคนิคสร้างไฟล์ Google Sheets ฉบับมือโปร

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

แนะนำ Chrome Extension สร้างแรงบันดาลใจระหว่างเปิดแท็บ

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

Popular posts from this blog

วิธีตรวจสอบข้อมูลภาษีของตัวเอง รายได้ทั้งปี และค่าลดหย่อน จบครบที่เดียว

วิธีสร้างแรงบันดาลใจ TED Talks คืออะไร ? และทำไมคุณควรต้องดู ?

"yes" "yeah" "yep" เหมือนและต่างกันอย่างไร ?

วิธีแก้ Application Blocked by Security Settings บน Windows

รีวิว Dentiste Mastic Mint Bomb เม็ดอมที่ไม่ได้มีดีแค่ความสดชื่น