Vibe code สร้าง web application

อยากสร้างรูปสวยๆ แต่ไม่อยากจ่ายค่า subscription

.

Pluton webapp สร้างรูปภาพช่วยขัดเกลา prompt ให้ได้รูปสวยๆ เลือกมุมกล้องได้

.

🔨 สร้าง Art style ของตัวเองไว้ใช้ได้

🔨 ดูบันทึก Prompt ที่ใช้ก่อนหน้าได้

🔨 เพิ่ม model ที่เราต้องการเข้ามาได้

🔨 รูปเราเองสร้างเสร็จกด download ได้เลย

.

เพื่อนๆสนใจลองสมัครเข้าไปใช้กันเยอะๆนะค้าบ

https://pluton.datatrippu.com/

.

แอพนี้ใช้ฟรีเลย เสียเงินแค่กับ api key ของ model ที่คิดเงินค้าบ เช่น nanobanana 2 (pro) ใช้ api-key ผูกบัตรใน aistudio

.

## ทดลองสร้างรูปฟรี ##

-สามารถลองใช้ Flux-Schnell, Flux-Dev Pro สร้างรูปฟรี (ตามจำนวนของ Free Tier) ทดลองได้ก่อน

-สมัครไปเอา api-key จาก web https://huggingface.co/

สามารถดู User Guideline ประกอบได้เลย

.

แอพนี้ vibe code สร้างเอง 100% สั่งงาน Gemini CLI + Claude code อุ้มลูกนอนบนแขนไปไหนไม่ได้ นั่งดู AI ทำงานให้เรา 555+

.

ใครลองแล้วมี feedback อะไรบอกได้เลยค้าบ Pluton ยังพัฒนาได้อีกเยอะเลย มาลองใช้กานน้าาา

.

***ถ้าสมัครแล้ว log in ไม้ได้ลองรอสัก 1 นาทีแล้วเข้าใหม่นะคับ หลังบ้านเราเริ่มใช้เป็น cloud run คับๆ

4/18 แก้ไขเป็น

... อ่านเพิ่มเติมการใช้ Pluton webapp เพื่อสร้างภาพ AI เป็นประสบการณ์ที่สนุกและสะดวกมาก ๆ ค่ะ เราสามารถปรับแต่ง prompt ได้อย่างละเอียดเพื่อให้ได้ภาพที่ตรงใจมากที่สุด รวมถึงเลือกมุมกล้องที่เหมาะสมกับคอนเซปต์งาน ซึ่งเป็นฟีเจอร์ที่หาได้ยากในแอพฟรีทั่วไป สำหรับคนที่กังวลเรื่องค่าใช้จ่าย Pluton ใช้ระบบฟรีโดยคุณแค่จ่ายค่า API key กับโมเดลที่ใช้จริง เช่น nanobanana 2 (pro) ผ่านระบบ aistudio ซึ่งช่วยประหยัดงบไปได้เยอะ นอกจากนี้ ยังสามารถทดลองใช้ Flux-Schnell และ Flux-Dev Pro ในโควต้าฟรี (Free Tier) ได้ด้วย ตัวช่วยสำคัญคือการสมัคร API key จาก huggingface.co ที่เป็นศูนย์กลางแห่งโมเดล AI อีกสิ่งที่ทำให้รู้สึกประทับใจคือระบบเก็บบันทึก prompt ที่เราเคยสร้างไว้ ทำให้ไม่ต้องเริ่มใหม่ทุกครั้ง ใครที่ชอบสร้างสไตล์งานศิลป์เฉพาะตัวก็สามารถทำได้ในแอพเลย รวมถึงสามารถเพิ่มโมเดลที่ต้องการใช้เอง เพิ่มความยืดหยุ่นและน่าตื่นเต้นมากขึ้น ด้วยการพัฒนาโดยใช้ Gemini CLI และ Claude code ผู้พัฒนาถ่ายทอดประสบการณ์การใช้งานที่เป็นกันเองและจริงใจ ช่วยให้แอพตอบโจทย์คนทำงานศิลปะและนักพัฒนา AI ที่อยากทดลองสร้างภาพด้วยตนเองได้อย่างดี หากใครสนใจ ลองสมัครและรอระบบ cloud run ที่ทำให้แอพทำงานได้รวดเร็วและเสถียร ใครที่มีฟีดแบ็คหรือแนวคิดเพิ่มเติมก็สามารถแจ้งผู้พัฒนาได้ ช่วยพัฒนาให้แอพใช้ดีขึ้นเรื่อย ๆ เป็นทางเลือกที่ดีสำหรับคนที่ต้องการสร้างงานภาพด้วย AI แบบไม่ต้องจ่ายแพงค่ะ

ค้นหา ·
วิธีสร้าง web app สำหรับมือใหม่

โพสต์ที่เกี่ยวข้อง

