สารบัญ:
คุณเคยได้ยินไหม แอป HTML5 กำลังจะเปลี่ยนแปลงทุกอย่างอาจจะเป็นปีหน้า อย่างน้อยนั่นคือสิ่งที่การถกเถียงในด้านหนึ่งเกี่ยวกับ HTML5 กับแอพที่ใช้ในพื้นที่กำลังพูดอยู่พักหนึ่ง มันเป็นข้อความที่นำไปสู่ไฟแก็ซทุกขณะนี้และมันจะเป็นอย่างนั้นตลอดไป หรืออย่างน้อยก็จนกว่ามันจะเกิดขึ้นจริงและแอพที่ดีที่สุดคือแอพ HTML5 ไม่ใช่เรื่องแปลกที่นักพัฒนาจะมีการโต้เถียงและผู้เสนอแต่ละด้านอธิบายว่ารุ่นของพวกเขาเป็นรุ่นที่ดีกว่า แต่เมื่อสิ่งต่าง ๆ นอกเหนือจากการอภิปรายนักพัฒนาและเป็นกระแสหลักที่คุณและฉันได้ยินพวกเขาจะทำให้เรามึนงง เราควรสนใจสิ่งที่เราได้ยินจริงๆหรือ
ในกรณีนี้ใช่ ในขณะที่ยูโทเปียที่แอพทุกตัวเขียนด้วย HTML5 และผู้ใช้ทุกคนมีประสบการณ์เดียวกันก็ยังคงเป็นวิธีที่ดี ถ้า มันเกิดขึ้น HTML5 ในรูปแบบไฮบริดนั้นเป็นเรื่องใหญ่อยู่แล้ว เราควรรู้และเข้าใจทุกอย่างที่เป็นเรื่องใหญ่
แอพ HTML5 คืออะไร
ครั้งแรกที่คนส่วนใหญ่ได้ยินว่ามีการกล่าวถึง HTML5 คือเมื่อสตีฟจ็อบส์บอกเราทั้งหมดว่ามันจะเป็นอนาคตของเว็บและ Flash จะไม่เกิดขึ้น คำแถลงของเขาเป็นจริงเพียงบางส่วนเนื่องจาก Apple บล็อกการเข้าถึง Flash Player ทุกประเภทบน iOS แต่มันก็ไม่ได้มีวิสัยทัศน์ใด ๆ ที่จะรู้ว่าสิ่งนี้กำลังจะเกิดขึ้นเพราะ HTML5 มีความเป็นไปได้มากกว่า Flash ที่เคยทำ และมันก็เกิดขึ้นที่อนาคตของเว็บเป็นวิธีที่ดีในการเขียนโปรแกรม
HTML ย่อมาจาก HyperText Markup Language และเราอยู่ในการปรับปรุงมาตรฐานครั้งที่ 5 แต่เมื่อคุณได้ยินคำว่าแอพ HTML5 ไม่ว่าจะเป็นเว็บแอพหรือแอพที่คุณสามารถติดตั้งลงในโทรศัพท์ของคุณคุณจะต้องจัดการกับรหัสสามประเภท
- HTML จัดเตรียมเฟรมเวิร์กที่นักพัฒนาสามารถใส่รหัสและแอปพลิเคชันสามารถเปลี่ยนเป็นสิ่งที่เราสามารถเห็นและโต้ตอบด้วย
- CSS จัดให้มีวิธีการจัดวางลักษณะของโค้ดแต่ละบิตเมื่อดูและแสดงผลบนหน้าจอของเรา
- JavaScript คือสิ่งที่ทำให้ทุกการโต้ตอบและสามารถ "ทำ" อะไรก็ได้
สิ่งที่ทำให้ HTML5 ยอดเยี่ยมคือทุกสิ่งนั้นเข้าใจได้จากแอปพลิเคชั่นเดียวที่นักพัฒนาแอพไม่จำเป็นต้องบำรุงรักษาและมันก็ใช้ได้กับทุกอุปกรณ์บนหน้าจอที่มีแอพเวอร์ชันนั้นเป็นของตัวเอง เรากำลังพูดถึงเว็บเบราว์เซอร์ แต่ไม่ใช่เว็บเบราว์เซอร์แอป ส่วนประกอบของเว็บเบราว์เซอร์ที่สามารถนำรหัสนี้มาใช้และทำให้มันกลายเป็นสิ่งที่เราสามารถใช้งานได้อย่างสะดวกและเป็นส่วนหนึ่งของแอพมากมายที่คุณใช้เป็นมุมมองเว็บแล้ว
วิศวกรของ Mozilla เคยกล่าวว่า "รหัสเมื่อทำงานที่ใดก็ตามไม่ได้หมายถึงการวิ่งหนีการเพิ่มประสิทธิภาพเป็นกุญแจสำคัญ" พวกสมาร์ทวิศวกร Mozilla เหล่านั้น
สิ่งนี้หมายความว่าผู้พัฒนาสามารถเขียนโค้ดของเขาหรือเธอและปรับแต่งแล้วปรับใช้ ทุกที่ ซึ่งแตกต่างจากการเขียนรหัสแยกต่างหากสำหรับ Android, iOS, macOS, Windows และ HTML สำหรับ webOS และ BlackBerry 10 ผู้พัฒนาสามารถเขียนโค้ดโดยใช้สภาพแวดล้อมการพัฒนาที่พวกเขาเลือกไม่ว่าจะเป็น Notepad หรือสิ่งที่ซับซ้อนเช่น Visual Studio หรือ Adobe Dreamweaver แก้ปัญหาและปรับแต่งในเบราว์เซอร์ที่พวกเขาเลือกและมันก็ยังใช้ได้ทุกที่
นั่นรวมถึงโทรศัพท์ของคุณด้วย เราทุกคนเห็นแอป HTML5 ที่ใช้เป็นหน้าเว็บ สถานที่เช่น Twitter หรือ Gmail เวอร์ชันมือถือเป็นตัวอย่างที่ยอดเยี่ยมของ HTML5 ในที่ทำงาน แต่เนื่องจาก HTML5 สามารถแสดงผลได้โดยองค์ประกอบมุมมองเว็บการวางหน้าต่างไว้ในกรอบแอพพื้นฐานเพื่อสร้างแอปที่คุณติดตั้งลงบนโทรศัพท์ของคุณนั้นง่ายและรวดเร็ว มีเครื่องมือของบุคคลที่สามที่ทำงานให้คุณเช่น Apache Cordova สิ่งนี้ช่วยให้นักพัฒนาใหม่นำความคิดมาสู่ทุกคนรวมถึงนักพัฒนาที่มีประสบการณ์ซึ่งตอนนี้มีเวลาที่จะฝันถึงสิ่งที่เราไม่เคยเห็นมาก่อน HTML5 ที่ฝังอยู่ในแอพเนทีฟสามารถเรียกใช้รหัสและใช้ทรัพย์สินที่ได้รับจากอินเทอร์เน็ต แต่ผู้พัฒนาสามารถติดตั้งเหล่านี้ในเครื่องและชี้รหัสไปที่แอปเนทีฟแบบออฟไลน์ที่ซื่อสัตย์ต่อความดี
แต่ไม่ใช่ทุกสิ่งที่ยอดเยี่ยมเกี่ยวกับ HTML5
ความเป็นจริงของแอพ HTML5
นี่คือสิ่งที่อาจสร้างความสับสน เมื่อเรานึกถึงหน้าเว็บเรามักจะลืมว่าหน้าเว็บส่งรหัสไปยังโปรแกรมเบราว์เซอร์เท่านั้นและเป็นอุปกรณ์ของเราที่ใช้งานได้ นั่นหมายถึงสิ่งต่างๆเช่นตำแหน่งทางภูมิศาสตร์การแชทด้วยเสียงและวิดีโอแชทแบบเรียลไทม์กราฟิกเร่งความเร็ว 3 มิติและอื่น ๆ อีกมากมายไม่เพียงเป็นไปได้ แต่ยังง่ายสำหรับผู้พัฒนาที่จะใช้งานด้วย HTML5 นั่นเป็นเพราะร่างมาตรฐานได้กล่าวว่า: "เฮ้พวกเราทุกคนต้องทำสิ่งนี้ด้วยวิธีนี้โดยเฉพาะและนักพัฒนาสามารถขอให้เราทำแบบนี้ได้"
นั่นคือเป้าหมายต่อไป ความเป็นจริงอาจแตกต่างกันเล็กน้อยและเราจำเป็นต้องดูการเล่นวิดีโอเพื่อดูตัวอย่างที่ดีว่าทำไม เบราว์เซอร์ทุกตัวที่คุณต้องการใช้รองรับ HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox และ Safari คือเบราว์เซอร์ HTML5 และรองรับการเล่นวิดีโอเมื่อนักพัฒนาประเภทหนึ่งใช้คำเพียงไม่กี่คำที่ชี้ไปที่วิดีโอ แอปเหล่านี้จะทำสิ่งเดียวกันเพราะใช้เครื่องมือการแสดงผลเดียวกัน
เมื่อคุณไม่บังคับใช้กฎพวกเขาจะกลายเป็นข้อเสนอแนะ คนที่ไม่มีใครอยากติดตาม
แต่พวกเขาไม่รองรับวิดีโอประเภทเดียวกันทั้งหมดเนื่องจาก HTML5 เป็นข้ามแพลตฟอร์มเปิดและไม่ใช่กรรมสิทธิ์ดังนั้นจึงไม่มีใครบังคับให้พวกเขาสนับสนุนรูปแบบทั้งหมด Ogg Theora เป็นรูปแบบวิดีโอยอดนิยมที่ทุกเบราว์เซอร์รองรับยกเว้น Internet Explorer ซึ่งเป็นเบราว์เซอร์เริ่มต้นในคอมพิวเตอร์จำนวนมาก H.264 เป็นที่นิยมมากขึ้น แต่ก็ไม่เปิดหรือใช้งานฟรีดังนั้น Firefox จึงไม่สนับสนุน VP8 และ WebM นั้นมีอิสระในการใช้และเปิดและเครื่องมือเบราว์เซอร์ทุกตัวรองรับ แต่ Internet Explorer และ Safari ต้องการให้ผู้ใช้ดึงและติดตั้งการสนับสนุน ในทางเทคนิคแล้ว HTML5 รองรับการเล่นวิดีโอ HD และเป็นเรื่องง่ายสำหรับนักพัฒนาที่จะนำไปใช้ ในโลกแห่งความจริงสนับสนุนเฉพาะประเภทวิดีโอที่ถูกต้อง
YouTube เล่นวิดีโอทั้งหมดด้วย HTML5 เพราะ Google มีเงินในการแปลงวิดีโอที่คุณอัปโหลด
HTML5 ยังขึ้นอยู่กับฮาร์ดแวร์ที่ใช้งานและความเชี่ยวชาญของนักพัฒนาในการเขียนโค้ด การเลือกไลบรารี JavaScript ที่ไม่ถูกต้องอาจยังคงให้ผลลัพธ์เหมือนเดิม แต่ก็สามารถนำไปสู่การรั่วไหลของหน่วยความจำและจัดการกับการจัดการ DOM (โมเดลวัตถุเอกสาร - สร้างขึ้นเมื่อหน้าเว็บหรือแอปโหลดและรวมองค์ประกอบทั้งหมดบนหน้าเว็บหรือ "เอกสาร" แยกต่างหาก) ไม่ดีสามารถทำให้แอป HTML5 ช้าลงอย่างไม่น่าเชื่อแม้กระทั่งฮาร์ดแวร์ที่ดีที่สุด ในโทรศัพท์ที่ไม่สามารถใช้งานได้จะทำให้ผู้ใช้ถอนการติดตั้งแอปของคุณอย่างรวดเร็ว
นั่นไม่ใช่ปัญหาเดียว เมื่อคุณสร้างแอป HTML5 ที่ดึงทุกอย่างจากอินเทอร์เน็ตคุณต้องจัดการกับเวลาในการโหลด ที่เพิ่มความเร็วการเชื่อมต่อของผู้ใช้ในรายการสิ่งต่าง ๆ ที่ทำให้แอปของคุณทำงานช้าลงพร้อมกับความสามารถทางกายภาพของฮาร์ดแวร์ (โทรศัพท์จำนวนมากใช้โปรเซสเซอร์ที่ไม่รวดเร็วอย่างแน่นอน) และการปรับรหัสให้เหมาะสม หากใช้เวลาหนึ่งวินาทีในการแสดงรหัสของคุณบนอุปกรณ์ผู้ใช้และ 10 วินาทีเพื่อดึงรหัสจากอินเทอร์เน็ตคุณจะมีผู้ใช้จำนวนมากที่ไม่มีความสุข
แอพ Facebook เป็นตัวอย่างของสิ่งที่ผิดกับ HTML5 เช่นเดียวกับ Instagram เป็นตัวอย่างของสิ่งที่ถูกต้อง
มีตัวอย่างที่ยอดเยี่ยมของสิ่งนี้ที่มีอยู่และเป็นหนึ่งในพวกเราเกือบทุกคนไม่พอใจกับโทรศัพท์ประเภทที่เราใช้: แอพ Facebook แอพ Facebook นั้นเป็นมุมมองทางเว็บที่ฝังอยู่ในเฟรมที่มีปุ่มและช่วยจัดการข้อมูลประจำตัวของบัญชีของคุณหรือส่งข้อความในแบบที่ระบบปฏิบัติการอนุมัติ ทุกสิ่งที่เกิดขึ้นภายในแอพนั้นทำด้วย HTML5 และมันมากเกินกว่าที่จะจัดการได้เมื่อคุณดึงข้อมูลทั้งหมดจากอินเทอร์เน็ตผู้พัฒนาได้เพิ่มจำนวนมากขึ้นเรื่อย ๆ บน Facebook ผู้ใช้กำลังโพสต์ไฟล์ขนาดใหญ่ที่โฮสต์ นอกสถานที่ของ Facebook และมีผู้คนนับล้านเข้าชมเซิร์ฟเวอร์ของ Facebook ทั้งหมดในครั้งเดียวตลอด 24 ชั่วโมงทุกวัน ซึ่งทำให้แอปช้าลงในการรีเฟรชพลังมากและเรื่องร้องเรียนจำนวนมาก
เว็บไซต์บนมือถือของ Facebook นั้นเขียนด้วย HTML5 แต่ออกแบบมาเพื่อให้ใช้ทรัพยากรได้เพราะมันเหมาะสำหรับการใช้งาน มือถือ ซึ่งทำให้การโหลดเนื้อหาที่คุณต้องการดูรวดเร็วยิ่งขึ้นแม้ว่าเนื้อหาทั้งหมดนั้นจะไม่แสดงผลที่ดีเท่าที่ดูเต็ม นี่เป็นเหตุผลว่าทำไมไซต์มือถือและแอป "lite" ของ Facebook ที่อ้างถึงมันทำงานได้ดีกว่าแอพอย่างเป็นทางการของ Facebook และนี่ไม่ใช่แค่ปัญหา Facebook - มีแอพมากมายที่จะรองรับฟีเจอร์ทั้งหมดของพวกเขาโดยใช้ HTML5 แต่ก็ซับซ้อนเช่นกัน (เป็นคำที่ดีสำหรับป่องเนื่องจากพวกเขาใช้เวลานานและเปลี่ยนแปลงตลอดเวลา) เช่นเดียวกับ Facebook และ จะทำแบบเดียวกัน
ฉันต้องการเห็นแอป HTML5 เพิ่มเติมหรือไม่
ใช่ แต่ไม่ใช่ ทุก แอพ
HTML5 นั้นดีมากในหลาย ๆ สิ่งและเป็นวิธีที่ยอดเยี่ยมสำหรับนักพัฒนาในการใช้เวลาคิดแนวคิดสร้างสรรค์แทนการรูทผ่านคู่มืออ้างอิง Objective-C หรือ C ++ แต่บางครั้งโครงสร้างที่เข้มงวดของภาษาการพัฒนาที่บังคับให้นักพัฒนาทำสิ่งต่าง ๆ ในลักษณะที่แน่นอนคือสิ่งที่ทำให้ผลลัพธ์สุดท้ายทำงานได้ดีขึ้นบนโทรศัพท์ของเรา
แอพ HTML5 อาจเป็นฝันร้ายอย่างที่เราเห็นจากแอพ Facebook หรืออาจจะน่ากลัวอย่างที่เราเห็นจากเว็บไซต์ Gmail มือถือ หรือ Uber หรือ Instagram หรือแอพ HTML5 ใด ๆ ที่เราใช้อยู่ทุกวัน นั่นไม่ใช่สิ่งที่ เรา ควรจะกังวล แต่มันเป็นสิ่งที่นักพัฒนาต้องถกเถียงกันอย่างไม่รู้จบ และในขณะที่พวกเขากำลังถกเถียงกันและพยายามโน้มน้าวคุณซึ่งดีกว่าคุณรู้นิดหน่อยว่าทำไมพวกเขาถึงพูดในสิ่งที่พวกเขาพูด
เราอาจได้รับค่าคอมมิชชั่นสำหรับการซื้อโดยใช้ลิงก์ของเรา เรียนรู้เพิ่มเติม.