Coding4Food LogoCoding4Food
Trang chủChuyên mụcArcadeĐã lưu
en
Trang chủChuyên mụcArcadeĐã lưu
Coding4Food LogoCoding4Food
Trang chủChuyên mụcArcadeĐã lưu
Bảo mật|Điều khoản

© 2026 Coding4Food. Viết bởi dev, cho dev.

Tất cả tin tức
Công nghệAI & Automation

Chán dùng chuột, Dev làm quả lib múa tay điều khiển bản đồ ảo ma như Minority Report

5 tháng 4, 20263 phút đọc

Thanh niên dev rảnh rỗi sinh nông nổi, code luôn quả thư viện múa tay điều khiển web map chạy 100% client-side bằng WASM. Chơi thế ai chơi lại?

Chia sẻ bài viết:
women, best friends, relationship, v sign, hand gesture, happy, couple, twins, siblings, lesbian, homosexual, young, love, together, girlfriend, girls, partner, friendship, lifestyle, leisure
Nguồn gốc: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-reportNguồn gốc: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report
Nguồn gốc: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-reportNguồn gốc: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Nội dung thuộc bản quyền Coding4Food. Original source: https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report. Content is property of Coding4Food. This content was scraped without permission from https://coding4food.com/post/mua-tay-dieu-khien-ban-do-minority-report
minority reportweb maphand gesturemediapipe wasmtypescriptopen source
Chia sẻ bài viết:

Bình luận

Đã bao giờ các ông gõ phím mỏi tay vãi chưởng, rồi ngồi mơ một ngày được múa múa chém chém trên không trung để code như anh đẹp trai Tom Cruise trong Minority Report chưa? Giờ thì không cần phải đợi tới tương lai nữa, vì vừa có một pháp sư tung ra con hàng cho phép anh em quẹt tay để điều khiển bản đồ trên web luôn.

Rốt cuộc thì thanh niên này vừa thả xích cái gì?

Chuyện là trên Reddit rần rần vụ một lão dev tên sanderdesnaijer vừa public con thư viện xịn xò con bò, open source 100% (giấy phép MIT). Anh em chỉ cần vẫy nắm đấm là kéo (pan) được bản đồ, bành hai tay ra là zoom.

Cái ăn tiền nhất ở đây là stack lão ấy dùng: MediaPipe WASM. Toàn bộ quá trình tracking cử chỉ tay chạy hoàn toàn ở phía client-side trên trình duyệt. Không cần backend, đ*o cần server (thế là khỏi tốn tiền thuê máy chủ chạy AI lằng nhằng nhé), và dữ liệu camera thì không bao giờ bị đẩy ra khỏi máy cá nhân. Bao bảo mật. Bộ sậu này được viết bằng TypeScript và tương thích mượt mà với OpenLayers.

Giang cư mận chia phe combat

Bài post nổ mẹ nó thông báo với gần 800 upvote, và như thường lệ, anh em dev Reddit bắt đầu túm tụm lại tấu hài:

  • Hội những người ế lâu năm: Vài anh em nhìn quả demo zoom bản đồ bằng cách "bành tay" thì buông lời nhận xét: "Trông gợi tình phết" hay "Yeah baby, spread them maps!". Tác giả cũng đành cạn lời: "Haha đo ngờ đây lại là một tính năng"*.
  • Hội nghiện phim: Lập tức bắt trend Minority Report: "Cuối cùng thì chúng ta cũng có công nghệ để ngăn chặn án mạng trước khi nó xảy ra!".
  • Các trưởng lão hoài cổ: Vài tiền bối chợt nhớ về thời kỳ đồ đá của Flash và ActionScript, bồi hồi nhắc lại mấy cái trò dùng LEAP Motion SDK. Công nghệ xoay vòng nhanh thật.
  • Đa số anh em đều công nhận con hàng này mượt, thực dụng và ăn đứt mấy cái demo loè loẹt cắn RAM dạo gần đây.

Góc nhìn từ Coding4Food: Bài học sinh tồn cho anh em dev

Tóm cái váy lại, quả thư viện này không chỉ là một trò múa quạt làm màu. Nó chứng minh một điều: WebAssembly (WASM) dạo này đang quá bá đạo. Việc kéo nguyên một model AI nhận diện hình ảnh xuống chạy phà phà trên browser mà không làm sập server hay cháy CPU là một bước tiến cực lớn.

