รูปแบบใหม่สำหรับแอปสุดเจ๋ง

สำรวจคอลเล็กชันรูปแบบใหม่อันน่าทึ่งสำหรับแอปที่ยอดเยี่ยม ซึ่งรวมถึงรูปแบบคลิปบอร์ด รูปแบบไฟล์ และรูปแบบแอป

ไม่ว่าคุณจะสร้างแอปอะไรก็ตาม ไม่ว่าจะเป็นแอปตัดต่อวิดีโอรุ่นถัดไป เกมต่อคำที่เล่นแล้วติดงอมแงม หรือแอปโซเชียลเน็ตเวิร์กออนไลน์แห่งอนาคต คุณจะต้องอาศัยองค์ประกอบพื้นฐานต่อไปนี้เสมอ

  • แอปตัดต่อวิดีโออาจอนุญาตให้ผู้ใช้บันทึกวิดีโอที่แก้ไขแล้ว
  • เกมของคุณอาจอนุญาตให้ผู้ใช้แชร์ความคืบหน้าในเกมกับเพื่อนได้
  • แอปโซเชียลเน็ตเวิร์กออนไลน์มีแนวโน้มสูงที่จะอนุญาตให้ผู้ใช้วางรูปภาพลงในโพสต์

ตัวอย่างข้างต้นเป็นเพียงตัวอย่างรูปแบบดังกล่าวเพียง 2 ตัวอย่างเท่านั้น และยังมีอีกมากมาย แต่สิ่งเหล่านี้ทั้งหมดมีสิ่งหนึ่งที่เหมือนกันคือไม่มีวิธีใดที่เหมาะเจาะกับทุกกรณี

การแชร์ความคืบหน้า

ตัวอย่างเช่น เบราว์เซอร์บางรุ่นไม่ได้ใช้ Web Share API ดังนั้นในบางกรณี คุณอาจต้องใช้วิธีอื่น เช่น Web Intent ของ Twitter หรือคัดลอกไปยังคลิปบอร์ด ซึ่งเป็นแนวทางที่เลือกใน Wordle เมื่อไม่ได้ใช้ Web Share API เฮ้อ เกือบไม่ทัน

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

กำลังบันทึกไฟล์

สำหรับการบันทึก แนวทางที่แนะนำคือการใช้ File System Access API เพื่อให้ได้ FileSystemFileHandle ซึ่งจะช่วยให้คุณใช้ขั้นตอนการบันทึก แก้ไข และบันทึกได้จริง วิธีถัดไปที่ทำได้ดีที่สุดคือการกลับไปใช้ <a download> แบบคลาสสิก ซึ่งจะช่วยให้ผู้ใช้บันทึกข้อมูลได้เช่นกัน แต่มีข้อเสียคือการสร้างไฟล์ใหม่ในการดาวน์โหลดแต่ละครั้ง ผู้ใช้จึงมีไฟล์ my-video.mp4, my-video (1).mp4, my-video (2).mp4 ฯลฯ อยู่เป็นจำนวนมาก

การวางรูปภาพ

ตัวอย่างเบื้องต้นนี้สรุปได้ว่าเบราว์เซอร์บางรุ่นไม่รองรับการวางรูปภาพลงในเว็บแอป คุณจึงใช้ Drag and Drop API หรือแสดงเครื่องมือเลือกไฟล์แทนได้ ซึ่งไม่สะดวกเท่า Async Clipboard API แต่อย่างน้อยก็ใช้งานได้

รูปแบบใหม่

เมื่อดำเนินการเสร็จแล้ว ส่วนรูปแบบใหม่จะมีดังนี้

รูปแบบคลิปบอร์ด

รูปแบบคลิปบอร์ดสำหรับทุกอย่างที่เกี่ยวข้องกับคลิปบอร์ดของระบบ เช่น การคัดลอกและวางสิ่งต่างๆ ทั้งหมด

รูปแบบไฟล์

รูปแบบไฟล์สำหรับทุกอย่างที่เกี่ยวข้องกับไฟล์และไดเรกทอรี ไม่ว่าจะเป็นการบันทึก การเปิด การลากและวาง การรับ หรือแชร์

รูปแบบเว็บแอป

รูปแบบเว็บแอปสำหรับทุกอย่างที่เกี่ยวข้องกับฟีเจอร์ขั้นสูงของแอป เช่น การแสดงทางลัดของแอป การซิงค์ข้อมูลในเบื้องหลังเป็นระยะๆ การแสดงป้ายแอป และอื่นๆ อีกมากมาย

ความคิดเห็น

เราหวังว่ารูปแบบเหล่านี้จะช่วยคุณสร้างแอปที่ยอดเยี่ยม และหวังว่าจะได้รับความคิดเห็นจากคุณ คุณสามารถแสดงความคิดเห็นได้โดยทวีตถึง @ChromiumDev หรือส่งปัญหา ไม่ว่าในกรณีใด โปรดติดแท็กเรา @tomayacเพื่อให้เราเห็น

ขอขอบคุณ

ขอขอบคุณ Joe Medley ที่ให้ความช่วยเหลือในการตรวจสอบและแก้ไขรูปแบบ ขอขอบคุณ Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal และ Matthias Rohmer ที่สนับสนุนด้านเทคนิคและองค์กร รวมถึงให้กำลังใจเราจนทำให้โปรเจ็กต์นี้สำเร็จ โปรเจ็กต์รูปแบบทั้งหมดนี้เกิดขึ้นไม่ได้หากไม่มีความช่วยเหลือจากผู้เขียนรูปแบบแต่ละรูปแบบ ได้แก่ Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort และ Joe Medley