สร้างเว็บแอพแสดงข้อมูล Google Sheets ของเราภายในเวลา 5 นาที!!

[สร้างเว็บแอพแสดงข้อมูล Google Sheets ของเราภายในเวลา 5 นาที!!] . ถ้าคุณใช้ google sheets ในการจัดเก็บข้อมูลหลายๆอย่างเหมือนผม คุณน่าจะมีปัญหาเดียวกับผมแน่นอน . นั้นคือบางครั้งเวลาเราจะดูข้อมูลในมือถือมันก็ไม่ค่อยสะดวกเพราะ app google sheets ในมือถือนั้น บอกเลยว่าค่อนข้างจะใช้งานลำบากมากๆ . หรือบางครั้งถ้าเราอยากจะแชร์ข้อมูลไฟล์ ggsheet เราให้คนอื่นดูข้อมูลแบบไม่อยากให้เค้าแก้ไข แค่อยากให้เค้า filter หรือเรียงข้อมูลได้ ก็ต้องบอกว่าทำไม่ได้เลย . นี้เลยเป็นที่มาของคลิปในวันนี้ที่เราจะพาทุกคนมาทำ web application เพื่อดึงข้อมูลใน google sheets ของเราให้เป็นตารางแบบที่สามารถ search ได้ filter ได้ sort ได้แบบง่ายดาย แถมยังใช้งานในมือถือได้แบบง่ายๆ และแชร์ให้คนอื่นดูได้ โดยไม่ต้องกลัวเค้าจะแก้ข้อมูลเราอีกต่อไป . หลายคนได้ยินคำว่า webapp อาจจะกลัวว่าต้องเขียน code เยอะ ก็ต้องบอกว่าไม่ต้องกลัวครับ เพราะเราจะไม่จำเป็นต้องรู้ code อะไรเลยในวันนี้ แค่แก้ไขเพียง 4 จุด ใช้เวลาไม่ถึง 5 นาที เราก็จะได้ webapp ที่พร้อมใช้งานได้ทันที . พร้อมแล้วเปิดคอมแล้วมาลุยกันเลยครับ!! สำหรับใครที่ทำแล้วข้อมูลไม่ขึ้นให้ลองเช็คตามนี้ดูก่อนนะครับ 1. ให้ดูที่บรรทัดที่ 2 ของ file code.gs ว่าเราใส่ชื่อชีทที่ต้องการจะนำข้อมูลมาแสดงผล รวมถึงช่วงของข้อมูลถูกหรือเปล่า ** หลายคนจะใส่เป็นชื่อ file ละครับ เน้นอีกครั้งว่าจะเป็นชื่อชีท และ ช่วงของช้อมูลนะครับ 2. บางทีชื่อชีทของเราจะมีการเว้นวรรคชื่อ ด้านหน้าหรือด้านหลัง แต่เวลาเรากรอกใน code.gs เราไม่ได้เว้นวรรคตาม แนะนำให้ทำการ copy ชื่อมาวางให้ตรงกันครับ 3. วิธีนี้ใช้ไม่ได้กับ file ที่ import มาจาก excel ฉะนั้นให้เราทำการสร้าง file google sheets แล้วค่อย copy ข้อมูลจาก excel มาวางได้ครับ 4. แนะนำให้ duplicate script มา ไม่ใช่ copy script มาครับ เพราะจะทำให้ library ที่ชื่อว่า Sheets ไม่มาด้วยครับ 5. แนะนำให้ชื่อ column อยู่ในแถวที่ 1 ข้อไฟล์ 00:00 - Start 01:32 - วันนี้เราจะมาทำอะไรกัน 02:55 - เริ่มต้นสร้าง web application ของเรากัน 08:17 - ข้อจำกัดของ web application ที่สร้างจาก google app script 09:06 - library และ source ของข้อมูลในวันนี้ 09:25 - ระบบ membership ของช่อง 💳 ชอบคลิปที่ช่วยเพิ่มประสิทธิภาพการทำงานแบบนี้สามารถสมัครสมาชิกช่องได้ที่    / @noobitguy   ------------------------------------------------------------------------ 🔗 ข้อมูล link สำหรับใช้ copy script https://noobitguy.one/webapp-google-a... ------------------------------------------------------------------------ 📚 reference source https://tabulator.info/ https://www.bpwebs.com/ ------------------------------------------------------------------------ 🎥 อุปกรณ์ที่ผมใช้ กล้อง Sony ZV-E10 kit 16-50mm : (https://shope.ee/5KeppTetsX) Mouse Logitech MX Master 3s: (https://shope.ee/8UbraALvKD) Mouse Logitech G502 Hero: (https://shope.ee/99rYOea8Z9) MacBook Air M2: (https://shope.ee/qCQTd8LuD) ไมค์ wireless Saramonic Blink 500 : (https://shope.ee/2feGcpazuj) ------------------------------------------------ บริหารงานแบบคนไอที FB Page :   / managewithnoobitguy   LineOA : https://lin.ee/4HxwEJi Youtube Channel :    / บริหารงานแบบคนไอที   Website : https://noobitguy.one/ Email : managewithnoobitguy@gmail.com ----------------------------------------------- ▬▬▬▬▬▬▬▬▬▬ Copy and Paste ▬▬▬▬▬▬▬▬▬▬▬ 🎵Music provided by BGM President 🎵Track : Favorite Food -    • [소소하게 귀여운음악] Favorite Food | 좋아 하는거 먹을때 젤 ...   ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