ภาพแสดงการสร้าง Web App ด้วย Google App Script โดยใช้ Google Sheets เป็นฐานข้อมูลแบบเรียลไทม์ ไม่ต้องมีพื้นฐานโค้ดดิ้ง มีตัวอย่าง Dashboard ที่สวยงาม ทันสมัย และขั้นตอนการออกแบบ UI, เขียน Logic, เชื่อมต่อข้อมูล รองรับทุกอุปกรณ์ ใช้งานง่าย ปลอดภัยบน Google Cloud.
🔥 อยากมี Web App ใช้เอง…แต่ไม่อยากเขียนโค้ดยาก? ใช้ของฟรีจาก Google ก็พอ! 🤯💻
📌 วันนี้พามาสร้าง Web App ด้วย Google Apps Script เชื่อมฐานข้อมูลกับ Google Sheets แบบง่าย ๆ 🎯 โพสต์นี้จะช่วยให้คุณ สร้างระบบใช้งานจริงได้ฟรี มีฐานข้อมูลเก็บข้อมูลลูกค้า / ฟอร์ม เหมาะกับสาย No-Code / Low-Code 💡 Detail / Insight Google Apps Script คือ JavaScript บน Cloud ที่เอามาทำ Web App
CreatifyX

CreatifyX

ถูกใจ 168 ครั้ง

สร้างกลุ่มบนแอพ Tokyo Disneyland 🩵✨
วิธีแอดตั๋วและสร้างกลุ่มกับเพื่อนบนแอพ Tokyo Disney Resort 🩵✨ เพื่อให้สามารถช่วยกันกด Pass บนแอพตอนเข้าปาร์คได้ วิธีคือ สร้างกลุ่มและแชร์ลิ้ง URL ให้เพื่อน หรือกรอก ID จาก URL ที่เพื่อนส่งให้ (ในกรณีที่ join ผ่าน URL ไม่ได้) #tokyodisneysea #tokyodisneyresort #disneyland #disney
ดิสหนี้อิสคอลลิ่ง ✨

ดิสหนี้อิสคอลลิ่ง ✨

ถูกใจ 82 ครั้ง

ภาพหน้าจอคอมพิวเตอร์แสดง Anthropic Academy พร้อมคอร์สเรียนฟรี Claude AI เช่น Claude 101 และ AI Fluency รวมถึงใบประกาศนียบัตร มีตุ๊กตาหมีอยู่ด้านหน้า พร้อมข้อความเชิญชวนให้เรียนเพื่อพัฒนาทักษะ AI
ภาพสรุปคอร์สยอดนิยมของ Anthropic Academy ได้แก่ Claude 101, AI Fluency, Building with the Claude API, Claude Code in Action และ Introduction to MCP พร้อมรายละเอียดว่าแต่ละคอร์สเหมาะกับใครและได้ใบรับรองหรือไม่
ภาพหน้าจอการลงทะเบียน (Sign Up) ของ Anthropic สำหรับกรอกข้อมูลส่วนตัว เช่น ชื่อ นามสกุล อีเมล และตั้งรหัสผ่าน เพื่อเข้าใช้งานแพลตฟอร์ม
🎓 แจกพิกัด! คอร์สเรียนใช้ AI ฟรีจากผู้สร้าง Claude ได้ใบเซอร์
เรื่องของเรื่องคือ มีน้องคนนึงถามว่าพี่เปิดสอนไหมเรื่อง AI 😆 ก็ไม่ได้เปิดสอนนะคะ …. น้องอยากรู้เรื่อง Claude และมีเพื่อนที่ชอบเรียนมาก ดังนั้น มาค่ะ เรามาชี้เป้าเรียนฟรีได้ใบเซอร์กัน ช่วงนี้หลายคนน่าจะเริ่มเห็นคอร์สสอนใช้ AI จากทาง Anthropic (บริษัทผู้พัฒนา Claude) ผ่านตากันมาบ้าง จริงๆ แล้วต
Sugarcane

Sugarcane

ถูกใจ 28 ครั้ง

หน้าเข้าสู่ระบบ Visit Japan Web สำหรับกรอกข้อมูลตรวจคนเข้าเมืองและศุลกากรออนไลน์ โดยมีช่องสำหรับกรอกอีเมลและรหัสผ่าน พร้อมภาพประกอบซูชิและดอกซากุระ
หน้าลงทะเบียนผู้ใช้ Visit Japan Web แสดงสถานะการลงทะเบียนข้อมูลส่วนตัวและสมาชิกในครอบครัว พร้อมปุ่มสำหรับลงทะเบียนแผนการเดินทางใหม่
หน้ากรอกข้อมูลส่วนตัวใน Visit Japan Web แสดงคำถามเกี่ยวกับการถือหนังสือเดินทางญี่ปุ่น การพำนักในญี่ปุ่น และการใช้ QR Code สำหรับการซื้อของปลอดภาษี
วีธีกรอกแบบฟอร์มตม. ออนไลน์ของญี่ปุ่น 🇯🇵
📃 ไปญี่ปุ่นแนะนำกรอกแบบฟอร์มตรวจคนเข้าเมืองกับรายละเอียดการเคลียร์ศุลกากรออนไลน์ผ่าน https://www.vjw.digital.go.jp/main/#/vjwplo001 (ไม่มี mobile application) เค้าไม่ได้บังคับ จะไปกรอกเป็นกระดาษก็ได้ แต่กรอกออนไลน์สะดวกดี กรอกครบแล้วจะได้ QR code มา ใช้ได้ทั้งตอนผ่านตม. กับเคลียร์ศุลกากร 👍 ป.
เที่ยวกับทับทิม

เที่ยวกับทับทิม

ถูกใจ 12 ครั้ง

