LordGift Blog

IoT (Internet of Things) ยุคที่อะไรๆ ก็ต้องเชื่อมต่อ internet ซึ่งยุครุ่งเรืองของ IoT น่าจะผ่านมา 5 ปีได้แล้ว (อ้างอิง:  2020 ปีทองของ IoT ) ซึ่งตอนนั้นก็มีการพูดถึงกันว่า แม้แต่อุปกรณ์เล็กๆ ก็ยังต้องสามารถเชื่อมต่อ internet ได้ ปัจจุบัน (2025) เราจะเห็นว่ามีอุปกรณ์เล็กๆ มากมายให้ซื้อในราคาไม่กี่ร้อย เช่น ปลั๊กไวไฟ สวิตซ์ไวไฟ ทั้งแบบพร้อมใช้หรือนำไปต่อพ่วงเองมากมาย และโดยส่วนมากจะมีแอปพลิเคชั่นมือถือพร้อมให้เราใช้งานได้โดยไม่เสียค่าใช้จ่ายเพิ่มเติมด้วย แต่เอาล่ะ ในวันที่เราข้ามผ่านกาลเวลามาแล้ว บทความนี้จะพามาดูกันว่าถ้าเราต้อง DIY กันวันนี้ การจะประดิษฐ์​ IoT ของเราเองมันยากง่ายแค่ไหนกัน ราคาอุปกรณ์ สิ่งแรกที่อยากพูดถึงเลยคือ ราคา  Controller ราคามีตั้งแต่หลักสิบ ถึงร้อยกว่าบาทเท่านั้น !! ซึ่งส่วนใหญ่ต่อ WiFi ได้พร้อม Module/Sensor ก็เช่นกัน เริ่มต้นที่ไม่กี่สิบบาท !! หากคุณเป็นคนนึงที่เคยซื้อ Arduino Board หรือ Raspberry Pi ในราคาหลายร้อยก็เสียใจด้วย Cloud  ระบบคลาวด์ สำหรับเก็บข้อมูล แสดงข้อมูลที่อ่านมาได้จากอุปกรณ์ ขอเชิญทัศนาสิ่งที่เรียกว่า Arduino Cloud ได้เลยครับ ...

ngrok  เป็นเครื่องมือที่ช่วยทำให้ localhost ของเราสามารถเผยแพร่สู่สาธารณะได้ โดย ngrok เค้าจะสร้าง subdomain ให้เราเรียกใช้งานผ่าน https ได้ง่ายๆ เลย  ติดตั้ง แน่นอนว่า การใช้งานเป็น cli อยู่ละ การติดตั้งก็เช่นกัน  https://ngrok.com/docs/getting-started/ ใช้งาน  ngrok http 80 กรณีนี้ app ของผมใช้ port 80 สังเกตุว่าเค้าจะสร้าง subdomain ใช้เราแล้ว โดย forward เข้ามาที่ http://localhost:80 ของเรานี่แหละ Dashboard ngrok dashboard  ที่ทำมาให้เราเข้าไปจัดการ endpoint ของเราได้ และเนื่องจาก ngrok subdomain จะเปลี่ยนใหม่อยู่ตลอด เราสามารถไปสร้าง static domain เพื่อใช้งานแบบไม่เปลี่ยนแปลงได้  ngrok http --url baz.ngrok.dev 8080 🤑 ปัญหาของคนไม่ชอบเสียเงิน (Free Plan)  static domain สามารถสร้างได้แค่ 1 domain เท่านั้น  ไม่สามารถ ngrok พร้อมกันได้ landing page ที่น่ารำคาญ ต่อให้เค้าให้ส่ง header เพื่อหลบหน้านี้ได้ แต่ก็น่ารำคาญอยู่ดี ถ้าคุ้นเคยการใช้ cli และเครื่องมือต่างๆ ngrok ก็เป็นตัวเลือกที่ดีมากๆ นอกจากนี้ถ้าจะใช้งาน ร่วมกับ docker, kube...

