Tag: mobile

22 รายการ

Blog

นากกายกำลังสับสวิตช์ระหว่างฉากแอปด้านหน้าและฉากพักเบื้องหลังบนโต๊ะสีมิ้นต์
react-nativemobileappstate

React Native AppState: หยุดงานแพงเมื่อแอปพัก แล้ว sync ใหม่ตอนกลับมา

ออกแบบ lifecycle ด้วย AppState change listener โดยไม่สับสน background, inactive และ Android blur พร้อมข้อควรระวัง currentState ตอนเริ่ม

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

Android ตัดสายธนาคารปลอมเอง: มือถือถามแอปแบงก์ก่อน ถ้าไม่ใช่สายจริงจะวางให้ — เริ่มจากบราซิล ไทยยังรอ

Google ปล่อย Verified financial calls บน Android 11+ ให้มือถือเช็กกับแอปธนาคารก่อนรับสาย spoof เริ่ม Revolut Itaú Nubank พร้อมซ่อน OTP 3 ชม. และ Live Threat Detection — สรุปว่าทำงานยังไง คนไทยเช็กอะไรได้วันนี้

น้องกาย
นากแม่น้ำต้นฉบับกำลังปรับสวิตช์ให้ลูกศรเคลื่อนไหวยาวกลายเป็นการเปลี่ยนสถานะสั้นและนิ่งบนโต๊ะสีมิ้นต์
react-nativeaccessibilityanimation

React Native reduced motion: เคารพการตั้งค่าลดการเคลื่อนไหวตั้งแต่เฟรมแรก

ใช้ AccessibilityInfo อ่านและติดตาม reduce motion เพื่อเปลี่ยน transition เป็นแบบนิ่งโดยไม่ปิด feedback ที่จำเป็น

พี่โชว์
นากกายต้นฉบับวัดพื้นที่แตะรอบปุ่มเล็กบนโทรศัพท์โดยไม่ขยายตัวปุ่ม
react-nativemobileaccessibility

React Native Pressable: ขยายจุดเริ่มแตะโดยไม่ทำปุ่มดูใหญ่ขึ้น

เข้าใจ HitRect, PressRect และขอบเขต parent ก่อนตั้ง hitSlop ให้ปุ่มเล็ก

พี่โชว์
โทรศัพท์ในห้องควบคุมสีเขียวเข้ม มีแผ่นแพตช์ 2026-09-05 และจุดอำพันเตือน RCE
androidsecuritypatch

Android กันยายน 2026: แพตช์ ~180 ช่องโหว่ — เช็กให้ได้ระดับ 2026-09-05

สรุป Android Security Bulletin ก.ย. 2026 จาก AOSP/SecurityWeek — มี RCE ระดับวิกฤตโดยไม่ต้องแตะหน้าจอ ตรวจ Settings ว่าอย่างน้อย 2026-09-05

น้องกาย
นากกายต้นฉบับเลื่อนฉากกั้นบนโต๊ะให้การ์ดสีเขียวเรียงใหม่ตามพื้นที่ที่แคบลง
react-nativeresponsiveaccessibility

React Native useWindowDimensions: responsive ตามพื้นที่จริง ไม่ยึดขนาดตอนเปิดแอป

ใช้ useWindowDimensions ให้ layout ตอบสนองการหมุนจอ split screen และ font scale โดยไม่เก็บ dimension ซ้ำใน state

พี่โชว์
แมวป่าต้นฉบับตรวจสะพานสี่ช่วงที่เชื่อมอุปกรณ์หลายขนาดบนพื้นหลังสว่าง
lynxmobilecross-platform

Lynx 4.1.0 stable: Fetch รองรับ DELETE แล้ว แต่ทีมควรอัปแบบวัดผล

สรุป release ทางการของ Lynx 4.1.0 พร้อม smoke-test matrix สำหรับทีม cross-platform

พี่โชว์
สมาร์ตโฟนโทนมืดบนโต๊ะเหล็ก มีคลิปอำพันติดเครื่องและถุงหลักฐานใส่แผ่นภาพ
securityandroidmalware

Mantax Otax: มัลแวร์แอนดรอยด์สายสอดแนม + เรียกค่าไถ่ จาก APK นอก Play

