Mức độ hiệu quả của bản thiết kế ứng dụng và chất lượng của mã được tạo phụ thuộc vào mức độ rõ ràng và chi tiết của câu lệnh. Khi sử dụng App Prototyping agent, hãy cân nhắc các nguyên tắc sau để đưa ra câu lệnh hiệu quả khi tạo và gỡ lỗi ứng dụng:
- Nêu cụ thể: Xác định rõ các tính năng, hoạt động tương tác của người dùng và yêu cầu về dữ liệu của ứng dụng. Yêu cầu các công nghệ cụ thể nếu có thể. Ví dụ: nếu đang cố gắng tạo một ứng dụng web có các thành phần 3D,
bạn có thể yêu cầu Gemini sử dụng
three.js. - Hỏi về các tác vụ bổ sung để thiết lập dịch vụ: Gemini có thể viết mã cho ứng dụng của bạn, nhưng không thể thực sự thiết lập dịch vụ, bật API hoặc cung cấp tài nguyên (như vùng chứa Cloud Storage hoặc tài khoản Stripe). Hãy nhớ nói với Gemini rằng nếu viết mã cho các dịch vụ cụ thể thì Gemini cũng nên cho bạn biết cách thiết lập các dịch vụ đó.
- Yêu cầu dự án Firebase: Nếu bạn yêu cầu App Prototyping agent giúp bạn thiết lập các dịch vụ Firebase, thì tác nhân này sẽ cung cấp một dự án Firebase thay mặt bạn. Ví dụ: bạn có thể hỏi "Giúp tôi thêm Firestore" hoặc "Kết nối ứng dụng của tôi với Firebase".
- Sử dụng Gemini để tinh chỉnh câu lệnh: Sử dụng Gemini cho Google, trò chuyện với Gemini trong Code xem, hoặc các nền tảng Gemini khác để tinh chỉnh và tối ưu hoá câu lệnh.
- Cung cấp bối cảnh: Cung cấp thông tin cơ bản về mục đích của ứng dụng, đối tượng mục tiêu và trải nghiệm người dùng mà bạn muốn.
- Sử dụng ví dụ: Nếu có thể, hãy cung cấp ví dụ về cách người dùng nên tương tác với ứng dụng hoặc dữ liệu nào sẽ được hiển thị.
- Lặp lại và tinh chỉnh: Tiếp cận quá trình phát triển theo cách lặp lại. Hãy cân nhắc bắt đầu bằng một yêu cầu cơ bản, sau đó thêm một tính năng, kiểm thử, tinh chỉnh rồi thêm một tính năng khác.
Bằng cách làm theo các nguyên tắc này, bạn có thể cải thiện đáng kể chất lượng và mức độ phù hợp của các bản thiết kế ứng dụng do Firebase Studio tạo và mức độ thành công khi gỡ lỗi ứng dụng.
Sử dụng các câu lệnh bổ sung để tinh chỉnh phản hồi
Nếu kết quả ban đầu không như bạn mong đợi, bạn có thể tinh chỉnh câu lệnh bằng cách thêm thông tin chi tiết hoặc cung cấp hướng dẫn cụ thể:
- Thêm ràng buộc: Chỉ định các ràng buộc đối với giao diện người dùng, mô hình dữ liệu hoặc tính năng.
- Cung cấp ví dụ: Cung cấp ví dụ về cách người dùng nên tương tác với ứng dụng và dữ liệu nào sẽ xuất hiện.
- Sử dụng từ khoá: Sử dụng từ khoá để mô tả các tính năng hoặc khả năng mà bạn muốn mô hình ngôn ngữ lớn (LLM) có thể liên kết với lớp đầu ra mà bạn muốn. Ví dụ: bạn có thể sử dụng Material Design trong một câu lệnh cho biết rằng bạn muốn ứng dụng của mình tuân thủ các tiêu chuẩn thiết kế của Google.
- Yêu cầu thay đổi cụ thể: Yêu cầu thay đổi cụ thể đối với mã hoặc bản thiết kế được tạo. Thêm từng yêu cầu về tính năng trong một yêu cầu riêng.
- Yêu cầu mô hình suy luận: Nếu bạn gặp khó khăn trong việc nhận được kết quả mong muốn, hãy thử yêu cầu mô hình suy luận thông qua câu lệnh. Ví dụ: bạn có thể nói "Hãy suy nghĩ từng bước. Tôi muốn tạo một ô nhập dữ liệu cho ứng dụng công việc của mình. Ô này phải chứa nút "Thêm công việc" và nút "Huỷ".
Bằng cách sử dụng các kỹ thuật này, bạn có thể tinh chỉnh câu lệnh một cách lặp đi lặp lại để nhận được kết quả mong muốn.
Ví dụ về câu lệnh hiệu quả cho bản thiết kế ứng dụng
Dưới đây là một số ví dụ về câu lệnh hiệu quả cho nhiều loại ứng dụng:
Bảng theo dõi nhiệm vụ đơn giản:
Create a simple web app that displays a list of to-do items.
Users should be able to add new items to the list and mark items as complete.
Provide a way to delete items and export the list as a text file.
Use a clean and modern UI using Google Material Design principles.
Ứng dụng lập ngân sách:
A budgeting and expense tracking app with spending categories, charts, and
budget goals. Include a clean dashboard with key insights. It should include
spending categories, charts, and budget goals. The app should allow users to
manually add expenses or upload csv files. The app should also allow users to
upload receipts, then use AI to convert the receipt into an expense entry that
users can edit. Data should be stored in browser cache, with download and
delete options.
Câu lệnh ứng dụng trò chơi có sự trợ giúp của Gemini (Markdown):
Generate a delightful sliding number puzzle game (15-puzzle) with Javascript,
HTML, and CSS.
- **Setup:** Create a 4x4 grid with numbers 1-15 and one empty space. Use a
**solvable shuffling algorithm** to randomize the start.
- **Gameplay:** Allow clicking tiles **adjacent to the empty space** to slide
them. Count and display the number of moves.
- **Timer:** Include a **countdown timer** starting at **120 seconds**
(2 minutes).
- **End Conditions:**
- If solved (numbers 1-15 in order): Alert with an encouraging winning
statement generated by AI.
- If timer reaches 0: Alert with a funny retort generated by AI.
Mẹo gỡ lỗi
Bạn có thể sử dụng Gemini để giúp bạn gỡ lỗi mã bằng cách trò chuyện trong không gian làm việc Code hoặc App Prototyping agent.
Mặc dù Gemini có thể viết mã cho bạn, nhưng đôi khi cũng có thể tạo ra lỗi. Khi phát hiện lỗi, Gemini sẽ cố gắng khắc phục lỗi đó. Nếu thấy rằng Gemini không thể giải quyết vấn đề dựa trên thông báo lỗi, bạn có thể thử một số kỹ thuật sau:
Mô tả vấn đề: Trong giao diện trò chuyện, hãy mô tả vấn đề bạn đang gặp phải một cách rõ ràng và ngắn gọn nhất có thể. Mặc dù Gemini có thể có quyền truy cập vào bối cảnh như thông báo lỗi và nhật ký, nhưng có thể không hiểu được toàn bộ bối cảnh. Việc mô tả hành vi cùng với thông báo lỗi có thể giúp Gemini khắc phục lỗi nhanh hơn.
Đặt câu hỏi cụ thể: Đừng ngại hỏi Gemini những câu hỏi trực tiếp về mã của bạn. Ví dụ: "Điều gì có thể gây ra ngoại lệ về con trỏ rỗng trong hàm này?" hoặc "Làm cách nào để ngăn chặn tình huống tương tranh này?"
Chia nhỏ các vấn đề phức tạp: Nếu bạn đang gặp phải một vấn đề phức tạp, hãy chia nhỏ vấn đề đó thành nhiều phần nhỏ hơn, dễ quản lý hơn. Yêu cầu Gemini giúp bạn gỡ lỗi từng phần riêng biệt và suy nghĩ từng bước về vấn đề.
Sử dụng hàng rào mã: Khi chia sẻ đoạn mã, hãy sử dụng hàng rào mã để đảm bảo mã được định dạng đúng cách. Điều này giúp Gemini dễ dàng đọc và hiểu mã của bạn hơn.
Lặp lại và tinh chỉnh: Gemini có thể không phải lúc nào cũng đưa ra giải pháp hoàn hảo trong lần thử đầu tiên. Xem xét các phản hồi, đặt câu hỏi làm rõ và cung cấp thêm thông tin nếu cần.
Tránh vòng lặp câu lệnh: Nếu Gemini bị mắc kẹt trong một vòng lặp hoặc không thể trả lời câu hỏi của bạn, hãy thử diễn đạt lại câu lệnh hoặc cung cấp thêm bối cảnh. Đôi khi, chỉ cần diễn đạt lại câu hỏi cũng có thể giúp Gemini hiểu những gì bạn đang hỏi.
Nếu việc diễn đạt lại câu lệnh không giải quyết được vòng lặp, hãy thử các kỹ thuật sau:
Bắt đầu một cuộc trò chuyện mới: Nếu bạn đang sử dụng tính năng trò chuyện của Gemini trong không gian làm việc Code, hãy bắt đầu một phiên trò chuyện mới để đặt lại bối cảnh của Gemini. Điều này có thể giúp bạn thoát khỏi mọi quan niệm sai lầm hoặc giả định mà Gemini có thể đã đưa ra trong cuộc trò chuyện trước đó.
Cung cấp ví dụ phản bác: Nếu Gemini đang đưa ra các giả định không chính xác, hãy cung cấp ví dụ phản bác để giúp Gemini hiểu hành vi chính xác.
Các bước tiếp theo
- Bắt đầu sử dụng App Prototyping agent.
- Phát triển, xuất bản và giám sát một ứng dụng theo hướng dẫn về App Prototyping agent.
- Phát triển ứng dụng trong không gian làm việc Firebase Studio.