วิธีใช้ Google AI Studio: Playground, Build Mode และ Vibe Coding กับ Gemini

การใช้ Google AI Studio ให้ลงชื่อเข้าใช้ที่ aistudio.google.com ด้วยบัญชี Google ทดสอบพรอมต์กับโมเดล Gemini ใน Playground และคลิก Get API key เมื่อคุณต้องการเรียก Gemini จากโค้ดของตัวเอง หากต้องการทำ vibe coding แอพ ให้เปิด Build mode อธิบายแอพในพรอมต์ แล้ว Gemini จะสร้างแอพพร้อมพรีวิวสดให้ คุณปรับแก้ได้ด้วยการแชต จากนั้นนำไปเผยแพร่บน Cloud Run ซิงก์กับ GitHub หรือดาวน์โหลดโค้ดก็ได้

คู่มือนี้อธิบายแต่ละส่วนตามที่ Google บันทึกไว้ ณ เวลาที่เขียน (พฤศจิกายน 2026) แล้วกล่าวถึงจุดแข็งของ AI Studio และเวลาที่ตัวสร้างแอพที่มีฐานข้อมูลและโฮสติ้งเป็นของตัวเองเหมาะกว่า Google อัปเดต AI Studio บ่อย ดังนั้นควรตรวจเอกสารของ Google เพื่อดูชื่อและข้อจำกัดล่าสุด

Google AI Studio คืออะไร

AI Studio คือพื้นที่ทำงานบนเบราว์เซอร์ของ Google สำหรับสร้างงานกับ Gemini เหมาะกับคนสองกลุ่ม:

• นักพัฒนา ที่ต้องการลองโมเดล Gemini ปรับพรอมต์ และคัดลอกโค้ดที่ใช้งานได้ไปใส่ในโปรเจกต์ของตัวเอง
• ผู้สร้างแอพ ที่ต้องการอธิบายแอพแล้วให้ Gemini เขียนให้ โดยใช้ Build mode

Google ระบุว่าการใช้งาน AI Studio ไม่มีค่าใช้จ่ายในภูมิภาคที่เปิดให้บริการ พร้อมสิทธิ์ใช้งานฟรีจำกัดสำหรับโมเดลบางตัว ส่วน API แบบชำระเงิน โมเดลบางรุ่น การค้นหาด้วย Google Search จำนวนมาก และการโฮสต์บน Google Cloud จะคิดเงินแยกต่างหาก

ส่วนที่ 1: Playground

Playground จะเปิดขึ้นพร้อมช่องแชตพรอมต์ใหม่โดยอัตโนมัติ เป็นที่สำหรับทดสอบความสามารถของโมเดลก่อนสร้างอะไร

1. เลือกโมเดล แล้วพิมพ์ข้อความในช่องป้อนข้อมูล จากนั้นคลิก Run
2. เปิด Run settings (ไอคอนปรับแต่งที่มุมขวาบน) เพื่อเปลี่ยนพารามิเตอร์ของโมเดลและการตั้งค่าความปลอดภัย และเปิดใช้ structured output, function calling, code execution หรือ grounding
3. เพิ่ม System Instructions เพื่อกำหนดบทบาทและน้ำเสียงของโมเดล เช่น “คุณเป็นผู้ช่วยที่เป็นมิตรของร้านเบเกอรี่ ตอบเป็นสองประโยคและแนะนำสินค้าหนึ่งอย่าง”
4. คลิก Get code เพื่อแปลงพรอมต์และการตั้งค่าเป็นโค้ดในภาษาที่คุณต้องการ

นอกจากแชต Playground ยังมีรูปแบบพรอมต์อื่น เช่น การสตรีมแบบเรียลไทม์และการสร้างวิดีโอ

การรับ API key

เมื่อต้องการใช้ Gemini ในแอพของคุณเอง ให้สร้าง key จากหน้า Get API key (aistudio.google.com/apikey) ปฏิบัติกับมันเหมือนรหัสผ่าน เก็บไว้ในตัวแปรสภาพแวดล้อมหรือความลับของเซิร์ฟเวอร์ ห้ามใส่ในโค้ดที่ทำงานบนเบราว์เซอร์ของผู้เข้าชม คู่มือวิธีเก็บ API key ให้ปลอดภัยของเราอธิบายเหตุผล

