Self-build Web with AI
Web thực thụ bằng AI,
do chính bạn tự làm
Giao cho AI rồi mà không hiểu sao vẫn không đúng hình dung. Nguyên nhân của nó và cách xoá cảm giác lệch đó, tôi viết thành bộ câu lệnh riêng và công bố. Không thuê ngoài, tự tay mình làm.
Từ dựng môi trường đến lúc đưa lên mạng. Có kèm hướng dẫn trực tuyến (tuỳ chọn).
Vấn đề
Problem
Lỗi không phải ở bạn, cũng không phải ở AI.
Trang do AI làm ra có độ hoàn thiện cao. Vậy mà đặt lên dịch vụ của mình thì trông cứ nghiệp dư ở đâu đó. Không phải chuyện gu thẩm mỹ, mà làmột hiện tượng giải thích được bằng cơ chế.
01
Sở thích chưa được nói thành lời
Tiêu chuẩn để thấy một thứ là đẹp thì mỗi người một khác, mà cũng chẳng mấy khi có dịp nói ra. Thứ chưa thành lời thì AI cũng không nhận được.
02
AI luôn ngả về mức trung bình
Khi câu lệnh mơ hồ, AI chọn dạng thường gặp. Nên dù hoàn thiện cao, nó vẫn không thành gương mặt của dịch vụ bạn.
03
Tính từ thì không truyền đạt được
Nói "cho đẹp hơn" thì chỉ đổi được mức trung bình của bầu không khí. Chỗ nào, so với cái gì, đổi thế nào— nói được tới đó thì AI mới chạy đúng ý.
Làm cho đẹp hơn nữa đi
Tôi đã cập nhật sang thiết kế hiện đại và tinh tế hơn!
Hmm, sao vẫn thấy khác khác. Cho nó thực thụ hơn nữa
Tôi đã tăng thêm ấn tượng chuyên nghiệp!
Đặt cạnh nhau
Comparison
Cùng một công ty, chỉ đổi câu lệnh.
Chúng tôi đưa thông tin của cùng một công ty cho AI ở cùng thời điểm. Khác nhau chỉ ởcâu lệnh. Hai trang ra đời từ đó đều được công bố nguyên trạng.
A Nhờ luôn, không chuẩn bị gì.
Chỉ đưa được mỗi câu "cho đẹp hơn" —cách nói với AI vẫn còn dò dẫm
Hãy tạo một website công ty thật đẹp. Bắt đầu từ trang chủ đã. Thông tin công ty như sau.
Tôi đã tạo xong trang chủ!
Trang này làm ra chỉ trong một lượt hỏi đáp. Chúng tôi không sửa gì vào kết quả (chỉ thêm dải thông báo).
Nếu cần nhanh thì mức hoàn thiện này là đủ. Chỉ là, khi nghĩ tới chuyện có nên lấy nguyên cái này làm trang của mình không— không nói rõ được, nhưng có gì đó không đúng. Chính nhịp khựng ấy là điểm khởi đầu của trang này.
B Quyết xong rồi mới nhờ.
Font, linh kiện, nội dung —quyết lần lượt rồi mới giao cho AI
Nội dung câu lệnh sẽ công bố trong bài viết
Thứ dựng lên theo đúng thứ tự đó chính làchính website bạn đang xem. Ngay cả trang giải thích này cũng được làm theo cùng thứ tự.
Cả hai đều hoàn thiện cao. Vậy mà đặt cạnh nhau, hẳn bạn vẫn thấy "có gì đó khác". Gọi tên cái "gì đó" ấy thành lời rồi biến nó thành câu lệnh — thứ tự tôi đã đi qua, xin kể ở phần sau.
Thứ tự cần nắm
Method
Tôi vào việc từ thứ tự.
Một thiết kế thực thụ được dựng nên từba tầng xếp chồng lên nhau— đây là cách sắp xếp của riêng tôi, rút ra trong lúc vừa làm vừa nghĩ. Từ khi tự dựng được cả nền tảng lẫn nội dung cùng AI, chính cách làm cũng đã đổi.
Cách nhờ thường thấy
và thứ làm ra khác với hình dung trong đầu
③ Cuối cùng mài giũa cùng người khác — phần hoàn thiện đọng lại
② Quyết tiếp — nội dung muốn truyền đạt
① Quyết đầu tiên — nền tảng hình thức (quan trọng nhất)
STAGE 1Nền tảng hình thức — quyết từ đây (quan trọng nhất)
01
Font chữ
Chất Nhật của một trang tiếng Nhật, trước hết do font chữ quyết định. Không quyết mà giao phó thì nó cứ thế chạy tiếp với font mặc định.
02
Linh kiện giao diện (vật liệu)
Hình dạng của các bộ phận như nút bấm, thẻ, tiêu đề, hãy quyết trước. Giao phó thì nó chỉ ghép bằng những bộ phận thường gặp ở đâu đó.
03
Tông màu và giọng điệu
Quy tắc dùng chung cho cả trang về màu, khoảng trắng và độ bo góc. Chỉ cần chỗ này đồng nhất là cảm giác nghiệp dư biến mất, mà lệch một chỗ thôi là cả trang trông đổ vỡ.
STAGE 2Nội dung muốn truyền đạt — đặt lên trên nền tảng
04
Nội dung và ruột bên trong
Đưa cái gì lên, không đưa cái gì. Bố cục trang, quyết sau nền tảng thì nó tự khớp theo cái khuôn đã có.
05
Câu chữ và slogan
Cách diễn đạt và slogan. Những câu quảng cáo đao to búa lớn mà AI hay viết, ta thay dần bằng lời của chính dịch vụ mình.
06
Minh họa và ảnh chụp
Minh họa và ảnh chụp thì cứ đặt tạm trước để quyết tông màu và bầu không khí. Chốt được chỗ này thì cả nội dung cần đặt cho thợ chụp, thợ vẽ cũng rõ luôn.
STAGE 3Phần hoàn thiện đọng lại — khớp ý cùng con người
Vốn dĩ đây là tầng cần khớp ý với nhau nhất. Chỉ bằng lời nói và ảnh tham khảo thì những người cùng làm không hề đang nhìn cùng một thứ. Phải có phần nói thành lời ở STAGE 1 và 2 thì hình dung mới truyền đi chính xác, và bạn mới chọn được nhờ người khác, tự làm, hoặc học— cách nào cũng được.
07
Minh họa và logo nguyên bản
Đây là gương mặt của trang. Nhờ người vẽ được, hoặc tự tay bạn nếu có cảm quan. Càng có hình vẽ tạm thì bàn về phần hoàn thiện càng cụ thể.
08
Slogan và câu chữ đọng lại trong lòng
Là câu để người ta nhớ chỉ trong một dòng. Nền tảng và nội dung đã chốt thì lời nhờ người viết cũng chính là bản đặt hàng.
09
Hiệu ứng thị giác gây ấn tượng
Là những màn dàn dựng như chuyển động theo thao tác cuộn. Càng khoanh gọn chỗ để nó phát huy thì càng đọng lại, dùng nhiều thì trang trông nhẹ dạ.
Sáu yếu tố của STAGE 1 và 2— ra lệnh cụ thể thế nào cho từng cái, chính bộ câu lệnh đó và cách dùng chúng là phần chính của bài viết. Bài cũng đề cập cách dựng môi trường và các bước đưa lên mạng, còn phần thao tác thực tế dự kiến sẽ đăng trên YouTube.
Sáng tạo là gì
Creative
Làm ra, và sáng tạo ra.
Nói cho cùng, sáng tạo là gì?
Quyết, rồi làm cho thành hình. Tất cả những cái đó là sáng tạo.
Không phải là loé sáng, cũng không phải cảm quan trời cho. Muốn ai cảm thấy điều gì, theo cách nào. Quyết điều đó rồi làm cho nó thành hình — cả chặng đường ấy, tôi gọi là sáng tạo.
Người làm ra được bằng AI, và người sáng tạo được cùng AI.
Chữ nghe thì giống, nhưng nghĩa khác hẳn. Chỉ làm ra thôi thì một câu lệnh là xong. Sáng tạo thì phải quyết mình muốn người ta cảm thấy gì, rồi lấp những chỗ còn thiếu bằng cách chọn giữa nhờ người khác, tự làm, hoặc học— ba tầng chính làtấm bản đồ.
Việc đó giống hệt xây dựng một doanh nghiệp.
Sáng tạo ra một trang web rất giống với việc làm cho một doanh nghiệp thành hình. Nghĩ ra thì chỉ mất một khoảnh khắc, nhưng nghĩ cho sâu, làm cho thành hình, rồi cùng người khác đi tiếp là một chặng đường dài. Tôi cũng đang ở giữa chặng đó, vừa một mình gánh việc kinh doanh của chính mình.
Nên bài viết này không phải sách giáo khoa, mà làmột cuốn sổ tay ghi lại từ chính vị trí giống bạn. Mong sao cả cách làm việc lẫn cách sống của những người đang làm doanh nghiệp nhỏ hay làm nghề tự do sẽ giàu có thêm được chút nào hay chút ấy — nên tôi viết không chỉ những chuyện suôn sẻ, mà cảcái thất bại rất thật nữa, ở dạng dùng được ngay tại hiện trường.
Thứ tự này tôi còn dùng cho cả những việc ngoài làm trang web.
- Làm trang webChủ đề chính của bài viết này
- Làm tài liệu, làm slideTừ tờ một trang cho tới bản đề xuất
- Đặt hàng người làm sáng tạoThành lời đặt hàng truyền đạt được
- Làm sản phẩm, làm doanh nghiệpQuyết xong rồi mới làm cho thành hình
Nội dung các bài viết
Contents
Trước khi làm và sau khi làm, bài viết đi qua đủ một lượt.
Chỗ vấp không chỉ có thiết kế. Dựng môi trường vàthiết lập để đưa lên mạng cũng được bài viết đề cập chứ không lược bỏ. Thao tác thực tế bạn xem được cả trong video.
01
Cách dựng môi trường để làm
Chuẩn bị cái gì, cài cái gì. Cửa ải đầu tiênđược hướng dẫn ở dạng bạn cứ theo đúng màn hình mà đi, không phải phân vân.
02
Giải thích gốc rễ của cảm giác lệch
Vì sao lại thấy nó không giống của mình. Chúng tôi mổ xẻ nguyên nhân trước. Hiểu ra rồi thì chính câu lệnh bạn đưa cũng đổi.
03
Bộ câu lệnh riêng và cách nuôi nó lớn
Câu lệnh dùng thay cho "làm cho đẹp hơn đi", bài viết thu sẵn cho từng yếu tố trong sáu yếu tố. Đổi vài chữ là dùng được ngay.
04
Các bước và thiết lập để đưa lên mạng
Từ thiết lập để đưa lên mạng, cách nối tên miền riêng, cho tới việc đẩy bản đã sửa lên. Tới đây thì cuối cùng bạn mới đem khoe với người khác được.
* Một phần bài viết đọc miễn phí được. Mục lục chi tiết và giá, mời bạn xem tại trang bài viết trên note.
Ví dụ thật
Example
Chính website bạn đang xem là ví dụ.
Website công ty này không thuê ngoài, mà được dựng bằngđúng phương pháp công bố trong bài viết. Từ chỉnh thiết kế đến làm cho hợp điện thoại, tất cả chỉ bằng câu lệnh cho AI.
Bản thân website công ty
Từ giới thiệu công ty, giới thiệu dịch vụ cho tới trang liên hệ, tất cả làm bằng cách đối thoại với AI.
Trang giới thiệu dịch vụ
Từ việc sinh hình minh họa cho tới bảng giá. Thêm trang mới cũng vẫn bằng cách đó.
Đây không phải thành tích dựng lên cho đẹp. Chính trang đang hiện trên trình duyệt lúc này là bằng chứng bạn xem được ngay.
Điều muốn nói mà khác nhau thì gương mặt khác nhau tới mức này.
Đây là những trang tôi thiết kế theo cùng một lối nghĩ với bài viết này — quyết nền tảng trước rồi mới xếp lên. Từ mấy chữ "cho đẹp hơn", "cho thực thụ hơn" thì không ra được khác biệt này. Thứ quyết gương mặt của trang làchính chủ muốn nói điều gì với ai— chỉ có vậy thôi.
Trang của một giảng viên đào tạo
Sự mềm mại, và niềm tin cậy.
Trắng × ảnh cắt khối × chữ dọc
Trang của một nghệ sĩ thư pháp
Sự tĩnh lặng, và khoảng trắng.
Đen trắng × ảnh tác phẩm × chữ cỡ lớn
Trang của một nghệ sĩ dương cầm
Cái căng của sân khấu.
Đen × một tấm ảnh duy nhất × chữ viết tay
Trang của một doanh nghiệp ô tô
Cái không khí của nghề thật.
Xanh thẫm × ảnh hiện trường × bộ nhận diện
Chi phí
Cost
So với thuê ngoài thì lệch hẳn một bậc chữ số.
Nếu thuê công ty làm web
¥300,000–500.000 là khoảng phổ biến nhất
Nguồn: Khảo sát của HighFactory (tháng 2/2026, 303 người từng thuê ngoài trong 5 năm qua)
vs
Nếu tự làm bằng phương pháp này
khoảng ¥35.000(nếu hoàn tất trong 1 tháng)
Chi phí thực tế cho AI, tên miền. Tiền bài viết tính riêng (chi tiết bên dưới)
- Bài viết trả phí (note) Phương pháp, danh sách câu lệnh, cách dùng
- * Đang chuẩn bị
- Phí dùng AI Gói MAX (khuyên dùng). Tính theo số tháng bạn dành ra để làm
- $200/tháng
- Tên miền riêng Hợp đồng theo năm. Thay đổi tuỳ nơi đăng ký
- khoảng ¥2.000/năm
- Máy chủ để đưa lên mạng Bài viết chỉ ra dịch vụ chạy được bằng gói miễn phí
- ¥0〜
* Về AI, chúng tôi khuyên dùng gói MAX ($200/tháng, khoảng ¥32.000). Gói thấp hơn vẫn làm được, nhưng thời gian chờ và giới hạn số lượt sẽ làm bạn khựng tay. Hãy coi đó là khoản đầu tư để hoàn tất trong thời gian ngắn mà không hạ chất lượng. Phí tháng có cao hơn, nhưng số tháng phải bỏ ra lại ít đi. Làm xong rồi bạn hạ về gói thấp hơn được.
* Mọi con số đều là ước chừng ($200 thay đổi theo tỷ giá; tại thời điểm tháng 8/2026 là khoảng ¥32.000). Phí dùng AI và phí tên miền bạn trả thẳng cho từng dịch vụ; thứ bạn trả cho chúng tôi chỉ là bài viết (và buổi hướng dẫn, nếu bạn muốn).
Hợp hay không hợp
For You?
Chúng tôi nói thật.
Người hợp
- Muốn tự nuôi lớn trang web của mình Hộ kinh doanh nhỏ, cửa hàng, lớp học.
- Muốn tự tay mình làm cho nó thành hình trước đã Người phụ trách khởi động một dịch vụ mới
- Đã làm bằng AI rồi thấy "sao khác khác" Người từng thử qua một lần
- Không tốn tiền thuê ngoài, nhưng bỏ được thời gian Người không cần xong ngay lập tức
Chỉ cần trúng một điều thôi thìbài viết này dùng được ngay cho bạn.
Người không hợp
- Không lấy đâu ra thời gian để làm Không hề dễ. Bạn phải động tay
- Muốn giao trọn việc làm trang Người chỉ muốn tiến bằng các buổi họp
- Cần cả tính năng thành viên và thanh toán Người cần một hệ thống nằm sau trang web
Trường hợp đó thì tôi hỗ trợ bạn trực tiếp.
Giao trọn từ thiết kế tới thi công Xây dựng hệ điều hành cho vận hành Nếu bạn chỉ cần gom và làm gọn các con số OpsEngine ConnectHướng dẫn
Lecture
Bánh phụ cho người không tự đi được chỉ với bài viết.
Với người muốn kiểm chứng "trường hợp của tôi thì sao", chúng tôi có buổi hướng dẫn trực tuyến. Phần chính vẫn là bài viết, đây là mục tuỳ chọn chỉ dành cho ai muốn.
Buổi hướng dẫn gồm những gì
- Hình thức
- Trực tuyến, tính theo buổi (vừa nhìn màn hình vừa cùng nhau làm)
- Nội dung
- Áp nội dung bài viết vào chính trang của bạn, và gỡ những chỗ đang vấp
- Chi phí
- Đang chuẩn bịChốt xong chúng tôi sẽ đăng ở đây.
Nếu bạn gấp, hãy liên hệ với chúng tôi.
Hỏi đáp
FAQ
Q Có cần biết lập trình không?
Không cần. Mã do AI viết. Việc của bạn là dùng câu lệnh trong bài để nói ra mình muốn thế nào, rồi phán đoán thứ làm ra. Biết dùng máy tính ở mức cơ bản là đi được.
Q Tôi lo không làm nổi khâu chuẩn bị môi trường và khâu đưa lên mạng.
Đúng là chỗ dễ vấp nhất. So với chuyện nhờ AI viết mã, số người khựng lại ở khâu dựng môi trường trước khi bắt đầu, và khâu thiết lập để đưa thành phẩm lên mạng còn nhiều hơn. Nên trong bài, chúng tôi đề cập đủ các bước và thiết lập đó, không lược bỏ. Thao tác thực tế cũng sẽ xem được bằng video.
Q Ngoài bài viết ra thì còn tốn tiền vào đâu?
Gói AI trả phí (tính theo số tháng bạn làm), và tiền tên miền riêng (khoảng 2.000 yên/năm). Máy chủ để đưa lên mạng thì trong bài chúng tôi chỉ ra dịch vụ chạy được bằng gói miễn phí. Tất cả đều trả thẳng cho từng dịch vụ, không đi qua chúng tôi.
Q Làm mất khoảng bao lâu?
Tuỳ thời gian bạn bỏ ra, nhưng một trang web một trang thì tham khảo là chừng 2–3 buổi cuối tuần. Trong bài, chúng tôi khuyên cách làm là đừng cố xong một lượt, cứ đưa lên mạng rồi nuôi nó lớn dần.
Q Trang làm ra có dùng cho mục đích thương mại được không?
Được. Bài viết vốn đặt trên tiền đề bạn dùng nó cho công việc, cho dịch vụ của chính mình. Quyền đối với trang bạn làm ra là của bạn.
Q Tôi lo giữa chừng sẽ bỏ cuộc.
Những chỗ dễ vấp thì bài viết đón đầu và chỉ trước cho bạn. Nếu vẫn không đi tiếp được thì có buổi hướng dẫn trực tuyến (tuỳ chọn, có phí). Bài được dựng theo kiểu vừa đọc vừa động tay, chứ không phải đọc hết rồi mới bắt đầu.
Q Có thể giao trọn cho bên anh không?
Trường hợp đó, thay vì bài viết này, mời bạn xem Xây dựng hệ điều hành cho vận hành. Tôi sẽ trực tiếp hỗ trợ bạn từ khâu thiết kế cho tới khâu làm ra.
Read the Article
Trước hết, đọc phần miễn phí đã.
Tới hết phần giải thích gốc rễ của cảm giác lệch, bạn đọc miễn phí được. Cứ xem thử có hợp với mình không rồi hãy quyết.