ภาพหน้าปกแสดงหัวข้อ 'เทียบ 5 ตัวดัง AI สร้างเว็บ/แอป แค่พิมพ์สั่ง.. ก็สร้างแอปสวยๆ ใน 10 นาที' พร้อมโลโก้ Lemon8 และ modty.ai
ข้อมูลเกี่ยวกับ Base44 AI App Builder แบบครบวงจร ที่สร้างแอป full-stack ได้จริง เหมาะสำหรับทีมเล็ก/Startup พร้อมภาพตัวอย่างหน้าจอ SubTracker My Subscriptions
ข้อมูลเกี่ยวกับ Emergent SH AI App Builder ที่สร้างแอป full-stack ได้จริง มี Multi-Agent ช่วยเขียนโค้ดและ deploy เหมาะสำหรับทีมเล็ก/Startup ที่ต้องการทำแอปเร็ว
เทียบ5ตัวดัง สร้างเว็บ/แอปได้ง่ายๆแค่พิมพ์สั่ง
Vibe coding is trending! ปี 2025 นี้ การทำเว็บหรือแอปไม่ต้องนั่งเขียนโค้ดเองอีกต่อไปแล้ว 💻✨ AI ตัวช่วยสาย productivity มาแรง แค่พิมพ์สั่ง ก็ได้เว็บหรือแอปจริงใช้งานได้ #vibecoding #nocode #webapp #aiเขียนโค้ด #สร้างเว็บไซต์
modty

modty

ถูกใจ 44 ครั้ง

ภาพหน้าปกแสดงชื่อเรื่อง "The Graduate Student's Digital Toolbox" และ "ตัวช่วยสร้างระบบการเรียน ป.โท" พร้อมไอคอน 7 แอปพลิเคชัน ได้แก่ Google Calendar, Notion, Zotero, Canva, Google Drive, GoodNotes และ Google Docs โดยมีข้อความว่า "No Cost, No Worries & Simple to Use!".
ภาพอธิบาย Google Calendar เป็น "ตัวช่วยจัดระเบียบชีวิต" แสดงคุณสมบัติการสร้างอีเวนต์, การแจ้งเตือน, มุมมองหลากหลาย, การนั��ดหมายแบบกลุ่ม, การเชื่อมต่อกับ Gmail/Google Meet และการแชร์ปฏิทิน พร้อมภาพหน้าจอแอปบนมือถือและคอมพิวเตอร์.
ภาพอธิบาย Notion เป็น "สมองที่สอง จัดระเบียบความคิด" แสดงคุณสมบัติการสร้างฐานข้อมูล, การจัดการโปรเจกต์, การสร้างหน้าเชื่อมโยง และการทำงานร่วมกับทีม พร้อมภาพหน้าจอแอปที่แสดงการจัดการงานวิจัย.
ตัวช่วยสร้างระบบการเรียน ป.โท
เรียน ป.โท พร้อมกับภาระหน้าที่มากมาย... ไม่ง่าย แต่ก็ไม่ยาก ถ้ามีตัวช่วยที่ดี! แชร์ 7 แอปที่ใช้จริงจัง ช่วยจัดระเบียบชีวิตได้ค่ะ ✅ Google Calendar ช่วยจัดระเบียบชีวิต ✅ Notion ช่วยจัดระเบียบความคิด ✅ Zotero ช่วยจัดระเบียบแหล่งข้อมูลอ้างอิง ✅ Canva ช่วยนำเสนองาน ✅ Google Docs คลังเก็บเอกสา
เหม่งศรี

เหม่งศรี

ถูกใจ 1329 ครั้ง

ภาพหน้าจอแอปพลิเคชัน 'ใกล้ใจวัยเก๋า' แสดงการค้นหาสถานที่ใกล้เคียง เช่น ร้านข้าวต้มคุณยาย พร้อมข้อมูลระยะทางและเวลาทำการ มีข้อความว่า 'สร้าง App ง่ายๆ ด้วย Claude' กำกับอยู่
ภาพหน้าจอ Claude AI แสดงเมนูด้านซ้าย โดยมีลูกศรชี้ไปที่ 'Artifacts' พร้อมข้อความ 'เลือกตรงนี้' เพื่อเริ่มต้นสร้างโปรเจกต์ใหม่
ภาพหน้าจอ Claude AI แสดงปุ่ม '+ New artifact' พร้อมลูกศรชี้และข้อความ 'เลือก' เพื่อสร้าง Artifact ใหม่ในระบบ
สร้าง App ง่ายๆด้วย Claude AI
แอป ใกล้ใจวัยเก๋า 💜 โปรเจกต์ที่สร้างด้วย Claude แบบสายไอเดียล้ำ ๆ เอาใจผู้สูงวัยแต่ดีไซน์ไม่แก่ 😄 คอนเซปต์คือ “หาได้ไว ใช้ง่าย ไม่ปวดตา” ตัวอักษรใหญ่ ปุ่มชัด ค้นหาร้านยา โรงพยาบาล ร้านอาหารใกล้บ้านได้ในไม่กี่คลิก มีบอกระยะทาง เวลาเปิด–ปิด และกดเซฟรายการโปรดได้เลย พูดง่าย ๆ คือเป็นแอปที่ทำให้ช
KANYA 🧸

KANYA 🧸

