Dùng AI viết app: (P2) Chrome Extension đầu tiên
Tháng mười một 10, 2024
—
I. Ý tưởng
Với mục tiêu là khiến cho việc viết lại (rewrite) content một cách nhanh nhất thì mình nghĩ làm một Chrome Extension là hợp lý. Và lý do là:
– Chrome Extension khá phổ biến nên khả năng quy trình phát triển cũng được làm chuẩn và tối ưu rồi
Nguồn: Google
Tiếp theo câu hỏi cần trả lời là: Làm thế nào để rewrite một cách nhanh nhất?
– Nội dung gốc (bắt buộc)
Ví dụ, khi tôi muốn rewrite “chào” thành một câu chào lễ phép hơn thì:
– Yêu cầu đặc biệt: “khiến câu chào lễ phép hơn”
Oce, với 2 thông tin tối thiểu đó, mình có thể làm extension dưới dạng một popup. Khi 1 đoạn text được chọn thì popup sẽ tự xuất hiện. Người dùng có thể tương tác trên popup đó để rewrite một cách nhanh chóng.
II. Nghiên cứu các thứ
Vì mình làm Chrome Extension nên cách thức phát triển cũng phải tuân theo các nguyên tắc của nó. Do đó, việc đầu tiên mình làm khi nghiên cứu là xem document về Chrome Extension Development. Bạn có thể xem .
Document của Chrome Extensions
Ngoài ra mình cũng hỏi ChatGPT cho chắc cú nữa.
Hỏi ChatGPT xem làm như nào :vv
Sau khi tìm hiểu, thì extension của mình cần bắt buộc những file sau:
– content_script.js: Để chèn code javascript vào các website. Vì mình sẽ làm dưới dạng popup nên mình bắt buộc dùng javascript để hiển thị được popup đó ra.
Trước khi bắt tay vào làm thì mình có tạo thử một extension cơ bản, kết quả là lỗi tùm lum. Cũng may giờ hiện đại có AI giúp mình fix bug , tiết kiệm thời gian hơn rất nhiều.
Lỗi cấu trúc file manifest.json :v
III. Vào việc
Khi đã nắm rõ cấu trúc project cần tổ chức, việc tiếp theo là vạch ra những logic code cần viết. Theo ý tưởng ban đầu là:
Oce, dựa trên ý tưởng này thì đây là những thứ mình sẽ phải code:
2. Hiển thị popup với 1 trường thông tin là “Extra note”. Ngoài ra để đầu ra phong phú hơn, sẽ có 1 trường thông tin chọn “Tone” khi rewrite.
Sau khi xác định các đầu việc này, tiếp theo chỉ cần bảo ChatGPT viết code cho thôi. Nhìn chung là nhàn 😀
Do đó, phần kết quả rewrite mình set tạm một giá trị cố định. Phần OpenAI mình tìm hiểu và viết tiếp ở bài sau.
Phần tốn thời gian nhất có lẽ là khi gặp phải những lỗi lạ. Khi đó bắt buộc cần có kiến thức về code cơ bản thì mới có thể hiểu và viết prompt để ChatGPT giải quyết giúp mình được.
Hỏi lỗi ChatGPT nè
Ngoài ra riêng đối với extension mình đang viết thì làm sao để chức năng hoạt động trên mọi website là một điều rất khó. Ví dụ như ở trang Google Docs, mình vẫn chưa làm nó hoạt động trơn tru được vì cấu trúc trang này rất phức tạp.
—
–
– Dùng AI viết app: (P3) Cách dùng API của OpenAI (Coming soon)