Cái bắt tay lịch sử: Tôi dùng AI "phù phép" ra app Android trong 24 giờ!
Lê Lân0
Phát Triển Ứng Dụng Android Interval Walking Training Trong Dưới 24 Giờ Với Trí Tuệ Nhân Tạo
Mở Đầu
Trong kỷ nguyên AI bùng nổ, việc phát triển ứng dụng không còn gói gọn trong hàng nghìn dòng code được viết thủ công. Bằng việc kết hợp kinh nghiệm kỹ thuật chuyên môn với các công cụ AI tiên tiến, tôi đã tạo ra một ứng dụng Android đầy đủ tính năng cho Interval Walking Training (IWT) chỉ trong chưa đầy 24 giờ, và dưới 10% số code là viết tay.
Câu chuyện này sẽ chia sẻ quá trình từ khi nảy sinh ý tưởng cho đến khi hoàn thiện sản phẩm với tốc độ đáng kinh ngạc. Bạn sẽ hiểu cách mà các công nghệ như Firebender Composer, Google Stitch hay Gemini AI đóng vai trò như thế nào cùng những điểm mạnh, điểm hạn chế và bài học kinh nghiệm khi sử dụng AI trong phát triển phần mềm. Dù bạn là lập trình viên hay đơn giản chỉ là người quan tâm đến công nghệ, đây đều là câu chuyện thú vị về sức mạnh nhân đôi năng lực của AI cho các nhà phát triển thực thụ.
Ý Tưởng Khởi Nguồn 💡
Nguồn Cảm Hứng
Bạn bè tôi tại Firebender đã ra mắt Composer, một công cụ chuyển từ thiết kế Figma thành mã Android Jetpack Compose tự động. Tôi lập tức tò mò: liệu đây có phải là cầu nối hoàn hảo giữa thiết kế và mã nguồn?
Trong cùng thời điểm, tôi tìm hiểu về xu hướng thể dục Interval Walking Training (IWT) – kỹ thuật đơn giản xen kẽ đi nhanh và đi chậm giúp tăng hiệu quả luyện tập. Ý tưởng xây dựng một ứng dụng hỗ trợ tập IWT, tính vòng chạy, và tổng thời gian luyện tập lóe lên như một thử nghiệm lý tưởng cho phát triển AI-driven.
Ý Nghĩa Với Người Không Phải Lập Trình 🧑💼
Ngay cả khi bạn chưa từng viết một dòng code nào, câu chuyện này minh chứng AI có thể biến ý tưởng thành sản phẩm thực tế nhanh chóng. Nhưng điểm mấu chốt không chỉ là sử dụng AI, mà là biết cách "đạo diễn" AI – tương tự một đạo diễn hướng dẫn diễn viên trên phim trường.
Nếu bạn quan tâm công nghệ sẽ thay đổi thế nào cách chúng ta tạo ra sản phẩm, đây là minh họa sinh động và dễ hiểu.
Lập Kế Hoạch Với AI 📝
Hướng Dẫn Cụ Thể
Tôi sử dụng hai trợ lý AI mạnh mẽ: Gemini 2.5 Pro và ChatGPT 4.1. Không đơn thuần hỏi đưa ra danh sách tính năng, tôi cung cấp prompt chi tiết với công nghệ chủ đạo gồm Android, Kotlin, Jetpack Compose, tích hợp Google Stitch cho giao diện và kế hoạch nhập liệu qua công cụ agentic.
Gemini tạo ra bản kế hoạch chi tiết vượt trội, trình bày luồng điều hướng từng màn hình và cả các prompt tiếp theo cho AI khác trong pipeline. Bạn có thể xem kế hoạch đầy đủ tại đây .
Thiết Kế Giao Diện Với Google Stitch 🎨
Google Stitch là công cụ AI giúp thiết kế giao diện ứng dụng chỉ từ ý tưởng. Tôi đưa các hướng dẫn trong bản kế hoạch và để Stitch tự tạo giao diện chuyên nghiệp.
Tuy nhiên, giao diện workout có phần thanh tiến trình tròn lớn không như ý, dù tôi đã gửi lại prompt chi tiết hơn, cho thấy AI có hạn chế trong linh hoạt đáp ứng. Một số màn hình cần chỉnh sửa thủ công.
Chuyển Từ Figma Sang Code Với Firebender Composer ✨
Với giao diện Figma sẵn sàng, tôi mở Firebender Composer trong Android Studio, dán link thiết kế và để công cụ tạo mã Jetpack Compose tự động.
Ưu điểm nổi bật:
- Tích hợp trực tiếp trong Android Studio
- So sánh hình ảnh giao diện Preview với Figma
- Tự động chỉnh sửa và cải tiến mã để chuẩn xác pixel
Nhưng cũng có những lưu ý:
Vấn đề | Chi tiết |
|---|---|
Một màn hình mỗi lượt | Dán toàn bộ dự án tạo 1 màn hình đầu tiên nên chia nhỏ màn hình để xử lý tốt hơn |
Lần chạy đầu thường chưa hoàn hảo | Các vòng lặp chạy tiếp theo sẽ tự động sửa cho khớp Figma hơn |
Màn hình khó xử lý | Một số màn hình kém chi tiết cần phải chỉnh sửa thủ công |
Agentic AI: “Thổi Hồn” Vào Ứng Dụng 🤖
Quy Trình Làm Việc
- Yêu cầu Gemini viết hướng dẫn chi tiết theo từng màn hình.
- Dán hướng dẫn vào chế độ lập trình agentic của Firebender.
- Để AI tự động viết, biên dịch, kiểm thử từng bước.
- Cung cấp prompt bổ sung để sửa lỗi hoặc thêm tính năng.
Ví Dụ Màn Hình Home
Gemini tạo hướng dẫn xây dựng ViewModel, xử lý tương tác, cấp phép kèm code mẫu cho dữ liệu. Firebender đọc và thực hiện nhanh chóng:
- Tạo file và khai báo dependencies
- Viết logic nghiệp vụ
- Kết nối UI với backend
- Biên dịch liên tục để đảm bảo hoạt động
Tôi lặp lại cho các màn hình khác, để AI tự động xử lý phần lớn công việc.
Khắc Phục Lỗi Và Hoàn Thiện Với AI 🛠️
Agentic AI mạnh trong việc biên dịch và sửa lỗi cú pháp, nhưng khó nhận biết các vấn đề chất lượng về giao diện và trải nghiệm người dùng. Do đó, tôi đóng vai trò “giám đốc” để:
- Điều chỉnh thủ công các lỗi hiển thị, lỗi logic
- Cung cấp prompt cụ thể giúp AI tái cấu trúc, hoàn thiện chuẩn toolbar app
- Kiểm tra kỹ các chức năng bằng kịch bản kiểm thử do Gemini tạo
Kết quả là một màn hình Home hoàn chỉnh và chuyên nghiệp hơn.
Đặc biệt, không cần viết thủ công bất kỳ bài kiểm thử nào, tôi nhờ Gemini soạn ra kịch bản test chi tiết để Firebender chạy tự động, kiểm tra mọi tính năng từ chu kỳ tập, tạm dừng đến tiếp tục.
Không Phải “Vibe Coding” – AI Là Lực Lượng Tăng Cường 🦾⚡
Điều quan trọng cần nhấn mạnh: AI không thay thế người lập trình mà nhân đôi sức mạnh cho người có chuyên môn. Quy trình này là sự kết hợp giữa:
- Kiến thức kỹ thuật sâu sắc
- Khả năng định hướng, hiệu chỉnh AI
- Tốc độ và đa dụng của các công cụ tự động
Chỉ khi đó, tốc độ phát triển mới tăng đột biến mà vẫn giữ chất lượng sản phẩm.
Những Bài Học Kinh Nghiệm 🧠
Điều Đã Thành Công
- AI giúp rút ngắn tối đa thời gian chờ đợi so với viết tay truyền thống
- Gemini và Firebender Composer rất hữu ích trong khâu lên kế hoạch chi tiết và chuyển giao diện thành code
- Google Stitch tạo giao diện đẹp mắt nhanh chóng
Những Thách Thức
- Giao diện AI tạo đôi khi chưa chuẩn hoặc thiếu linh hoạt, cần can thiệp thủ công
- Prompt là vua: chi tiết hướng dẫn càng rõ, kết quả càng chuẩn xác
- Agentic AI có lúc “quá nhiệt tình” xóa nhầm code hợp lệ, cần giám sát chặt chẽ
Sản Phẩm Hoàn Thiện & Mã Nguồn 🎉
Bạn có thể truy cập mã nguồn ứng dụng hoàn chỉnh tại đây:
- GitHub: IWT App
- Lịch sử commit
Kết Luận
Trong hành trình phát triển ứng dụng Android IWT dưới 24 giờ, tôi đã chứng kiến AI không chỉ là công cụ đơn thuần mà còn là yếu tố tăng sức mạnh, tăng tốc vượt bậc cho các nhà phát triển có kinh nghiệm. Mặc dù các công cụ vẫn cần sự can thiệp của con người để hoàn thiện, tốc độ và sự linh hoạt mà AI mang lại là bước ngoặt không thể đảo ngược trong phát triển phần mềm.
Nếu bạn là lập trình viên hay yêu thích công nghệ, đây chính là thời điểm tuyệt vời để thử nghiệm và khai thác sức mạnh của AI. Hãy tận dụng sự sáng tạo cá nhân cùng AI để biến ý tưởng thành sản phẩm nhanh hơn bao giờ hết.
Bạn có câu hỏi hoặc muốn chia sẻ câu chuyện phát triển AI của mình? Hãy để lại bình luận phía dưới!
Tham Khảo
- Firebender Composer – https://firebender.com/
- Google Stitch blog – https://developers.googleblog.com/en/stitch-a-new-way-to-design-uis/
- GitHub IWT app – https://github.com/pranayairan/IWT
Loading...