ถูกใจ 199 ครั้ง

50 สิ่งเกี่ยวกับ webflow ✨No-Code Website Builder
ช่วงหลายปีที่ผ่านมา การสร้างเว็บไซต์เคยเป็นเรื่องของ “Developer” เป็นหลัก ถ้าอยากได้เว็บสวยๆ ต้องเขียน code ต้องเข้าใจ HTML, CSS, JavaScript ต้องวาง server ต้อง debug ต้องแก้ responsive ต้องคุยระหว่าง designer กับ programmer ไปมาไม่รู้กี่รอบ และนี่คือเหตุผลที่เว็บจำนวนมาก กว่าจะขึ้นจร
NerdDailyDose

NerdDailyDose

ถูกใจ 11 ครั้ง

ภาพปกแสดงเด็กผู้หญิงในชุดนักเรียนยืนอยู่ตรงกลาง มีข้อความว่า "สร้างแอปแบบ No Code ทำได้จริง?" พร้อมไอคอนแนวคิด, No Code และแอปบนมือถือ
ภาพเด็กผู้หญิงในชุดนักเรียนยืนอยู่ตรงกลาง มีไอคอน No Code และแอปบนมือถือ พร้อมข้อความอธิบายว่า No Code คือแนวคิดการพัฒนาซอฟต์แวร์โดยไม่ต้องมีพื้นฐานโค้ด
ภาพเด็กผู้หญิงในชุดนักเรียนชูแขนขึ้น มีไอคอนมือถือและจรวดพุ่งขึ้น แสดงถึงความรวดเร็ว พร้อมข้อความว่า "เร็วปรี๊ด! สร้างและเปิดใช้แอปได้ภายในไม่กี่วัน"
สร้างแอปแบบไม่ต้องโค้ด?
สร้างแอปแบบ No Code" ทำได้จริง! ใครว่าคนธรรมดาทำแอปไม่ได้? นี่คือทางลัดสู่การเป็น Developer โดยไม่ต้องเขียนโค้ด! และตอนนี้ก็มีเครื่องมือเด็ด ๆ มากมายที่ช่วยให้คุณสร้างแอปได้ง่ายสุด ๆ โดย ไม่ต้องแตะโค้ด เลย No Code คืออะไร? (ทำความรู้จักกัน!) No Code คือแนวคิดการพัฒนาซอฟต์แวร์สุดล้ำ ที่เปิดโอ
TechTalk by Taa

TechTalk by Taa

ถูกใจ 104 ครั้ง

ภาพสรุปการลอง Vibe coding ด้วย Google Antigravity 101 แสดงหน้าจอ IDE ที่มีโค้ด Python และ AI Agent พร้อมข้อความว่าเมื่อพอใจแผนแล้วให้กด Proceed เพื่อรีวิวโค้ดที่ AI เขียน และภาพหน้าตาเว็บแอปพลิเคชัน 'My Tasks' ที่ได้จากการสร้างโดย AI โดยมีผู้บรรยายกำลังนำเสนอ
ปรับพื้นฐานการเขียน code ด้วย AI Agentด้วย Google Antigravity
Vibe Coding 101 ปรับพื้นฐานการเขียน code ด้วย AI Agent ด้วย Google Antigravity . สรุปจาก session “Getting Started with Google Antigravity” โดยคุณ Jirayut Nimsaeng ที่งาน ChaiyoGCP Season 6 Kickoff Event เมื่อวันที่ 22 มีนาคมที่ผ่านมา นี่เพิ่งจะได้ดูย้อนหลังเอง แหะ ๆ . 🧑‍🚀 Google Antigravity
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 1 ครั้ง

ภาพอินโฟกราฟิกอธิบายโครงสร้างหลักของ Web App 101 แบ่งเป็น 3 ส่วน: Frontend (ส่วนติดต่อผู้ใช้), Backend (ตรรกะและการทำงาน) และ Database (จัดเก็บข้อมูล) พร้อมตัวอย่างภาษาและเทคโนโลยีที่ใช้ในแต่ละส่วน เช่น HTML, CSS, JavaScript, Node.js, MySQL และ MongoDB เพื่อให้เข้าใจการสร้าง Web App ได้ง่ายขึ้น
🔥 อยากสร้าง Web App แต่ยังงงว่า “มันมีอะไรบ้าง?” 🤯💻
สรุปให้เข้าใจใน 1 โพสต์! 📌 Web App ทุกตัว (ไม่ว่าจะ Facebook, ระบบจอง หรือเว็บขายของ) มีโครงสร้างหลักอยู่แค่ 3 ส่วนเท่านั้น 🎯 โพสต์นี้จะช่วยให้คุณ เข้าใจภาพรวม Web App แบบชัด ๆ รู้ว่าแต่ละส่วนทำหน้าที่อะไร พร้อมต่อยอดไปเรียน Dev / ทำโปรเจกต์เองได้ 💡 โครงสร้าง Web App = 3 ส่วนหลัก 👇 1. F
CreatifyX

CreatifyX

ถูกใจ 12 ครั้ง

