ผมไม่ใช่โปรแกรมเมอร์ แต่สร้างเว็บใช้ในธุรกิจตัวเองได้ — ผมจะเล่าให้ฟังทีละสเต็ป
ผมไม่ใช่ dev
ไม่ใช่สาย IT
เขียนโค้ดไม่เป็นสักบรรทัด
แต่ตอนนี้ผมมีเว็บแอปของตัวเองใช้จริงในธุรกิจ
ชื่อ Gen AI Space Analysis เว็บที่ช่วยผมหาลูกค้าจาก social แล้วส่องคู่แข่งให้
บทความนี้ผมจะเล่าทั้งหมด เป็นสเต็ป
ตั้งแต่ศูนย์ จนเว็บใช้งานได้จริง
ถ้าคุณเคยคิดว่า “อยากมีเครื่องมือของตัวเอง แต่เราทำไม่ได้หรอก เราไม่ใช่สายเทค”
ลองค่อยๆอ่านดูครับ..
ก่อนอื่น — ทำไมผมถึงอยากได้เว็บนี้
ผมสอน AI มีคอร์สอยู่ในมือ
งานที่กินเวลาผมที่สุดคือการหาลูกค้า
ทุกวันผมต้องไถ Facebook ไถ Pantip
คอยดูว่าใครถามว่า “อยากเรียน AI เริ่มตรงไหนดี”
เจอโพสต์นึง ผมรู้เลยว่านี่คือลูกค้า
แต่พอวันรุ่งขึ้น มันหายไปในฟีดแล้ว
คู่แข่งก็เหมือนกัน ผมต้องนั่งส่องเองทีละเพจ
งานพวกนี้ไม่มีเครื่องมือสำเร็จรูปไหนทำแทนได้
ผมเลยคิดว่า งั้นสร้างเองเลยดีกว่า
สเต็ปที่ 1 — หาไอเดียตั้งต้น (ผมไม่ได้คิดเองทั้งหมด)
ผมได้ไอเดียตั้งต้นมาจาก prompt ตัวนึงชื่อ Kuy Radar
ของคุณ Putip Tamuangpak
เป็นสเปคเว็บหาลูกค้าจาก social ที่เขาทำไว้
ผมเห็นแล้วชอบ เลยขอเอามาต่อยอดเป็นเวอร์ชันของธุรกิจตัวเอง
เครดิตไอเดียตั้งต้น ต้องยกให้เขาเต็มๆ
บทเรียนสเต็ปนี้
– ไม่ต้องเริ่มจากศูนย์เสมอไป
– เห็นของดีของคนอื่น เอามาต่อยอดได้ แต่ควรให้เครดิต
สเต็ปที่ 2 — จี้ไอเดียตัวเองก่อนลงมือ
หลายคนพอมีไอเดีย ก็รีบสั่ง AI สร้างเลย
ผมไม่ทำแบบนั้น
ผมใช้ skill ตัวนึงชื่อ grill-with-market
skill คือชุดวิธีคิดสำเร็จรูป ที่บอกให้ AI ทำงานเป็นระบบ ไม่ใช่ตอบมั่วๆ
- ตัวนี้มันคอยถามผมกลับทีละคำถาม
จะขายใคร แก้ปัญหาอะไร คุ้มจริงไหม
มันไม่เชียร์ผม มันจี้จนผมตอบตัวเองได้ชัด
บทความที่คุณอ่านอยู่นี้ ผมก็วางแผนด้วย skill ตัวนี้แหละ
บทเรียนสเต็ปนี้
ก่อนสร้าง ต้องรู้ก่อนว่าจะสร้างให้ใคร และเขาอยากได้จริงไหม
สเต็ปที่ 3 — ตัดให้เหลือเท่าที่จำเป็น
พอได้ไอเดียจาก Skill ข้างบนแล้ว ให้ Ai สร้าง prompt ให้ได้เลยแต่ปัญหาคือ Prompt ตั้งต้นมันใหญ่มาก มีสิบกว่าฟีเจอร์
ถ้าสั่งสร้างทั้งหมด มันจะไม่มีวันเสร็จ
ผมใช้ skill อีกตัวชื่อ grilling ของ mattpocock
ให้มันถามผม 13 คำถาม เพื่อบีบให้ผมตัดของที่ไม่จำเป็นออก
จบแล้วผมตัดฟีเจอร์ทิ้งไปครึ่งนึง
เหลือแค่ 3 อย่างที่ผมใช้จริง — หาลูกค้า ส่องคู่แข่ง สรุปให้ฟัง
บทเรียนสเต็ปนี้
การสร้างของด้วย AI ไม่ได้เริ่มที่ “สั่งให้มันทำ”
มันเริ่มที่ “รู้ว่าตัวเองไม่ต้องการอะไร”
สเต็ปที่ 4 — ยอมรับความจริงข้อนึงก่อน
ระหว่างคุยกับ Grilling ผมเจอความจริงที่ทำให้แผนเปลี่ยน
สเปคเดิมโม้ว่า “หาลูกค้าอัตโนมัติจากทุก social”
ฟังดูดี แต่มันทำไม่ได้จริง
Facebook กับ TikTok ปิดไม่ให้ใครดึงโพสต์คนอื่นออกมาได้มานานแล้ว
ใครบอกว่าทำได้ คือแอบใช้บอทไปดูด ซึ่งผิดกฎและเสี่ยงบัญชีโดนแบน
ผมเลยตั้งกติกาชัดว่า จะไม่ทำอะไรผิดกฎเด็ดขาด
แล้วเปลี่ยนวิธีเป็น เวลาผมไถเจอโพสต์ดีๆ เอง ก็แค่ copy มาวางในเว็บ
ให้ AI ช่วยวิเคราะห์ให้
บทเรียนสเต็ปนี้
-ยอมรับความจริงตั้งแต่แรก คือสิ่งที่ทำให้เว็บนี้สร้างเสร็จจริง
ไม่ใช่ค้างอยู่กับความฝันที่ทำไม่ได้
สเต็ปที่ 5 — ต่อ “ตัวช่วยค้น” ให้เว็บหาข้อมูลเองได้
เว็บผมค้นเว็บเปิดกับ Pantip ได้เอง
แต่มันค้นเองตรงๆ ไม่ได้ ต้องมีตัวช่วยค้นต่ออยู่เบื้องหลัง
ตอนแรกผมวางแผนใช้ตัวค้นของ Google โดยตรง
แต่พอจะสมัครจริง Google ปิดรับคนใหม่ถาวรไปแล้ว
ผมเลยเปลี่ยนมาใช้ตัวชื่อ Serper
พูดง่ายๆ มันคือบริการที่ยิงคำค้นเข้า Google แล้วส่งผลจริงกลับมาให้เว็บผมแบบถูกกฎหมาย
เก่งภาษาไทยกับ Pantip ด้วย
ทำไมไม่ให้เว็บไปดึงหน้า Google เองเลย
เพราะ Google ไม่อนุญาต ทำแบบนั้นเดี๋ยวโดนบล็อก
Serper คือทางที่ถูกต้องและเสถียร
ราคาก็เป็นมิตร ฟรี 2,500 ครั้งแรก หมดแล้วค่อยจ่ายหลักบาทต่อพันครั้ง
ตัวนี้แหละคือเครื่องยนต์ที่ทำให้เว็บ “หาลูกค้าเอง” กับ “ส่องคู่แข่งเอง” ได้
สเต็ปที่ 6 — ต่อ “สมอง” ให้เว็บ (ตรงนี้มีค่าใช้จ่าย)
เว็บนี้ฉลาดได้เพราะมี AI เป็นสมองคอยวิเคราะห์ให้
คำถามคือ ผมต่อสมองนี้เข้ามายังไง
ผมเลือกใช้ตัวกลางชื่อ OpenRouter
มันเหมือนปลั๊กพ่วงอันเดียว ที่เสียบเข้าได้หลายโมเดล
กุญแจดอกเดียว แต่สลับใช้ได้หลายตัว เลือกตัวที่เหมาะกับงานแต่ละอย่าง
แต่ผมพูดตรงๆ ตรงนี้คือส่วนที่มีค่าใช้จ่ายจริง ผมเติมเงินเข้าไป 10 US ( 350 บาท )
ทำไมถึงคุ้ม
เพราะค่าวิเคราะห์ลูกค้าหนึ่งคน ถูกกว่ากาแฟหนึ่งแก้วมาก
และจ่ายเฉพาะตอนใช้ ไม่ใช้ก็ไม่เสีย
ถ้าคุณจะลองทำตาม เตรียมงบส่วนนี้ไว้นิดนึง
มันไม่ได้ฟรีทั้งหมด แต่ก็ไม่ได้แพงอย่างที่กลัว
สเต็ปที่ 7 — เลือกโมเดลให้ถูกกับงาน
คนมักเข้าใจผิด คิดว่าใช้โมเดลเดียวจบ
จริงๆ ต้องเลือกให้เหมาะกับงาน
งานที่ต้องเขียนภาษาสวยๆ ถึงลูกค้า เช่นร่างข้อความทัก
ผมใช้ตัวที่เก่งภาษาชื่อ Claude Sonnet
งานกลไกเร็วๆ เช่นให้คะแนนลูกค้า กรองคู่แข่ง
ผมใช้ตัวที่เร็วและถูกกว่าชื่อ Claude Haiku
ผมยังลองตัวอื่นเทียบด้วย เช่น DeepSeek ที่ถูกและเร็ว
บทเรียนสเต็ปนี้
– เลือกโมเดลถูก ไม่ใช่แค่ประหยัดเงิน มันทำให้เว็บเร็วขึ้นและไม่ค้างด้วย
สเต็ปที่ 8 — ลงมือสร้าง โดยให้ Fable เป็นคนคิด
ผมสร้างเว็บผ่านเครื่องมือชื่อ Claude Code
พูดง่ายๆ คือผมพิมพ์บอกเป็นภาษาคนว่าอยากได้อะไร แล้วมันเขียนโค้ดให้
เวลาต้องตัดสินใจว่าจะใช้โปรแกรมหรือวิธีไหน ผมให้ โมเดล ของ Claude ตัวที่ชื่อ Fable เป็นคนคิดและวางแผนให้
Fable เก่งเรื่องคิดละเอียดรอบด้าน เหมือนหัวหน้าทีมที่วางแผนดีๆ ก่อนสั่งงาน
แต่ปัญหามันคือแพงมาก
ผมเลยต้องบริหารให้ Fable เป็นคนคิด คนวางแผน หรือ ” Orchestrator ” ของงานนี้ และเวลาสั่งงานใช้ Opus หรือ Sonnet เป็นคนทำ
เหมือนมีเทพช่วยกลั่นความคิดและให้คนทำงานก็ทำไป
สเต็ปที่ 9 — ตรวจก่อนปล่อยทุกครั้ง
ก่อนเอาเว็บขึ้นใช้จริงทุกครั้ง ผมมี skill ชื่อ scrutinize ของ 9Arm
ให้มันไล่อ่านโค้ดตัวเองทีละจุด หาว่ามีตรงไหนพังก่อนที่ลูกค้าจะเจอ
หลายปัญหาในเว็บนี้ ถูกจับได้ตรงสเต็ปนี้
ไม่ใช่ตอนที่ลูกค้าเจอแล้วเสียความรู้สึก
สเต็ปที่ 10 — Vibe Coding คือการสร้าง ” Brick by Brick “
คอร์สหรือใครคนไหนในโลกที่บอกว่า ทำ Vibe coding ง่ายนิดเดียวแค่ Prompt คนนั้นโกหก 100%
ผมอยากให้คุณเห็นภาพจริงว่า มันไม่ได้เสร็จสวยในครั้งเดียว
มันพังหลายรอบ ผมเล่าให้ฟังแบบไม่ปิด
รอบนึง อยู่ดีๆ AI ในเว็บพังทั้งระบบ
ไล่หาอยู่นาน สุดท้ายเจอว่าผมเผลอเซฟรหัสผ่านทับช่องเก็บกุญแจ AI เอง
บทเรียน — เวลามันพัง อย่าเพิ่งโทษที่อื่น กลับมาดูของตัวเองก่อน
อีกรอบ หน้าเว็บขาวโพลนเฉยๆ
สาเหตุคือ AI ตอบข้อมูลกลับมาไม่ครบ แล้วเว็บผมไม่ได้เตรียมรับมือ
บทเรียนที่สำคัญที่สุดของทั้งโปรเจกต์ — อย่าเชื่อว่า AI จะตอบถูกเป๊ะเสมอ ต้องเผื่อไว้ทุกจุด
อีกรอบ เว็บทำงานนานเกินแล้วโดนตัดกลางคัน
ครั้งแรกเพราะงานหนักจริง ผมแก้ด้วยการลดงาน
แต่พอเจออาการเดิมอีกครั้ง ผมเกือบแก้แบบเดิม
โชคดีที่หยุดดูหลักฐานก่อน แล้วพบว่าคราวนี้คนละสาเหตุ เป็นตัวเลขตั้งค่าผิดนิดเดียว แก้แป๊บเดียวจบ
เวลาแก้บั๊ค ผมไม่แก้มั่ว ผมใช้ skill ชื่อ debug-mantra ของ 9Arm
มันมีขั้นตอนให้ทำซ้ำอาการให้เจอก่อน แล้วค่อยแก้
แก้เสร็จ ผมให้ skill อีกตัวชื่อ post-mortem ของ 9Arm จดไว้ว่าเกิดอะไรขึ้น
ครั้งหน้าจะได้ไม่พลาดซ้ำ
บทเรียนสเต็ปนี้
– Skill คือเรื่องสำคัญมากๆ ใครเก่งและเข้าใจการใช้ Skill จะสามารถทำงานได้ดีกว่าคนอื่น
สเต็ปสุดท้าย — ผมเก็บวิธีคิดของ Fable ไว้เป็น skill
Fable ที่ผมใช้เป็นคนวางแผน กำลังจะเปลี่ยนเป็นบริการแบบเสียเงินผ่าน API แบบกดครั้งนึงเสียเงินครั้งนึงแล้ว
ผมเลยทำสิ่งนึงไว้ก่อน
หลังเว็บเสร็จ ผมให้ Fable ทบทวนทุกอย่างที่เราทำมาทั้งหมด
แล้วถอดวิธีคิดของมันออกมาเป็น skill ตัวใหม่ ตั้งชื่อว่า fable-creator
แนวคิดคือแบบนี้
ให้ Fable เป็นคนคิดและวางแผนอย่างละเอียด เพราะนั่นคือสิ่งที่มันเก่งที่สุด
แต่เวลาลงมือทำงานจริง ให้ Opus หรือ Sonnet ทำแทน เพื่อประหยัดเงิน
พูดง่ายๆ ผมแยก “สมองที่คิด” กับ “มือที่ทำ” ออกจากกัน
สมองใช้ตัวที่ฉลาดสุด มือใช้ตัวที่คุ้มสุด
บทเรียนสเต็ปนี้
– พอทำของเสร็จ อย่าทิ้งวิธีที่ได้มา เก็บมันไว้เป็นระบบ ครั้งหน้าจะได้เริ่มเร็วขึ้นและถูกลง
ตอนนี้เว็บใช้งานได้เต็มระบบ
หาลูกค้าให้ ส่องคู่แข่งให้ สรุปเป็นแนวทางให้ผมวางแผนต่อได้
แต่ของที่ผมได้จริงๆ ไม่ใช่แค่เว็บ
มันคือความมั่นใจว่า คนที่เขียนโค้ดไม่เป็นอย่างผม ก็สร้างเครื่องมือของตัวเองได้
ขอแค่กล้าเริ่ม แล้วกล้าแก้ตอนมันพัง
prompt แรกที่ผมเขียน ไม่มีทางออกมาตรงเป๊ะ
และนั่นคือเรื่องปกติของการสร้าง
ผมแจก prompt ตัวจริงให้ตามนี้ครับกดที่ปุ่ม Prompt ได้เลย ไอเดียตั้งต้นมาจาก Kuy Radar ของคุณ Putip Tamuangpak
Prompt
คุณคือ Senior Full-stack Developer + Product Manager + UX/UI Designer
ผมอยากได้เว็บแอปช่วยหาลูกค้าจาก social และส่องคู่แข่ง สำหรับธุรกิจของผม
[อธิบายธุรกิจของคุณตรงนี้ — ขายอะไร ลูกค้าคือใคร แก้ปัญหาอะไรให้เขา]
ฟีเจอร์ที่ต้องมี:
- เก็บและวิเคราะห์ lead จาก social — วางลิงก์หรือข้อความโพสต์เข้ามา แล้ว AI ให้คะแนนความน่าสนใจ + บอก pain point
- ค้นหาลูกค้าอัตโนมัติจากเว็บเปิดและ Pantip ผ่าน search API
- ติดตามคู่แข่ง แล้ว AI สรุปจุดแข็ง จุดอ่อน ช่องว่างให้
- สรุปทั้งหมดเป็น AI Insight เพื่อวางแผนคอนเทนต์
กติกาสำคัญ (ห้ามฝ่าฝืน):
- ห้ามสร้าง scraper หรือบอทที่ login เข้า Facebook/TikTok เพราะผิดกฎและเสี่ยงบัญชีโดนแบน
- ข้อมูลจาก social ให้ผู้ใช้วางเอง บวกกับค้นเว็บเปิดผ่าน search API เท่านั้น
Tech stack:
- Next.js + Supabase + Vercel (deploy ให้ใช้งานจริงออนไลน์ตั้งแต่แรก)
- AI ต่อผ่าน OpenRouter, ค้นเว็บผ่าน Serper
- ภาษาไทยล้วน
ให้เริ่มสร้างโค้ดจริงทีละขั้น ทดสอบให้รันได้ในเครื่องก่อน แล้ว deploy
เจอจุดที่ไม่ชัด ให้เลือกทางที่ปลอดภัยและเร็วที่สุด แล้วบอกผมว่าเลือกเพราะอะไร
และผมเอาแผนที่ผมใช้สร้างเว็บนี้จริงๆ มาแจกให้คุณเอาไปลอง
เป็นไฟล์ .md โหลดไปวางใน Claude Code ได้เลย มันจะเริ่มสร้างให้
แต่ผมพูดตรงๆ นะ
วางแล้วได้โครง แต่คุณต้องปรับให้เข้ากับธุรกิจของคุณเอง
และตรงนี้แหละที่คนส่วนใหญ่จะเริ่มติด
ถ้าคุณติดตรงไหน ทักผมมาได้เลย Fb : Panja Krieng
ผมยินดี add friend แล้วช่วยแนะนำให้เท่าที่ได้
อยากเรียนแบบจริงจังกว่านั้น ผมมีคอร์สที่สอนตั้งแต่ต้น
แต่เอาจริง เริ่มจากโหลดไฟล์ไปลองก่อนก็ได้
วันนี้คุณมีไอเดียอะไรที่อยากสร้าง แต่บอกตัวเองว่า
“เราทำไม่ได้หรอก” อยู่
ลองเปลี่ยนประโยคนั้นเป็น “ลองดูก่อน” นะ
genaispace .net : A Space to learn Generative AI Together
รับเทรนนิ่งองค์กรเกี่ยวกับการใช้ Generative AI เพื่อพัฒนาทักษะของพนักงาน เป็นองค์กร,บริษัท,กลุ่ม,เดี่ยว ด้วยประสบการณ์กว่า 3 ปี ผ่านองค์กรใหญ่ๆมากกว่า 50 แห่งและพนักงานกว่า 2,000 คน
Link Download File ทั้งหมดที่อยู่ในบทความ
https://drive.google.com/drive/folders/1h7RM1GNAyk8D0o1vTXC1CplPs09brSAb?usp=sharing
ใส่ความเห็น