ส่วนที่ 2: Vibe coding ใน Build mode

Build mode คือที่ที่ “vibe coding กับ Gemini” เกิดขึ้น คุณอธิบายแอพ เอเจนต์ของ AI Studio จะเขียนโค้ดและแสดงผลลัพธ์ไว้ข้างกัน

เริ่มโปรเจกต์

มีหลายวิธีในการเริ่ม:

• พิมพ์พรอมต์ ที่อธิบายแอพ
• กด I'm Feeling Lucky เพื่อให้สร้างไอเดียให้
• Remix แอพจาก App Gallery ด้วย Copy App
• นำเข้าจาก GitHub ผ่านเมนู Add files

คุณสามารถเพิ่ม AI Chips เพื่อดึงฟีเจอร์ เช่น การสร้างภาพหรือข้อมูลแผนที่เข้ามาได้ และพูดพรอมต์แทนการพิมพ์ด้วย speech-to-text ได้

สิ่งที่ Build mode สร้าง

ตามเอกสารของ Google:

• แอพเว็บ เป็นค่าเริ่มต้น ประกอบด้วย frontend ด้วย React และเซิร์ฟเวอร์ด้วย Node.js ทำให้การเรียก API อยู่ที่เซิร์ฟเวอร์ได้ แพ็กเกจ npm ติดตั้งให้อัตโนมัติ และแอพเชื่อมต่อฐานข้อมูลได้
• แอพ Android แบบ native เขียนด้วย Kotlin และ Jetpack Compose ซึ่งคุณดูตัวอย่างบนตัวจำลองในเบราว์เซอร์ได้ ติดตั้งผ่าน ADB และเผยแพร่บน Google Play เพื่อทดสอบภายในได้
• การตั้งค่า Firebase ทำให้ให้เสร็จ ได้แก่ Firestore สำหรับข้อมูล และ Firebase Authentication พร้อม Sign in with Google
• การเชื่อมต่อ Google Workspace เช่น Gmail, Sheets, Docs, Drive และ Calendar

พรอมต์แรก

สร้างแอพสูตรอาหารให้หน่อย ฉันวางสูตรหรือลิงก์ แล้ว Gemini แปลงเป็นการ์ดที่สะอาดตา มีวัตถุดิบ ขั้นตอน และเวลาทำอาหาร ฉันบันทึกสูตร ค้นหา และปรับปริมาณวัตถุดิบให้เข้ากับจำนวนเสิร์ฟที่ต่างกันได้ ให้ฉันล็อกอินด้วย Google เพื่อให้สูตรถูกบันทึกในบัญชีของฉัน

สิ่งนี้เข้ากับจุดแข็งของ AI Studio คือ Gemini เป็นส่วนหนึ่งของฟีเจอร์ การล็อกอินใช้ Google และพื้นที่เก็บข้อมูลคือ Firebase

ปรับแต่งแอพ

• แชต กับเอเจนต์: “เพิ่มรายการซื้อของที่รวมวัตถุดิบจากสูตรที่ฉันติ๊กเลือก”
• Annotation mode: ไฮไลต์ส่วนหนึ่งของหน้าจอแอพแล้วอธิบายการเปลี่ยนแปลงที่ต้องการตรงนั้น ซึ่งเร็วกว่าการอธิบายว่าปุ่มไหนที่คุณหมายถึง
• แท็บ Code: ดูโค้ดที่สร้างขึ้นและแก้ไขโดยตรงได้ หากต้องการ

เอกสารของ Google ระบุว่า Build mode เก็บ Gemini API key ไว้เป็นความลับฝั่งเซิร์ฟเวอร์ (GEMINI_API_KEY ซึ่งมองเห็นได้ในแผง Secrets) แทนการใส่ในโค้ดฝั่งไคลเอนต์ แอพ Android ใช้ Firebase AI Logic และ App Check แทนการใช้ key