สรุป Zimperium / BleepingComputer เรื่อง Mantax Otax ที่ขโมย OTP/แชท เข้ารหัสไฟล์บน Android เก่า และรบกวนเหยื่อ — สิ่งที่ควรทำโดยไม่ต้องติดตั้งอะไรแปลก

น้องกาย
นากสีเขียวต้นฉบับกำลังเทียบเฟือง JavaScript กับเฟือง native สองฝั่งบนโต๊ะสว่าง โดยมีชิ้นหนึ่งเหลื่อมกันชัดเจน
react-nativetypescriptmobile

ReactNativeVersion: แยกเวอร์ชัน JavaScript ออกจาก Native ให้ชัด

ใช้ API ใหม่ตรวจเวอร์ชันแพ็กเกจ React Native ฝั่ง JavaScript และออกแบบ telemetry เพื่อจับ JS/native drift ก่อนผู้ใช้เจออาการแปลก

พี่โชว์
นากสีมิ้นต์ต้นฉบับกำลังปรับกรอบตรวจการ์ดในสายพานรายการบนโต๊ะสว่าง
react-nativeflatlistperformance

React Native FlatList: ทำ viewability config ให้อ้างอิงคงที่

ลด callback สั่นและ error จากการเปลี่ยน viewabilityConfig ระหว่าง render ด้วย ref และแยกนโยบายการมองเห็นออกจาก UI state

พี่โชว์
มือถือในห้องมืดโทนเขียวเข้ม หน้าจอมีฟองแชทแตกและวงเรียกเข้าพร้อมจุดอำพัน
securitywechatmobile

WeWorm: โทร WeChat เข้ามาอย่างเดียวก็ยึดบัญชีได้ — Tencent บล็อกแล้ว แต่ยังควรอัปแอป

สรุปงาน Calif และ The Hacker News เรื่อง worm zero-click บน WeChat VoIP ที่สาธิตบน iOS/Android พร้อมไทม์ไลน์แก้ฝั่งเซิร์ฟเวอร์และเวอร์ชันแอปที่ควรเช็ก

น้องกาย
แท็บเล็ตและมือถือบนโต๊ะมิ้นต์มีรายการแอปติ๊กเขียวกับช่องว่างสีเทาโดยไม่มีโลโก้แบรนด์
gadgetshuaweiharmonyos

HarmonyOS 7 open beta: ตรวจแอปเนทีฟก่อน อัปแล้วไม่มีทางถอยด้วย APK

สรุป TechTimes 7 ก.ย. 2026 เรื่อง HarmonyOS 7 public beta บนอุปกรณ์กว่า 50 รุ่น ที่ไม่มีเลเยอร์ Android APK ให้สำรอง

น้องกาย
นากกายสีมิ้นต์กำลังย้ายม้วนแผนที่ source map จากลังใหญ่ไปกล่องเล็กบนโต๊ะทำงานสว่าง
react-nativemobileperformance

React Native 0.87: Metro ใช้แรมน้อยลงครึ่งหนึ่ง แต่ config เก่าต้องเก็บกวาด

แยกผลของ source map storage ออกจาก migration ของ config เพื่ออัป bundler โดยไม่ปนหลายความเสี่ยง

พี่โชว์
นากกายต้นฉบับกำลังขันเฟืองสามชั้นของสายพาน build มือถือบนโต๊ะสีมิ้นต์สว่าง
react-nativeandroidgradle

React Native 0.87 กับ AGP 9: แยก Native Toolchain Migration ออกจาก Type Migration

วางแผนอัป Android Gradle Plugin 9, Kotlin 2 และ compile SDK 37 ใน React Native 0.87 โดยลด failure surface

พี่โชว์
ภาพวาดนากสีเขียวมิ้นต์ต้นฉบับกำลังเลื่อนกล่องโมดูลเข้ารางข้างโทรศัพท์จำลองบนโต๊ะทำงานสว่าง
react-nativeiosswift

React Native 0.87 ทดลองใช้ SwiftPM: ลดพิธี CocoaPods โดยยังไม่เสี่ยง Production

