Posts

iPhone Mirroring ของใหม่ที่สะดวกสำหรับ User

Image
หลังจากที่อัพเดท 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 ก็ทำได้อยู่แล้ว ถึงตรงนี้ คิ...

Design Token คืออะไร สำคัญต่อ Designer / Developer อย่างไร

Image
การพัฒนาซอฟต์แวร์ในปัจจุบันที่ต้องการหน้าจอสวย ง่ายต่อการใช้งาน แน่นอนว่าเบื้องหลังนั้น 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 บนเครื่อง Mac

Image
เมื่อเราจำเป็นต้องแชร์หน้าจอจาก 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 เครื่องมือช่วยให้ชีวิต command line สะดวกขึ้น

Image
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 ได้บ้าง แต่ก็มักมี...

Port Forwarding สำหรับคนใช้ AIS Fibre

Image
เมื่อเราติดตั้ง 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 ...

คูลกว่าใคร จ่ายเงินแบบแปะๆ ด้วยมือถือ Android

Image
https://pay.google.com/about/ เอามือถือแปะ ๆ เพื่อจ่ายเงิน เค้าทำยังไงกันนะ ?? ก่อนอื่นขอเล่าถึงพัฒนาการของการใช้จ่ายสินค้าและบริการ โดยในปัจจุบันในบ้านเรามีวิธีการจ่ายเงินดังนี้ เงินสด (Cash) การจ่ายเงินแบบไร้เงินสด (Cashless) บัตรเดบิต/บัตรเครดิต  ใช้แอปธนาคารบนมือถือแสกน QR Code เพื่อโอนเงิน การจ่ายเงินแบบไร้สัมผัส ( Contactless ) บัตรเดบิต/บัตรเครดิต แบบ payWave ใช้มือถือที่รองรับ NFC จ่ายผ่านระบบ payWave ----------------------------------- โดยบทความในวันนี้จะมาเล่าถึงเทคโนโลยีการจ่ายเงินล่าสุด ซึ่งก็คือการใช้มือถือที่รองรับ NFC จ่ายผ่าน payWave หลักการง่ายๆ คือเพิ่มบัตรเครดิตเข้าไปในแอปฯ Google Wallet จากนั้นก็ใช้มือถือของเราแทนบัตรนั้นๆ ไปได้เลย เริ่มต้นที่แอป  Google Wallet   Google Wallet  เป็นแอปฯ ที่เสมือนเป็นกระเป๋าสตางค์ของเรา บางคนมีบัตรเยอะแยะไปหมดจนใส่กันไม่พอ พออยู่ในรูปแบบของแอปฯ ก็จะทำให้เรามีพื้นที่ไม่จำกัด และใช้เพียงมือถือของเราแตะเพื่อจ่ายสินค้าและบริการต่างๆได้เลย โดยอาศัยเทคโนโลยี NFC ของมือถือและทำงานร่วมกับเครื่องจ่ายเงินแบบไร้สัมผัส (payWa...

Deeplink, Universal Links คืออะไร ทำงานร่วมกับ Mobile App ได้ยังไง

Image
โครงสร้างของ links  Link   ที่เรากำลังพูดถึงก็คงจะไม่แปลกตาเท่าไร ซึ่งหลายคนคงเข้าใจดีว่าถ้าเราเปิด link ก็จะสามารถเข้าสู่ website ใดๆ ทันที เมื่อ mobile app ได้รับความนิยมมากขึ้นการเปิดแอปฯ ด้วย link เพียงตัวเดียวก็คงจะสะดวกไม่น้อย จึงเกิดสิ่งที่เรียกว่า Deeplink ขึ้นมา Deeplink   เป็นการ custom URL Scheme ซึ่งในยุคนึงมันเคยมีหน้าที่เฉพาะระบุ protocol ตัวอย่างเช่น https:// smtp:// ftp:// ssh:// เป็นต้น แต่ในปัจจุบันมีการยกระดับให้ high-level มากขึ้น นักพัฒนาสามารถกำหนดเอง บน mobile app. นักพัฒนาสามารถกำหนด deeplink ได้เอง เช่น myapp:// เมื่อ user กด link นี้จากที่ไหนก็ตามบนมือถือ ก็จะเด้งไปเปิดแอปฯ ได้ทันที  กรณีที่มีหลายแอปฯ register deeplink เหมือนกันติดตั้งอยู่ ข้อเสียของ deeplink มีโอกาสซ้ำ  ใช้ได้เฉพาะแอปฯ มือถือ ต้องมีแอปฯ ก่อน - แอปฯ​ ที่ใช้ deeplink ต้องอยู่บนเครื่องเท่านั้น ไม่ปลอดภัย - ใครก็เรียกแอปเราได้ ถ้ารู้ deeplink  Share ไม่ได้ - มันจะเหมือนการ share text ธรรมดา (ไม่มี preview) ความแตกต่างระหว่าง deeplink กับ public link พัฒนาการของ link...

Facebook Comment

Recent Posts

Popular post of 7 days

Portal คืออะไรกันนะ???

มาตรฐานการตั้งชื่อตัวแปร (Naming Convention)

[Java] ความแตกต่างระหว่าง Overloading กับ Overriding

Popular

[Java] Java 8 DateTime ใหม่ ไฉไลกว่าเดิม

Portal คืออะไรกันนะ???

[Java] ความแตกต่างระหว่าง Overloading กับ Overriding

มาตรฐานการตั้งชื่อตัวแปร (Naming Convention)

เรื่องของ ++i กับ i++

ลืมรหัสปลดล็อค Android เข้าเครื่องไม่ได้ มีทางออกครับ

Port Forwarding สำหรับคนใช้ AIS Fibre

[Java] Java Static Variable และ Static Method

วิธีการสมัคร Apple Developer Program และ Enterprise Program ฉบับลงมือเอง

Android Auto & Apple Carplay คืออะไร ใช้งานยังไง