ภาพหน้าจอแสดงหัวข้อ 'เก็บทุกหน้าเว็บไว้อ่านเอง ด้วย web clipper' พร้อมโลโก้ Notion และหน้าจอคอมพิวเตอร์ที่แสดงรายการบทความที่ถูกบันทึกไว้ใน Notion Web Clipper
ภาพหน้าจอแสดงวิธีการติดตั้ง Notion Web Clipper บนคอมพิวเตอร์ โดยเป็นหน้า Chrome Web Store ที่แสดงส่วนขยาย Notion Web Clipper พร้อมปุ่ม 'Remove from Chrome' และตัวอย่างการใช้งาน
ภาพหน้าจอแสดงขั้นตอนการใช้งาน Notion Web Clipper บนคอมพิวเตอร์ ตั้งแต่การกดส่วนขยายเพื่อบันทึกหน้าเว็บ ไปจนถึงการเปิดบทความที่บันทึกไว้ใน Notion
เก็บหน้าเว็บไว้อ่านทีหลัง ด้วย Notion Web Clipper
เคยไหม? ที่เราเจอบทความที่น่าสนใจ แต่ยังไม่มีเวลาอ่าน แล้วบางทีก็ลืมไปแล้วด้วย จะดีกว่านี้ไหมถ้าใช้ Notion Web Clipper ดูเพื่อเก็บหน้าเว็บเข้า Notion ได้ในไม่กี่วินาที! ⭐ Notion Web Clipper คืออะไร? เป็นเครื่องมือที่ช่วยให้เราสามารถบันทึก (Save) หน้าเว็บไซต์ บทความ หรือเนื้อหาต่างๆ ที่เราเจอ
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 26 ครั้ง

ภาพแสดงหน้าจอ Chrome DevTools กำลังตรวจสอบ WebView ของแอปพลิเคชัน Android ที่แสดงหน้าเว็บ 'RECAP 2025' โดยมีส่วนของ Elements tab ที่แสดงโค้ด HTML/CSS และมีข้อความหัวข้อว่า 'Inspect เว็บใน WebView ง่าย ๆ เพียง 4 ขั้นตอน'
เราจะ inspect WebView บนแอพ Android ได้ยังไง?
บอกเลยง่ายมาก เซฟโพสนี้ไว้เลย . เมื่อ QA เปิด bug ticket เกี่ยวกับ WebView มา เมื่อเราดูแล้วว่าน่าจะมาจาก WebView แน่ ๆ เราก็เลยอยากจะ inspect web บน WebView แต่มันกด F12 ไม่ได้อ่ะเนอะ แล้วเราจะใช้ Developer Tools บน WebView ในแอพ Android ยังไงดีล่ะ? . พอดีไปเจอ document นึงของ chrome for
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 11 ครั้ง

ปิดจบ 2 Mode Dual & AI พร้อมขั้นตอนการเชื่อม Medicube Application
ปิดจบ Medicube X2 Series ด้วย 2 โหมดสุดท้าย Dual และ AI Mode พร้อมวิธีโหลดแอปมาเพื่อใช้ 2 โหมดนี้โดยเฉพาะ ใครซื้อรุ่นนี้มาแล้วไม่โหลดแอปคือพลาดสิ่งที่เริ่ดไปค่ะ ลองโหลดกันน้า ทำตามคลิปไม่ยากเลยค่ะ อย่าลืมฌโหลดเสร็จแล้วเปลี่ยนเครื่ิองกลับมาเป็น ประเทศไทย ด้วยน้าา Dual Mode ที่จับคู่แล้วเวิร์ค
Mom Deliciouss

Mom Deliciouss

ถูกใจ 29 ครั้ง

ภาพปกแสดง Roadmap สู่การเป็น AI Web Creator พร้อมข้อความ "เส้นทางทีละขั้นจากไอเดีย -> เว็บจริง" บนพื้นหลังคนกำลังใช้แล็ปท็อป
ขั้นตอนที่ 1 อธิบายพื้นฐานเว็บ 3 ส่วนสำคัญ (Frontend, Backend, Database) พร้อมแหล่งเรียนรู้ freeCodeCamp.org และ Kong Ruksiam Official และข้อเท็จจริงเกี่ยวกับ Vibe Coding
ขั้นตอนที่ 2 แนะนำการใช้ AI (ChatGPT, Gemini, Claude) เพื่ออธิบายไอเดียเป็นโค้ด โดยเน้นเทคนิคการเขียน Prompt ให้ละเอียดและครบถ้วน พร้อมสถิติการลดเวลาทำงาน
ใช้ AI เขียนโค้ดสู่การเป็น AI Web Creator
แนวทางของเราเองที่ไม่ต้องเขียนโค้ดเป็นก็ทำเว็บหรือแอปได้เพียงแค่รู้จักใช้ AI + No-Code ให้ถูกทาง หรือจะเรียกว่า Vibe Coding ก็ได้ซึ่งทำให้เรามองเห็นไอเดีย Prototype ง่ายมากขึ้นมากก ในโพสต์นี้เรารวม Roadmap Step-by-Step ที่เราเรียนรู้เองตั้งแต่พื้นฐานไปจนถึงเชื่อมฐานข้อมูลและ Deploy ใครสนใ
modty

modty

ถูกใจ 12 ครั้ง

Web app สร้างสติ๊กเกอร์ไลน์
Web app สร้างสติ๊กเกอร์ไลน์ #ทำสติ๊กเกอร์ไลน์ #ไลน์สติ๊กเกอร์ #สติกเกอร์ไลน์แบบเติมข้อความ #stickerline #สติกเกอร์ไลน์
AI Dev Hub