แยกให้ชัดว่า Swift Package Manager ใหม่ทำอะไรกับ Xcode project, CI ต้องเพิ่มขั้นไหน และควรทดลองกับ library อย่างไร

น้องกาย
ภาพวาดแมวป่าหูพู่สีเขียวอมฟ้าตรวจสะพานแอปมือถือสามช่วง ได้แก่ภาพที่ค่อยชัด สายน้ำข้อมูล และรั้วจับเวลาการทำงาน
lynxjsmobilefrontend

Lynx 4 วิเคราะห์ก่อนอัปเกรด: Runtime CSS, Streaming Fetch และรั้วกัน JavaScript ค้าง

พี่โชว์คัดของสำคัญจาก Lynx 4 สำหรับทีม mobile ตั้งแต่ runtime CSS และ progressive image ถึง JS timeout guard พร้อมแผนทดลองที่วัดผลได้

พี่โชว์
ภาพเส้นทาง import หลายสายจากโฟลเดอร์ภายในถูกรวมผ่านประตู public API เดียว ก่อนเข้าสู่เครื่องตรวจ TypeScript สีเขียว
react-nativetypescriptmobile

React Native 0.87 เปิด Strict TypeScript API เป็นค่าเริ่มต้น: อัปเกรดอย่างไรไม่ให้ type พังทั้งแอป

เข้าใจ WHY ของ public API ที่สร้าง type จาก source พร้อม migration checklist เรื่อง deep import, ref types และทางถอยชั่วคราวใน React Native 0.87

พี่โชว์
ตั้งค่า LynxJS Mobile App สำหรับ IoT
iotworkshoplynxjs

ตั้งค่า LynxJS Mobile App สำหรับ IoT

พี่โชว์พาสร้าง mobile client ด้วย ReactLynx + Rspeedy ตั้งแต่ create-rspeedy, bottom tab bar, typed REST client ที่ mirror โครงสร้าง Go, theme provider จนถึงการ inject base URL ตอน build — ไม่ฝัง host/secret ในโค้ดเลย

Showkhun
คู่มือติดตั้ง React Native ฉบับเข้าใจง่าย
react-nativeinstallationmobile

คู่มือติดตั้ง React Native ฉบับเข้าใจง่าย

เรียนรู้วิธีติดตั้ง React Native สำหรับพัฒนา Mobile App ทั้ง iOS และ Android แบบละเอียด ตั้งแต่ตั้งค่า environment จนถึง build ครั้งแรก

Dev Team
Lynx.js Workshop ตอนที่ 3: Advanced Integration และ Best Practices
lynxjsreactlynxmobile

Lynx.js Workshop ตอนที่ 3: Advanced Integration และ Best Practices

ตอนจบของซีรีส์ — สั่งงาน device ผ่าน command + dialog ยืนยัน, วาด chart จาก time-series ด้วย SVG ที่กัน injection, จัดการ alert rules + read state ฝั่ง client, theme dark/light ผ่าน Context พร้อม best practices จากโค้ดจริง

Showkhun
Lynx.js Workshop ตอนที่ 2: ดึงข้อมูล IoT แบบ Real-time
lynxjsreactlynxmobile

Lynx.js Workshop ตอนที่ 2: ดึงข้อมูล IoT แบบ Real-time

พี่โชว์พาต่อ mobile app เข้ากับ backend จริง — typed REST client ที่มี timeout/abort, WebSocket hub แบบ auto-reconnect, แล้วประกอบเป็น Dashboard ที่ sensor card อัปเดตค่าสด ๆ ผ่าน hook useDashboard

Showkhun
Lynx.js Workshop ตอนที่ 1: เริ่มต้นเขียน Mobile App ด้วย ReactLynx
lynxjsreactlynxmobile

Lynx.js Workshop ตอนที่ 1: เริ่มต้นเขียน Mobile App ด้วย ReactLynx

พี่โชว์พาทำความรู้จัก Lynx.js (ReactLynx) — framework สำหรับสร้าง mobile app ข้าม platform ด้วย React + TypeScript จาก setup โปรเจกต์จริง, รันบนมือถือด้วย QR code, จนเข้าใจโครงสร้าง element แบบ view/text

Showkhun