หลังจากที่อัพเดท macOS Sequoia  ได้ปล่อยสู่สาธารณะเมื่อเดือนกันยาฯ 2024 ที่ผ่านมา สิ่งหนึ่งที่ได้รับความสนใจเป็นอย่างมากคือ iPhone Mirroring iPhone Mirroring  ใช้สำหรับแสดงหน้าจอ iPhone บน macOS และสามารถควบคุมได้ด้วย ซึ่งจะใช้งานได้จำเป็นต้องอยู่ภายใต้ wifi เดียวกัน, icloud เดียวกันเท่านั้น การใช้งาน การใช้งานครั้งแรกจำเป็นต้องเชื่อมต่อ mac และ iPhone เข้ากันก่อน ซึ่งจะทำเพียงครั้งเดียว แล้วจะมีการจดจำไว้ให้เชื่อมต่อได้โดยอัตโนมัติภายหลัง เมื่อเชื่อมต่อเรียบร้อยแล้ว เราจำเป็นต้องปิดหน้าจอ iPhone เพื่อใช้ผ่านทาง mac เท่านั้น (ไม่สามารถใช้พร้อมกันได้) เลิกใช้ iPhone Mirroring เราจำเป็นต้องลบออกด้วย iPhone โดยไปที่ -  Settings > General > AirPlay & Continuity > iPhone Mirroring มุมมอง Developer ในฐานะที่ผมต้องพัฒนา iPhone Application แอบผิดหวังเล็กน้อย เพราะการทำงานจำเป็นต้องสลับมองหน้าจอไปพร้อมๆ กัน บางครั้งก็ต้องทดสอบลองเล่นจริงๆ ด้วย ซึ่ง iPhone Mirroring ไม่ค่อยสะดวกเท่าไร ในส่วนแค่การแสดงหน้าจออย่าง QuickTime Player หรือ Vysor ก็ทำได้อยู่แล้ว ถึงตรงนี้ คิ...

การพัฒนาซอฟต์แวร์ในปัจจุบันที่ต้องการหน้าจอสวย ง่ายต่อการใช้งาน แน่นอนว่าเบื้องหลังนั้น Designer และ Developer ต้องทำงานร่วมกันอย่างหนักเพื่อให้ได้หน้าจอที่ออกมาตามความต้องการของทุกฝ่าย ก่อนอื่นขอพูดถึงเครื่องมือและวิธีการที่จะ mention ถึงในลำดับถัดไป Designing Tools Figma คงเป็นตัวเลือก top rank ในปัจจุบัน นอกจาก Designer จะใช้ออกแบบได้อย่างมีประสิทธิภาพ ยังสามารถแบ่งปันให้ Developer เข้ามาเลือก inspect เพื่อตรวจสอบ UI ที่จะนำไปพัฒนาได้อย่างละเอียด Design Standard / Design Guidelines เพื่อให้ง่ายต่อการทำงาน Standard ที่มีร่วมกันจึงสิ่งสำคัญทั้งภายในและภายนอกทีม เช่น theme ของแอป ขนาด ระยะห่างขององค์ประกอบต่างๆ ไม่ว่าจะออกมาในรูปแบบ color pallete, components ก็ถือว่าเป็นมาตรฐานร่วมกัน แต่การทำ Standard บน Figma ก็มีข้อจำกัดด้วยตัวของมันเอง การอ้างอิงไปยัง base component ก็ทำได้แหละ แต่หลายๆครั้งมันยังไม่ได้ประกอบเป็น component เลย การสื่อสารระหว่าง Developer และ Designer เลยเกิดข้อผิดพลาดค่อนข้างบ่อย