AI Dev Hub

ถูกใจ 609 ครั้ง

ติดตั้ง Claude Code แล้ว — สร้างอะไรก่อนดี? 🚀
หลายคนติดตั้ง Claude Code แล้ว แต่ไม่รู้จะเริ่มสร้างอะไรดี 😅 ตัวเองก็เคยเป็นแบบนั้นเลย 3 อย่างที่ควรสร้างก่อนเลย👇 💼 อันดับ 1: Portfolio Website ส่วนตัว สิ่งแรกที่ทุกคนควรมี แสดงให้คนอื่นเห็นว่าคุณทำอะไรได้บ้าง ใช้หางาน หาลูกค้า หรือสร้างความน่าเชื่อถือ Claude Code สร้างให้ได้ใน 30 นาที
Learn_ai_with_me

Learn_ai_with_me

ถูกใจ 20 ครั้ง

ภาพหน้าปกแสดงการสร้าง biolink website โดยไม่ต้องเขียนโค้ด ใช้ Github Codespaces, Copilot, Pages ผ่านเว็บเบราว์เซอร์ฟรี พร้อมตัวอย่างเว็บ ButterBear บนเดสก์ท็อปและมือถือ
ภาพแสดงขั้นตอนการมีบัญชี GitHub โดยมีหน้าเว็บไซต์ GitHub สำหรับสมัครสมาชิกและหน้าโปรไฟล์ GitHub ที่แสดงข้อมูลผู้ใช้และโปรเจกต์
ภาพแสดงขั้นตอนการสร้าง repository ใหม่บน GitHub โดยเริ่มจากหน้าโปรไฟล์และกรอกรายละเอียด repository เช่น ชื่อ คำอธิบาย และการตั้งค่าต่างๆ ก่อนกดสร้าง
ทำ biolink website เอง โดยไม่ต้องเขียนโค้ดเป็น!
ใช้ Github Codespaces + Github Copilot + Github Pages ไม่ต้องลงโปรแกรมเพิ่ม เปิดผ่าน web browser ได้เลย ขึ้นเว็บฟรี มันดีตรงนี้! . เมื่อสองสามปีก่อนเราเคยทำ workshop เล็ก ๆ ในการทำ biolink website ตอนนั้นใช้ Glitch แล้วมันง่ายมาก แต่ตอนนี้มันไม่อยู่แล้ว พอมาเรียน “Building applications with
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 21 ครั้ง

สร้าง AI Agent ไม่ต้องเขียนโค้ดก็ทำได้ที่ Google Workspace S
สร้าง AI Agent ไม่ต้องเขียนโค้ดก็ทำได้ที่ Google Workspace Studio #GoogleWorkspace #peesamac #n8n #GoogleWorkspaceStudio #มนุษย์ออฟฟิศ
Peesamac

Peesamac

ถูกใจ 62 ครั้ง

ภาพแสดงการสร้าง Web App ด้วย Canva AI Code และ Canva Sheet โดยไม่ต้องเขียนโค้ด พร้อมหุ่นยนต์ Canva และขั้นตอนการออกแบบ UI, สร้างแอป, และเชื่อมต่อฐานข้อมูลเพื่อสร้าง Dashboard ที่ใช้งานได้จริง
🔥 ไม่ต้องเขียนโค้ดก็มี Web App ได้! แค่ใช้ Canva ก็พอ 🤯💻
📌 ฟีเจอร์ใหม่จาก Canva ที่ให้คุณใช้ Canva AI Code + Canva Sheet สร้าง Web App พร้อมฐานข้อมูลได้ในที่เดียว 🎯 โพสต์นี้จะช่วยให้คุณ สร้าง Web App ได้แบบ No-Code มีฐานข้อมูลใช้งานจริง เอาไปต่อยอดทำระบบ / โปรเจกต์ / ขายได้ 💡 Detail / Insight Canva ตอนนี้ไม่ได้แค่ “ออกแบบ” แล้วนะ 👇 🧠 AI Code:
CreatifyX

CreatifyX

ถูกใจ 0 ครั้ง

E-Book สร้าง Web App ฉบับเริ่มต้น
E-Book สร้าง Web App ฉบับเริ่มต้น Update เนื้อหาเพิ่มเติมสำหรับ E-Book สร้าง Web App ฉบับเริ่มต้น Version 2 รายละเอียดที่เพิ่มเติมมีดังนี้ครับ - ระบบ CRUD - ระบบ Register - ระบบ Login - ปรับปรุงหน้าเว็บใหม่ - ปรับปรุงเนื้อหาใน E-Book ใหม่ #ebook #เขียนโปรแกรม #webapp
AI Dev Hub

AI Dev Hub

ถูกใจ 5 ครั้ง