Bài học rút ra cho anh em đi làm: Nếu có thời gian cày side project, hãy nhắm vào những thứ có tương tác trực quan, giao diện "ảo ma" một chút. Vừa luyện được tay nghề cứng (TypeScript, WASM, WebGL), vừa là công cụ xịn để flex CV. Chứ mấy cái CRUD tẻ nhạt giờ HR nhìn chán rồi. Cứ làm quả múa múa thế này đem đi phỏng vấn thì chả auto pass!


Nguồn hóng hớt:

  • Bài gốc trên Reddit: I built a library that lets you control web maps with hand gestures like Tom Cruise in Minority Report
  • Github & Demo: Sanderdesnaijer/map-gesture-controls

Bài viết liên quan

robot, technology, universe, galaxy, system, robotic, matrix, code, programming, ai generated, coding, computer, hacker, binary, fantasy
AI & AutomationCông nghệ

Latitude: Đồ chơi nguồn mở giúp anh em 'bắt thóp' AI Agent trước khi nó kịp bóp team

Lại thêm một công cụ AI mới xuất hiện giúp anh em quản lý đám AI agent ngáo ngơ hay ảo giác. Đọc ngay để biết Latitude có thực sự xịn xò hay chỉ là lùa gà!

23 thg 64 phút đọc
Đọc tiếp →
online, internet, media, network, web, iot, wifi, cloud, mobile, device, wireless, email, post, message, chat, contact, technology, tech, remote working, digital nomad, remote work, online meeting, webinar, doodle background, chatbot
AI & AutomationCông nghệ

Novu Connect: Khi AI Agent Không Còn 'Câm Điếc' Trên Slack và WhatsApp

Novu vừa tung ra Novu Connect giúp AI Agent giao tiếp mượt mà qua Slack, WhatsApp, Telegram mà không cần đụng vào đống API rối rắm. Đọc ngay để bớt hói đầu!

16 thg 64 phút đọc
Đọc tiếp →
chrome, google chrome, android, browser, chrome android, mobile browser, google chrome, google chrome, google chrome, google chrome, google chrome
AI & AutomationCông nghệ

Nuôi AI Agent cào web tốn token? Giải pháp "bơm não" Browse.sh giúp AI lướt web như có phản xạ không điều kiện

Nhìn AI Agent cào web mò mẫm từng nút cực tốn token? Browse.sh mang tới thư viện skill giúp AI lướt web mượt mà như có trí nhớ cơ bắp.

9 thg 64 phút đọc
Đọc tiếp →
workshop, virtual reality, light, lamp, robot, robotic arm, simulation, move, electronics, steering, production, programming, poor, rendering, 3d, model, animation, workshop, workshop, workshop, workshop, workshop, virtual reality, virtual reality, robot
AI & AutomationCông nghệ

Hermes Desktop Chào Sân: Khi AI Tự Code Lên Ngôi, Dev Có Sắp Ra Chuồng Gà?

Windsurf vừa toang, Nous Research lập tức thả xích Hermes Desktop. Anh em dev mau vào hóng xem con AI agent mã nguồn mở này có gì hot!

3 thg 63 phút đọc
Đọc tiếp →
cat, kitten, pet, young cat, animal, domestic cat, feline, nature, mammal, portrait
Công nghệAI & Automation

Bị mèo giẫm nát bàn phím, pháp sư IT dùng Claude code luôn app chống 'boss' trong 1 ngày

Chuyện thật như đùa, một chiếc app macOS bé xíu dùng AI bắt mạch 'boss' mèo giẫm bàn phím đang làm anh em dev Product Hunt rần rần. Cười ẻ nhưng cực kỳ thực tế.

2 thg 63 phút đọc
Đọc tiếp →
artificial intelligence, robot, ai, ki, program, programming, computer, environment, syntax, data processing, advertisement, hacker, html, web design, development, developer, language, code, software, website, programmers of the future, computer science, technology, think, html, html, html, html, html
AI & AutomationCông nghệ

Đánh giá Step 3.7 Flash: 11B Params, 400 TPS - Đồ Chơi Mới Cho Anh Em Thích Cắm Auto Agents

Step 3.7 Flash ra mắt trên Product Hunt: 11B Params, hỗ trợ 256k context, chạy bao mượt lên tới 400 TPS. Hàng ngon cho anh em dev hệ thực dụng, lười setup.

31 thg 53 phút đọc
Đọc tiếp →