การแชร์และการเผยแพร่

• การแชร์: แอพเป็นส่วนตัวตามค่าเริ่มต้น ผู้ที่คุณแชร์ด้วยดูและ fork โค้ดได้ และผู้ที่มีสิทธิ์แก้ไขก็เปลี่ยนแปลงได้ การเรียก Gemini ที่เกิดจากผู้ใช้ที่เปิดแอพที่คุณแชร์จะนับเข้าการใช้งานของ คุณ และ AI Studio จะเตือนก่อนแชร์หากมีแนวโน้มว่าจะมีค่าใช้จ่าย
• Cloud Run: เผยแพร่จาก AI Studio เป็นบริการที่ขยายได้ อาจมีค่าใช้จ่ายตามราคาของ Google Cloud
• GitHub: ซิงก์สองทางกับ repository พร้อมมุมมองความขัดแย้งเมื่อทั้งสองฝั่งมีการเปลี่ยนแปลง
• ดาวน์โหลด ZIP: นำโค้ดไปไว้ที่ไหนก็ได้ คุณจะตั้งค่า API key บนโฮสต์ของตัวเอง

เคล็ดลับเพื่อผลลัพธ์ที่ดีขึ้นใน Build mode

• เริ่มจากสิ่งที่ Gemini ทำในแอพ Build mode ทำได้ดีที่สุดเมื่อ AI คือฟีเจอร์ เช่น การสรุป การดึงข้อมูล การสร้างภาพ หรือการตอบคำถามจากเอกสาร
• บอกว่าอะไรถูกบันทึกและเพื่อใคร “สูตรของผู้ใช้แต่ละคนเป็นส่วนตัวสำหรับเจ้าของ” เป็นกฎที่ควรระบุตั้งแต่ต้น
• เปลี่ยนทีละอย่างต่อหนึ่งข้อความ และทดสอบในพรีวิวก่อนข้อความถัดไป
• ตรวจกฎความปลอดภัยของ Firebase ก่อนผู้ใช้จริงเข้ามา แอพที่ทำงานได้กับคุณไม่ได้หมายความว่าผู้ใช้คนอื่นจะอ่านข้อมูลของคุณไม่ได้ ลองถามว่า “แสดงกฎ Firestore ให้ดูและอธิบายว่าใครอ่านและเขียนแต่ละคอลเลกชันได้บ้าง”

พรอมต์อื่นที่ใช้ได้กับเครื่องมือใดก็ได้ ดูได้ในชีตรวมพรอมต์ vibe coding

จุดแข็งของ Google AI Studio

• แอพที่ Gemini เป็นฟีเจอร์หลัก โดย API key อยู่ฝั่งเซิร์ฟเวอร์
• สแตกที่ผูกกับ Google: Firebase, Sign in with Google, ข้อมูล Workspace และ Maps
• นักพัฒนาที่ต้องการต้นแบบอย่างรวดเร็ว แล้วซิงก์ไปยัง GitHub และพัฒนาต่อ
• การทดลองแอพ Android แบบ native ที่ดูตัวอย่างบนเบราว์เซอร์ได้

เมื่อไรควรย้ายไปใช้ตัวสร้างแอพที่มีฐานข้อมูลและโฮสติ้ง

AI Studio เป็นเครื่องมือที่แข็งแกร่ง และสำหรับหลายโปรเจกต์ก็เพียงพอแล้ว แต่ควรพิจารณาตัวสร้างแอพ AI แบบ full-stack เมื่อ:

• คุณต้องการฐานข้อมูลเชิงสัมพันธ์ Firestore เป็นฐานข้อมูลแบบเอกสาร หากแอพของคุณมีลูกค้า คำสั่งซื้อ และใบแจ้งหนี้ที่เกี่ยวข้องกัน ฐานข้อมูล Postgres จะเข้าใจง่ายกว่า คู่มือSupabase กับ Firebaseของเราอธิบายความแตกต่าง
• คุณไม่อยากจัดการโปรเจกต์ Google Cloud การเผยแพร่บน Cloud Run หมายถึงต้องมีบัญชี Cloud การเรียกเก็บเงิน และการตั้งค่าของมัน บางคนอยากเผยแพร่ด้วยคลิกเดียวและมีโฮสติ้งรวมอยู่แล้วมากกว่า
• คุณต้องการโฮสติ้ง ฐานข้อมูล และพื้นที่เก็บข้อมูลในใบแจ้งหนี้เดียว บน Mythex ทั้งหมดนี้จ่ายจากเครดิต Cloud รายเดือนที่รวมอยู่ในแพ็กเกจ
• คุณต้องการ iPhone ควบคู่กับ Android บน Mythex Pro แอพที่เผยแพร่แล้วสามารถกลายเป็นแอพ Android ที่คุณอัปโหลดขึ้น Google Play และแอพ iPhone ที่ส่งไป TestFlight ด้วย App Store Connect key ของคุณเอง โดยไม่ต้องใช้ Mac (สิ่งเหล่านี้เปิดแอพที่เผยแพร่แล้วของคุณ ไม่ใช่โค้ด Swift หรือ Kotlin แบบ native)
• AI ไม่ใช่หัวใจของแอพ ระบบจองหรือพอร์ทัลลูกค้าไม่จำเป็นต้องมี Gemini เป็นศูนย์กลาง และตัวสร้างแอพทั่วไปอาจเหมาะกว่า
• คุณต้องการโดเมนของตัวเอง โดยไม่ต้องตั้งค่าบริการ Cloud

Mythex ทำงานแบบนี้: อธิบายแอพในแชตด้วยภาษาใดก็ได้ แล้วมันจะสร้างแอพ full-stack จริงพร้อมพรีวิวสด แนบฐานข้อมูล Postgres และที่เก็บไฟล์ และเผยแพร่ไปยัง URL สาธารณะด้วยคลิกเดียว แพ็กเกจ Free ไม่ต้องใช้บัตร และรวมการเผยแพร่ ส่วน Pro มีค่าใช้จ่าย $25 ต่อเดือน และเพิ่มการแก้ไขโค้ด การส่งออก GitHub โดเมนที่กำหนดเอง และแอพมือถือ ดูรายละเอียดได้ที่หน้าตัวสร้างแอพ AI

ไม่ว่าจะเลือกทางไหน โค้ดเป็นของคุณที่นำไปได้เสมอ คือ AI Studio ผ่าน GitHub หรือ ZIP ส่วน Mythex ผ่านการส่งออกและ GitHub ใน Pro สำหรับภาพรวมของตัวเลือกทั้งหมด ดูเครื่องมือ vibe coding ที่ดีที่สุด และChatGPT กับ Claude กับ Gemini สำหรับการสร้างแอพ

การใช้ Google AI Studio (สรุปสั้นๆ)

1. เข้าสู่ระบบที่ aistudio.google.com ด้วยบัญชี Google
2. ใน Playground เลือกโมเดล พิมพ์พรอมต์ แล้วกด Run ใน Run settings คุณเปลี่ยนพารามิเตอร์และฟีเจอร์ได้
3. เมื่อใช้ Gemini จากแอพของคุณเอง ให้สร้าง key ด้วย Get API key แล้วเก็บไว้ในตัวแปรสภาพแวดล้อมฝั่งเซิร์ฟเวอร์
4. หากจะสร้างแอพ ให้เปิด Build mode แล้วอธิบายแอพที่ต้องการด้วยข้อความ แก้ไขด้วยการแชตหรือ Annotation mode ขณะดูพรีวิว
5. เมื่อเสร็จแล้ว เผยแพร่ไปยัง Cloud Run ซิงก์กับ GitHub หรือดาวน์โหลดเป็น ZIP

หากต้องการจัดการฐานข้อมูล โฮสติ้ง โดเมนของตัวเอง และแอพ iPhone กับ Android ในที่เดียว ตัวสร้างแอพ AI แบบ full-stack อย่าง Mythex ก็เป็นอีกตัวเลือกหนึ่ง

คำถาม