Kể từ khi các chatbot AI như ChatGPT bùng nổ, một làn sóng lo lắng về việc trí tuệ nhân tạo sẽ chiếm lấy công việc của con người đã xuất hiện. Mặc dù vẫn còn nhiều điều mà các chatbot AI chưa thể làm được, nhưng một lĩnh vực mà chúng đã chứng tỏ được khả năng ấn tượng chính là viết code.
Giờ đây, bất kỳ ai cũng có thể tạo ra mã lệnh của riêng mình bằng cách sử dụng chatbot AI, chỉ đơn giản bằng cách giải thích những gì họ muốn thực hiện thông qua một prompt (lệnh nhắc). Kỹ thuật này đã được biết đến với tên gọi “Vibe Coding”. Chúng tôi đã quyết định thử nghiệm Vibe Coding để xem liệu có thể tạo ra một ứng dụng đơn giản mà không cần tự tay gõ một dòng code nào.
Vibe Coding là gì? Giải mã khái niệm mới trong lập trình AI
Vibe Coding là một phương pháp tạo ra phần mềm hoặc ứng dụng bằng cách sử dụng các công cụ AI, chẳng hạn như chatbot AI, để tự động sinh mã nguồn dựa trên các mô tả bằng văn bản. Ví dụ, nếu bạn muốn tạo một trò chơi đi cảnh (side-scrolling platform game), thay vì tự mình viết code, bạn chỉ cần giải thích cho một chatbot AI biết bạn muốn trò chơi hoạt động như thế nào, và chatbot sẽ tạo ra toàn bộ mã nguồn cho bạn.
Một người đang lập trình trên nhiều thiết bị, minh họa cho khả năng Vibe Coding với AI.
Bạn có thể tinh chỉnh sản phẩm của mình bằng cách đưa ra các prompt tiếp theo, yêu cầu chatbot thay đổi cách trò chơi hoạt động hoặc sửa bất kỳ lỗi nào phát sinh. Bằng cách để chatbot tinh chỉnh code, bạn có thể tạo ra phần mềm hoạt động mà không cần viết một dòng code nào.
Chọn ý tưởng ứng dụng: Giải pháp năng suất cá nhân
Với một chút kinh nghiệm lập trình, chúng tôi muốn xem liệu Vibe Coding có thể giúp tạo ra thứ gì đó mà không cần phải tự mình chỉnh sửa mã nguồn. Chúng tôi không muốn tạo ra thứ gì đó quá phức tạp; mục tiêu chỉ là để xem Vibe Coding có hiệu quả trong việc tạo ra một ứng dụng hữu ích và chức năng chỉ bằng cách mô tả những gì mong muốn.
Chúng tôi luôn gặp khó khăn với năng suất cá nhân, dễ bị xao nhãng và đã thử vô số ứng dụng để khắc phục điều này. Phương pháp Pomodoro (25 phút làm việc tập trung, sau đó là 5 phút nghỉ ngơi) đã giúp ích, nhưng vẫn thường bị xao nhãng trong các phiên làm việc tập trung. Phương pháp time blocking (phân bổ thời gian theo khối) cũng được thấy hữu ích.
Bộ hẹn giờ Pomodoro cổ điển đặt cạnh laptop, minh họa phương pháp quản lý thời gian hiệu quả.
Vì vậy, chúng tôi quyết định thử tạo một ứng dụng kết hợp cả hai phương pháp này. Ứng dụng sẽ tạo các khối thời gian 30 phút mà chúng tôi có thể điền vào các tác vụ muốn hoàn thành. Mỗi khối sẽ có bộ hẹn giờ Pomodoro riêng mà chúng tôi có thể chạy từ đó. Khi kết thúc mỗi phiên làm việc 25 phút, ứng dụng sẽ nhắc chúng tôi nhập bất kỳ yếu tố gây xao nhãng nào đã xảy ra. Điều này sẽ giúp theo dõi những điều đang làm mất tập trung để tìm cách loại bỏ chúng.
Lựa chọn mô hình ChatGPT phù hợp cho Vibe Coding
Với kế hoạch đã có, chúng tôi gần như đã sẵn sàng để bắt đầu. Với một tài khoản ChatGPT Plus, đây là chatbot được lên kế hoạch sử dụng. Quyết định tiếp theo là chọn mô hình nào để sử dụng trong ChatGPT. Tất cả các mô hình đều có thể xử lý việc viết code ở một mức độ nào đó.
Robot GPT-4o ngồi thiền, biểu tượng cho sức mạnh của mô hình AI tiên tiến trong việc tạo code.
Một số mô hình hỗ trợ tính năng Canvas, mở một cửa sổ riêng cho mã nguồn của bạn. Tuy nhiên, vì chúng tôi đang thực hiện Vibe Coding và không muốn chạm vào code, nên điều này không quan trọng. Cuối cùng, chúng tôi đã chọn mô hình o3-mini-high, dựa trên mô hình o3-mini nổi tiếng về khả năng viết code. Mô hình o3-mini-high được cho là thông minh hơn, mặc dù mất nhiều thời gian hơn một chút để xử lý.
Những nỗ lực đầu tiên: Đặt nền móng cho ứng dụng
Chúng tôi bắt đầu bằng cách mô tả những gì muốn ứng dụng thực hiện. Cố gắng đưa vào càng nhiều tính năng mong muốn càng tốt. Đây là phần khó nhất của toàn bộ quá trình; cần có một ý tưởng rõ ràng về chính xác những gì muốn ứng dụng làm và cần mô tả nó một cách chính xác nhất có thể. Điều này sẽ đảm bảo kết quả gần nhất với những gì mong muốn.
Chúng tôi đã nhập một prompt bao gồm hầu hết các tính năng muốn có, và mô hình bắt đầu xử lý. Sau 1 phút 19 giây (chúng tôi biết vì chatbot đã thông báo), ChatGPT đã tạo ra một khối mã lệnh. Chúng tôi đã sao chép nó vào TextEdit, lưu dưới dạng tệp HTML, và khi mở tệp, ứng dụng đã tải trong trình duyệt.
Giao diện phiên bản đầu tiên của ứng dụng quản lý thời gian Pomodoro và Time Blocking được tạo bằng Vibe Coding, hiển thị trong trình duyệt.
Nỗ lực đầu tiên khá tốt; nó đã sắp xếp các khối thời gian và các trường để nhập tên phiên làm việc, chọn thời gian và thêm chúng vào lịch trình. Có một nút “schedule” rõ ràng để xóa toàn bộ trang.
Bộ hẹn giờ Pomodoro 25 phút đang chạy ở chế độ toàn màn hình trong trình duyệt, là một phần của ứng dụng Vibe Coding.
Sau khi nhập tên cho một phiên, chúng tôi có thể nhấp vào biểu tượng “Play” cho phiên đó để bắt đầu bộ hẹn giờ 25 phút, sau đó bộ hẹn giờ nghỉ 5 phút sẽ chạy. Cho đến nay, mọi thứ đều tốt. Tuy nhiên, đây chưa phải là sản phẩm hoàn chỉnh, vì vậy chúng tôi sẽ cần thực hiện một số thay đổi.
Tối ưu hóa ứng dụng với các Prompt tiếp theo: Sửa lỗi và cải thiện bố cục
Có một vấn đề với bố cục; các khối thời gian được sắp xếp sao cho thời gian tăng theo chiều ngang trên màn hình, nhưng chúng tôi muốn thời gian tăng theo chiều dọc trong các cột. Điều này đã không được chỉ định trong prompt ban đầu, vì vậy đây là lỗi của chúng tôi.
Ngoài ra, chúng tôi muốn bộ hẹn giờ mở dưới dạng cửa sổ toàn màn hình. Điều này sẽ giúp chặn tất cả các ứng dụng khác và giảm thiểu sự xao nhãng (chúng tôi sẽ chạy ứng dụng trên MacBook trong khi làm việc trên iMac).
Ví dụ một prompt yêu cầu ChatGPT tinh chỉnh code cho ứng dụng hẹn giờ Pomodoro và quản lý thời gian, minh họa cách Vibe Coding hoạt động.
Chúng tôi đã nhập một prompt giải thích những gì muốn sửa, cùng với một vài tinh chỉnh khác, và ChatGPT đã xử lý trong 44 giây trước khi tạo mã nguồn mới. Khi chạy mã nguồn mới, chúng tôi nhận thấy rằng hướng dẫn về bố cục của mình đã quá mơ hồ; các khối thời gian bây giờ là một cột dọc dài thay vì lưới mà chúng tôi đã yêu cầu ban đầu. Đây là một bài học quan trọng về Vibe Coding: kết quả chỉ tốt khi hướng dẫn của bạn rõ ràng.
Giao diện ứng dụng Pomodoro và Time Blocking hiển thị một cột thời gian duy nhất sau khi chỉnh sửa bố cục bằng Vibe Coding.
Chúng tôi đã thêm một prompt khác để làm rõ, và sau 39 giây nữa, chúng tôi đã nhận được mã nguồn được sửa lỗi. Chạy phiên bản mới đã cho ra bố cục mong muốn và khắc phục các tinh chỉnh khác mà chúng tôi đã yêu cầu.
Cũng có một vấn đề với bộ hẹn giờ đếm ngược. Nó hoạt động tốt khi màn hình đếm ngược đang được tập trung, nhưng nếu chúng tôi bắt đầu sử dụng các ứng dụng khác, bộ đếm sẽ không tiếp tục chính xác. Ví dụ, nếu chúng tôi sử dụng một ứng dụng khác trong một phút, bộ hẹn giờ chỉ giảm đi 30 giây.
Chúng tôi đã thêm một prompt khác yêu cầu khắc phục vấn đề với bộ hẹn giờ, giải thích rằng chúng tôi muốn thời gian được đo chính xác ngay cả khi ứng dụng không được tập trung. Sau 72 giây nữa, mã nguồn được tạo ra và vấn đề hẹn giờ đã được khắc phục.
Yêu cầu thêm tính năng tự động điền trường: Nâng cao hiệu quả sử dụng
Vấn đề tiếp theo là điều chúng tôi chưa xem xét khi viết prompt ban đầu. Khi lên kế hoạch cho một ngày, chúng tôi có thể sẽ điền vào từng khối thời gian theo thứ tự. Trong dạng hiện tại, ứng dụng tự động điền trường thời gian với thời gian của khối tiếp theo có sẵn.
Tuy nhiên, vì hầu hết các tác vụ của chúng tôi thường mất hơn 25 phút, chúng tôi thường sẽ chèn nhiều khối cho cùng một tác vụ. Vì vậy, việc giữ nguyên tên phiên của khối trước đó cho đến khi được ghi đè là hợp lý.
Trường tên phiên và thời gian tự động điền trong ứng dụng Pomodoro, minh họa tính năng được thêm vào qua Vibe Coding.
Chúng tôi đã tạo một prompt khác, và ChatGPT đã thực hiện công việc của nó. Sau khoảng một phút, mã nguồn đã được tạo. Nó gần như hoạt động như mong đợi, nhưng có một vấn đề. Nếu chúng tôi chọn một thời gian khác bằng menu thả xuống, phiên sẽ được thêm vào vị trí có sẵn tiếp theo thay vì thời gian đã chọn. Một prompt nhanh chóng khác, và 15 giây sau, vấn đề đã được khắc phục.
Thêm tính năng ghi lại yếu tố gây xao nhãng: Hỗ trợ cải thiện năng suất
Chúng tôi nhận ra có một phần quan trọng đã bị bỏ lỡ trong prompt ban đầu. Một trong những điều chúng tôi muốn từ ứng dụng của mình là khả năng ghi lại bất cứ điều gì đã làm chúng tôi xao nhãng trong phiên làm việc tập trung. Điều này sẽ giúp chúng tôi xác định các nguyên nhân phổ biến nhất gây xao nhãng và tìm cách giảm thiểu chúng.
Đây là lúc chúng tôi thử một điều khác biệt một chút. Prompt đầu tiên của chúng tôi đã bỏ lỡ một số thông tin quan trọng, vì vậy chúng tôi tự hỏi liệu ChatGPT có thể giúp chúng tôi viết prompt cho Vibe Coding hay không. Chúng tôi đã mở mô hình GPT-4o, giải thích những gì muốn một cách dài dòng, và yêu cầu nó cung cấp một prompt mà chúng tôi có thể sử dụng để thực hiện các thay đổi thích hợp cho mã nguồn của mình.
Trường nhập yếu tố gây xao nhãng với các mục đã nhập trước đó trong ứng dụng Pomodoro, tính năng được thêm mới bằng Vibe Coding.
Chúng tôi đã lấy prompt kết quả và dán vào cuộc trò chuyện Vibe Coding của mình, và ChatGPT đã cập nhật mã nguồn cho chúng tôi. Phải mất thêm một vài lần tinh chỉnh nữa để nó hoạt động hoàn hảo, nhưng chẳng bao lâu, chúng tôi đã có tất cả các tính năng cần thiết cho ứng dụng của mình.
Ứng dụng hoàn chỉnh làm mọi thứ chúng tôi yêu cầu, và nó được tạo ra mà không cần chúng tôi viết một dòng code nào. Chúng tôi chắc chắn sẽ cải thiện nó theo thời gian (ví dụ, giao diện chưa đẹp mắt), nhưng chúng tôi đã bắt đầu sử dụng nó để lên kế hoạch cho các ngày và giữ tập trung vào các tác vụ đang thực hiện.
Tính năng “Work With Apps”: Tăng cường quy trình Vibe Coding
Một tính năng rất tiện dụng mà chúng tôi đã sử dụng khi tạo ứng dụng này được gọi là “Work With Apps”. Bằng cách sử dụng tính năng này, ứng dụng ChatGPT dành cho máy tính có thể giao tiếp với các ứng dụng khác mà bạn đang mở trên máy tính. Chúng tôi đã sử dụng TextEdit để nhập mã nguồn ban đầu, và bằng cách nhấn nút “Work With Apps” trong ChatGPT, chúng tôi có thể liên kết nó với tệp TextEdit của mình.
Lợi ích là bất cứ khi nào chúng tôi thay đổi bất kỳ mã nguồn nào, ChatGPT có thể tự động thực hiện các thay đổi vào tệp TextEdit cho chúng tôi mà không cần phải thực hiện tất cả việc sao chép và dán. Tất cả những gì chúng tôi cần làm là lưu tệp và làm mới trình duyệt để thử phiên bản đã cập nhật.
Tuy nhiên, điều này không phải lúc nào cũng hoạt động. Dường như nếu ứng dụng bạn đang làm việc ở chế độ nền quá lâu, kết nối sẽ bị mất và mã nguồn sẽ không còn được cập nhật.
Vibe Coding: Cần kiên nhẫn để gặt hái thành quả
Ứng dụng của chúng tôi khó có thể được coi là một phép màu của công nghệ hiện đại, nhưng nó thực hiện chính xác những gì chúng tôi muốn và hoàn toàn có thể sử dụng được. Hơn nữa, nó chạy cục bộ và không tốn kém gì, không giống như một số ứng dụng năng suất mà chúng tôi đã sử dụng trước đây. Chúng tôi đã có thể tạo ra nó chỉ trong hơn một giờ, và có thể nhanh hơn nhiều nếu chúng tôi đã suy nghĩ kỹ mọi thứ từ trước.
Hai người đang lập trình cùng nhau trên máy tính, biểu tượng cho sự hợp tác giữa con người và công nghệ, hoặc tiềm năng của Vibe Coding.
Trong suốt quá trình, chúng tôi không hề chạm vào mã nguồn một lần nào; tất cả các thay đổi đều được thực hiện thông qua các prompt. Ngay cả khi không có chút kiến thức nào về lập trình, chúng tôi cũng có thể đạt được kết quả tương tự. Đây là một điểm khởi đầu tuyệt vời cho những người không phải là lập trình viên để khám phá những điều có thể thực hiện được, nhưng nó sẽ chưa thay thế được các nhà phát triển phần mềm ngay lập tức.
Vibe Coding vẫn còn xa mới hoàn hảo và đòi hỏi sự kiên nhẫn để khắc phục các vấn đề bạn gặp phải. Bạn cũng cần hết sức cẩn thận để các prompt của mình thật rõ ràng. Tuy nhiên, nếu bạn kiên trì, thật ấn tượng với những gì bạn có thể tạo ra mà không cần viết một dòng mã nguồn của riêng mình.
Kết luận
“Vibe Coding” là một minh chứng rõ ràng cho tiềm năng mạnh mẽ của trí tuệ nhân tạo trong việc dân chủ hóa lĩnh vực phát triển phần mềm. Qua trải nghiệm thực tế với việc tạo ứng dụng quản lý năng suất, chúng ta có thể thấy rằng việc tạo ra một sản phẩm chức năng mà không cần viết bất kỳ dòng code nào là hoàn toàn khả thi. Điều này mở ra cánh cửa lớn cho những người không chuyên về lập trình nhưng có ý tưởng sáng tạo, giúp họ biến ý tưởng thành hiện thực một cách nhanh chóng.
Tuy nhiên, Vibe Coding đòi hỏi sự kiên nhẫn, khả năng tư duy logic và đặc biệt là kỹ năng viết prompt rõ ràng, chính xác. AI chưa thể thay thế hoàn toàn vai trò của các lập trình viên chuyên nghiệp, nhưng nó chắc chắn là một công cụ hỗ trợ đắc lực, thay đổi cách chúng ta tiếp cận với việc tạo ra các giải pháp công nghệ.
Hãy chia sẻ trải nghiệm của bạn về Vibe Coding hoặc các phương pháp tạo ứng dụng không cần code khác trong phần bình luận bên dưới!
