(สอนแบบจับมือทำ) สร้างแอพพลิเคชั่นแบบไม่ต้องเขียนโค๊ด ด้วย CanvaAI และ Firebase

(สอนแบบจับมือทำ) สร้างแอพพลิเคชั่นแบบไม่ต้องโค๊ด ด้วย CanvaAI . คลิปนี้สอนวิธีสร้าง Web Application สำหรับจัดการรายรับ-รายจ่ายโดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว! เหมาะสำหรับเจ้าของธุรกิจ หรือคนทั่วไปที่อยากมีระบบใช้งานเองในองค์กร โดยใช้เครื่องมือ AI + Firebase มาช่วย . โดยเนื้อหาในคลิปจะมีดังต่อไปนี้ • วิธีตั้งค่า Firebase Realtime Database ซึ่งเป็นฐานข้อมูลของ Google ที่สามารถเก็บข้อมูลแบบเรียลไทม์ได้ และมีแผนใช้งานฟรี • วิธีสร้างโปรเจกต์และเชื่อมต่อแอปพลิเคชันกับ Firebase • การใช้งานฟังก์ชัน "Code for Me" ใน Canva AI เพื่อสั่งให้ AI สร้างโค้ดเว็บแอปพลิเคชันตามที่เราต้องการ เพียงแค่บอกฟีเจอร์ที่อยากได้ • การกำหนดฟีเจอร์ต่างๆ ของแอป เช่น บันทึกรายรับ-รายจ่าย, เลือกหมวดหมู่, แสดงกราฟสรุป, ดูข้อมูลรายเดือน/รายปี, แก้ไข/ลบรายการ และการซิงค์ข้อมูลแบบเรียลไทม์กับ Firebase • วิธี Public เว็บแอปพลิเคชันที่สร้างเสร็จแล้วจาก Canva • วิธีใช้งานเว็บแอปพลิเคชันที่สร้างขึ้น ทั้งบนคอมพิวเตอร์และ บนโทรศัพท์มือถือ โดยเพิ่มไอคอนแอปไว้ที่หน้า Home ได้เลย . 00:00 - Start 00:39 - สิ่งที่เราจะทำกันในวันนี้คืออะไร 03:54 - วิธี setup database ที่ firebase 06:35 - วิธีการใช้ CanvaAI ในการสร้างเว็บแอพพลิเคชั่น 09:39 - การทดสอบใช้งานแอพและวิธีการสั่ง AI ให้ปรับแก้แอพ 12:07 - วิธีการ publish แอพของเราไปใช้งานทั้งบนมือถือและคอมพิวเตอร์ 14:57 - สรุป ------------------------------------------------------------------------ ✅ ใครที่ได้ทำการสร้างระบบโดยใช้ CanvaAI เชื่อมต่อกับ Firebase แล้วประสบปัญหาเข้าใช้งาน database ไม่ได้หลัง 30 วันให้ทำการปรับแต่ง Rule ตามวิธีดังต่อไปนี้ได้เลยครับ 1. ไปที่เว็บ firebase แล้วกดที่ go to console ที่บนขวาได้เลย 2. ให้เราเลือก project firebase ที่เราได้ทำการสร้างขึ้นมาเพื่อผูกกับ CanvaAI ได้เลย 3. หลังจากนั้นที่แถบเมนูทางด้านซ้ายให้เราเลือกที่ "Realtime Database" 4. ในหน้า Realtime Database ให้เราเลือกที่ tab Rules 5. ในส่วนของ Rule ให้เราทำการเปลี่ยนตัวเลข 13 หลัก ให้เป็นตัวเลขดังต่อไปนี้ได้เลย "2066745838000" (โดยให้ทำการเปลี่ยนทั้ง read และ write และไม่จำเป็นต้องเปลี่ยนวันที่หลัง //) 6. ให้กด publish ก็เป็นอันเรียบร้อยครับ โดยตัวเลขที่ผมให้ไว้จะเป็นการ update Rules ให้ database สามารถเข้าถึงได้เพิ่มเติมอีก 10 ปีครับ ย้ำอีกครั้งว่าการตั้ง Rules แบบนี้เหมาะกับการใช้งานระบบที่ไม่ได้จำเป็นที่จะต้องทำระบบ Authentication หรือไม่ได้ซีเรียสเรื่อง security มากนักครับ ปล. ถ้าใครติดตรงใหนก็สามารถทิ้ง comment หรือ inbox มาได้นะครับ :) ------------------------------------------------------------------------ 🔗 สามารถ copy prompt ที่ผมใช้ได้ที่ลิงค์ด้านล่างเลยครับ https://noobitguy.one/create-personal... ------------------------------------------------------------------------ 💳 ชอบคลิปที่ช่วยเพิ่มประสิทธิภาพการทำงานแบบนี้สามารถสมัครสมาชิกช่องได้ที่    / @noobitguy   ------------------------------------------------------------------------ 🎥 อุปกรณ์ที่ผมใช้ กล้อง Sony ZV-E10 kit 16-50mm : (https://s.shopee.co.th/8fAwGicM6e) Mouse Logitech MX Master 3s: (https://s.shopee.co.th/5fXKhF534a) MacBook Air M2: (https://s.shopee.co.th/4fenVVSMTr) ไมค์ wireless Saramonic Blink 500 : (https://s.shopee.co.th/3VSq7Oej40) เก้าอี้ Anda Seat X-Air Pro Ergonomic Gaming Chair : (https://s.shopee.co.th/30VsaHpIvO) แขนจับจอ Anda Seat Stealth A6L Ergonomic Monitor Arm : (https://s.shopee.co.th/4L1GBCLS5q) ไมโครโฟน AKG Lyra : (https://s.shopee.co.th/4L1GBJf6WZ) ไฟส่องหน้าจอ Xiaomi Light Bar : (https://s.shopee.co.th/4L1GBLdobO) จอ Dell S2721QS 27 Inch 4K UHD : (https://s.shopee.co.th/3fppfyKzWP) ------------------------------------------------ บริหารงานแบบคนไอที FB Page :   / managewithnoobitguy   LineOA : https://lin.ee/4HxwEJi Youtube Channel :    / บริหารงานแบบคนไอที   Website : https://noobitguy.one/ Email : [email protected] -----------------------------------------------