ภาพรวม Google AI Studio บนเดสก์ท็อปและแอป Utility Calculator บนมือถือ แสดงการสร้างเว็บง่ายๆ ด้วย AI พร้อมโค้ดและหน้าจอแอปที่ใช้งานได้จริง
หน้าจอ Google AI Studio แสดงการป้อน Prompt เพื่อสั่ง AI สร้างเว็บ พร้อมการตั้งค่า Model (Gemini 2.5 Pro) และ Template (React/Angular) ก่อนกด Build
หน้าจอ Google AI Studio แสดงการแก้ไขชื่อโปรเจกต์และรายละเอียดของแอปเครื่องคิดเลขอรรถประโยชน์ รวมถึงการดูและแก้ไขโค้ดที่ AI สร้างขึ้น
ใคร ๆ ก็ Vibe Coding ได้!
เสกเว็บง่าย ๆ ด้วย Google AI Studio พร้อมขึ้นเว็บได้แบบฟรี ๆ บอกเลยใคร ๆ ก็ Vibe Coding ได้! . ใคร ๆ ก็บอกว่า AI อัพเดตกันทุกวัน ก่อนหน้านี้เราใช้ Google AI Studio เพื่อลอง generate รูป และ video ใช่ไหม เราไม่ได้เข้ามาหลายเดือน มีอัพเดตเยอะมาก แล้วพี่ในทีมมี knowledge sharing สอนใช้ Google AI
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 24 ครั้ง

🤖 ช่วงนี้ใครกำลังลองใช้ Claude Code อยู่บ้าง?
🤖 ช่วงนี้ใครกำลังลองใช้ Claude Code อยู่บ้าง? หลายคนคิดว่าการใช้ AI ยากเพราะต้องเขียนโค้ด แต่จริง ๆ แล้ว... สิ่งที่ทำให้คนส่วนใหญ่เริ่มไม่ถูกกลับเป็น "ศัพท์เทคนิค" มากกว่า 😅 📁 Repo คืออะไร?🌿 Git ต่างจาก GitHub ยังไง?⌨️ Terminal ใช้ทำอะไร?🔗 API คืออะไร?🔌 MCP ทำงานยังไง? บางคำเห็
MGT™ SBS

MGT™ SBS

ถูกใจ 49 ครั้ง

Web App ที่ใช้กันในทีม 🤣
#network #networkengineer #coding #developer #fyp
Pluem Suthiwat

Pluem Suthiwat

ถูกใจ 1 ครั้ง

🔥 อยากทำ Web App แต่ไม่รู้ “Frontend” คืออะไร? เริ่มตรงนี้จบในโพสต์เดียว!
💡 EP.2 ของ Web App 101 เราจะพาเข้าใจ “Frontend” แบบง่าย ๆ ว่าคืออะไร และต้องใช้เครื่องมืออะไรบ้าง 🎯 เข้าใจโครงสร้าง Web App มากขึ้น รู้ว่า Frontend ต้องเรียนอะไร เลือกเครื่องมือเริ่มต้นได้ทันที 🧠 Frontend = “หน้าตา + การโต้ตอบ” ของเว็บไซต์ คือสิ่งที่ผู้ใช้เห็นและใช้งานจริง เช่น ปุ่มกด ฟอ
CreatifyX

CreatifyX

ถูกใจ 4 ครั้ง

ภาพแสดงรายชื่อ 9 เว็บไซต์ AI ที่ช่วยสร้างเว็บไซต์อัตโนมัติใน 10 นาที พร้อมไอคอนหน้ายิ้มและหลอดไฟ รายชื่อประกอบด้วย Wix, Weblium, Hostinger, Webador, Landingsite.ai, TeleportHQ, CodeDesign.ai, Hocoos และ Readdy.ai
10 เว็บ AI ที่ช่วยสร้างเว็บไซต์อัตโนมัติใน 10 นาที
รวมเว็บ AI ที่ช่วยสร้างเว็บไซต์อัตโนมัติภายใน 10 นาที --- 🧠 1. Wix AI Website Builder หนึ่งในเครื่องมือยอดนิยมระดับโลก เพียงพิมพ์คำอธิบายธุรกิจของคุณ เช่น “ร้านกาแฟเล็ก ๆ ในเชียงใหม่” AI ของ Wix จะออกแบบเว็บไซต์ทั้งหน้าให้เสร็จในไม่กี่นาที ทั้งโครงสร้าง สีสัน ฟอนต์ และเนื้อหาเบื้องต้น เหมา
นายช่างขอแชร์

นายช่างขอแชร์

ถูกใจ 24 ครั้ง

ภาพโปรโมทคอร์สเรียนฟรี 'พัฒนาแอพพลิเคชั่น LLM ด้วย Python & Langchain' โดยมีผู้หญิงสวมแว่นชี้ขึ้น พร้อมข้อความ 'เรียนฟรี ! สร้างโมเดล LLM ด้วย Python' และคำถาม 'คล้ายๆ ChatGPT ?' บนพื้นหลังสีดำ
เรียนฟรี ! สร้างโมเดล LLM ด้วย Python
LLM ย่อมาจาก Large Language Model หรือโมเดลภาษาขนาดใหญ่ คือระบบ AI ที่ได้รับการฝึกฝนด้วยข้อมูลข้อความมหาศาลจากทั่วโลกไม่ว่าจะเป็นหนังสือ บทความ เว็บไซต์ งานวิจัยและเอกสารต่างๆ โดย "LLM เป็นประเภทหนึ่งของ Generative AI" เช่น ChatGPT, Gemini คอร์สนี้เป็นของช่อง “KongRukSiam” ช่องที่เตยเริ่
Baitoey

Baitoey

ถูกใจ 16 ครั้ง