เมื่อเราจำเป็นต้องแชร์หน้าจอจาก iPhone / iPad เช่น ในที่ประชุมเพื่อนำเสนอต่างๆ โดยใช้เครื่อง Mac โดยแอปฯ​ ที่เราจะใช้กันคือ QuickTime Player ซึ่งเข้าใจว่าน่าจะมีติดตั้งอยู่แล้วบน Mac ทุกเครื่องครับ QuickTime Player เปิดแอปฯ​ QuickTime Player ขึ้นมาเค้าจะให้เราเลือกไฟล์ โดยในกรณีนี้เราจะแค่แชร์หน้าจอไม่ต้องสนใจครับ ปิดตัว Finder ที่เด้งขึ้นมาได้เลย เลือก 'New Movie Recording' ตัวแอปจะเปิดกล้องขึ้นมา (จะตกใจหน้าตัวเองนิดหน่อย 🤣) ให้เรากดตรงข้างๆ ปุ่มสีแดง เลือก Screen > iPhone ของเราครับ แค่นี้หน้าจอ iPhone ของเราก็จะแสดงบน Mac แบบนี้ครับ ⚠️ แต่..​ เราจะไม่สามารถควบคุมด้วย mac ได้นะ ต้องเล่นบน iPhone เท่านั้นครับ  ซึ่งใน macOS ตัวใหม่  macOS Sequoia  จะมีฟีเจอร์ iPhone Mirroring มาด้วย ซึ่งจะทำให้เราไม่จำเป็นต้องใช้ QuickTime กันอีกต่อไปแล้ว สำหรับตอนนี้ก็คงต้องใช้ท่านี้ไปก่อนครับ 

fastlane คือเครื่องมือทางเลือกเพื่อให้ mobile dev ส่งแอปฯ ขึ้นสู่ store แต่หากพูดถึงความสามารถของ fastlane ในปัจจุบันนั้น มี plugin มากมายเพื่อทำให้ mobile dev สามารถออกแบบและปรับแต่ง script ได้หลากหลายรูปแบบ  ตัวอย่างการใช้งานอย่างง่าย % fastlane run build_app ซึ่งเราสามารถค้นหาคำสั่ง fastlane ได้จาก  https://docs.fastlane.tools/ ใช้งานแบบซับซ้อนมากขึ้นด้วย Fastfile โดย lane คือฟังก์ชันที่รวม logic หรือ คำสั่งต่างๆ ไว้ด้วยกัน ซึ่งภาษาที่ใช้จะเป็นภาษา Ruby  lane :beta do increment_build_number build_app upload_to_testflight end lane :release do capture_screenshots build_app upload_to_app_store # Upload the screenshots and the binary to iTunes slack # Let your team-mates know the new version is live end Automation with fastlane fastlane มีบทบาทอย่างมากในการทำ automate pipeline สำหรับ mobile dev เนื่องจากวิธีการแบบ manual มักอยู่บน editor เฉพาะทาง เช่น Android Studio หรือ Xcode ถึงแม้ว่าจะสามารถใช้ script ได้บ้าง แต่ก็มักมี...

เมื่อเราติดตั้ง Internet ใช้ภายในบ้าน โดยปกติแล้วจะไม่มี public IP เพื่อเข้าถึงจากภายนอกได้ หรือบางครั้งก็มีแต่จะเปลี่ยนเรื่อยๆ ขึ้นอยู่กับผู้ให้บริการ แต่สำหรับลูกค้า AIS Fibre ถึงแม้จะไม่มี public IP ให้ใช้ แต่ AIS ได้ทำเว็บสำหรับการทำ port forwarding มาให้เราใช้งาน https://thddns.net  - เป็นเว็บไซต์ที่ AIS สร้างมาเพื่อให้ลูกค้าสามารถตั้งค่า เพื่อเชื่อมมายังวง LAN บ้านเรา โดยเราสามารถตั้งชื่อ subdomain ได้เอง  เข้าใช้ครั้งแรกต้องลงทะเบียนก่อน https://thddns.net เมื่อเข้ามาแล้วจะเป็นหน้านี้ เราสามารถเพิ่ม-ลบ เปิด-ปิด port ใช้งานได้ ซึ่งสร้างได้สูงสุด 10 port โดยไม่สามารถกำหนดเลข​ port ได้เอง  จากนั้น ต้องไปตั้งค่าที่ Router ของเราด้วย  http://192.168.1.1  ซึ่งแต่ละยี่ห้ออาจมี username, password แตกต่างกันต้องถามผู้ให้บริการ  http://192.168.1.1 ...