ภาพแสดงหน้าจอ Google Illuminate ที่สร้างพอดแคสต์จากแหล่งข้อมูล โดยมีสคริปต์การสนทนาเกี่ยวกับการเขียนโค้ดด้วย AI และปุ่มควบคุมการเล่นพอดแคสต์ พร้อมคำถามว่าต่างจาก NotebookLM หรือไม่
ภาพแสดงขั้นตอนการสร้างพอดแคสต์ใน Google Illuminate เริ่มจากการสำรวจ ใส่ URL หรือหัวข้อที่ต้องการ และเลือกโทนเสียงการสนทนา เช่น Casual, Formal, Guided หรือ Free Form พร้อมระบุผู้พูด
ภาพแสดงหน้า My Library ของ Google Illuminate ที่มีพอดแคสต์ฉบับร่างพร้อมปุ่มบันทึก และหน้าจอขณะเล่นพอดแคสต์ที่มีสคริปต์ปรากฏขึ้น พร้อมฟังก์ชัน Q&A ที่ให้ผู้ใช้สามารถถามคำถามเกี่ยวกับเนื้อหาได้
AI สร้าง podcast ย่อยเรื่องยากให้เข้าใจง่าย!
เห็นหลาย ๆ คนเห็นตัว Illuminate ของบ้าน Google ออกมา ซึ่งมันทำ podcast ได้อย่างเดียว คนเลยสงสัยว่ามันเหมือนหรือต่างจาก NotebookLM ยังไง? โพสนี้มีคำตอบ เพราะเราลองให้แล้ววววว . ตัว Illuminate เท่าที่หาใน Google เหมือนจะประกาศในปี 2024 ว่าเป็นการสรุป content ยาว ๆ ที่เข้าใจยาก ออกมาเป็น podcast ให้
มินซอ แอนดรอยด์เดฟ

มินซอ แอนดรอยด์เดฟ

ถูกใจ 5 ครั้ง

ภาพแสดงการสร้าง Web App ด้วย Google Sheets เป็น Database โดยใช้ Google Apps Script และ AI ช่วยเขียนโค้ดทั้ง Frontend (index.html) และ Backend (Code.gs) อธิบายโครงสร้างระบบ, Flow การทำงาน, และตัวอย่างฟอร์มสมัครสมาชิกที่บันทึกข้อมูลลง Google Sheets ได้จริง
🔥 แค่มี Prompt → ได้ Code → เว็บใช้งานจริง + เก็บข้อมูลลง Google Sheets ได้เลย! 🔥
💡 EP.9 ของ Web App 101 เราจะพาเชื่อม Google Sheets เป็น Database พร้อมเขียน Script ใน Google Apps Script โดยใช้โค้ดที่ได้จาก AI (Code.gs + index.html) 🎯 สร้าง Web App ได้ไวแบบไม่ต้องเริ่มจาก 0 ใช้ AI ช่วยเขียนทั้ง Frontend + Backend พร้อมต่อยอดทำโปรเจกต์หรือขายได้จริง 🧠 โครงสร้างระบบ 🧩 📊 G
CreatifyX

CreatifyX

ถูกใจ 9 ครั้ง

สร้างวิดีโอ AI พลังสูง! เสกตัวละครให้ขยับได้ง่ายๆ
"มือใหม่ต้องดู! เสก AI สร้างวิดีโอพลังสูง 🥕⚡️ ทำง่ายมากในมือถือ!"ใครทำคอนเทนต์ขายของแล้วตันบ้าง? 🙋‍♀️ วันนี้พี่เปิ้ลพามาดูวิธี "สร้างวิดีโอ AI" ที่จะเปลี่ยนภาพนิ่งธรรมดา ให้กลายเป็นวิดีโอสุดอลังการแบบนี้ค่ะ! ​📌 ทำไมต้องใช้ AI ช่วยทำวิดีโอ? ​ประหยัดเวลา: ไม่ต้องปั้นโมเดล 3D ไม่ต้อง
ppleonline

ppleonline

ถูกใจ 479 ครั้ง

ภาพแล็ปท็อปแสดงหน้าจอแอปพลิเคชันจัดการสต็อกสินค้ากาแฟที่สร้างด้วย Canva AI พร้อมข้อความแจ้งเตือนสินค้าใกล้หมด และคำถามเกี่ยวกับ prompt ที่ใช้สร้างแอปนี้
ภาพหน้าจอแอปพลิเคชันจัดการสต็อกสินค้ากาแฟ แสดงภาพรวมสินค้าคงคลังพร้อมการแจ้งเตือนสินค้าเหลือน้อย และรายการสินค้าพร้อมรายละเอียดปริมาณแล�ะวันหมดอายุ
ภาพหน้าจอแอปพลิเคชันแสดงส่วนการจัดการการเคลื่อนไหวของสต็อก (รับเข้า, ใช้, ปรับปรุง, โอนย้าย) และส่วนการจัดการสูตรกาแฟพร้อมตัวเลือกในการเพิ่มสูตรใหม่และส่วนผสม
ไอดียสร้าง web app จัดการ stock สินค้าร้านกาแฟ ใช้ canva ai 👍 #canvaai
DearSharing

DearSharing

ถูกใจ 2 ครั้ง

ดูเพิ่มเติม