תבניות חדשות לאפליקציות מדהימות

צוללים לאוסף מדהים של תבניות חדשות לאפליקציות מדהימות, כולל תבניות ללוח, דפוסי קבצים ודפוסי אפליקציות.

לא משנה מה אתם יוצרים – מדובר באפליקציית עריכת סרטונים מהדור הבא, משחק מילים ממכר או אפליקציה של רשת חברתית אונליין חדשה - תמיד תצטרכו לבצע כמה פעולות בנייה בסיסיות בלוקים:

  • סביר להניח שהאפליקציה לעריכת סרטונים תאפשר למשתמש לשמור את הסרטון הערוך.
  • המשחק שלך יכול לאפשר למשתמש לשתף את ההתקדמות במשחק עם חברים.
  • סביר להניח שאפליקציית רשת חברתית אונליין תאפשר למשתמש להדביק תמונות בפוסט.

אין דרך אוניברסלית להבין את הדפוסים האלה

אלו רק כמה דוגמאות לדפוסים כאלה, ויש עוד המון דוגמאות. אבל כל אלה יש מכנה משותף: אין דרך אוניברסלית כדי לממש אותם.

התקדמות השיתוף

לדוגמה, לא כל הדפדפנים מטמיעים את ה-Web Share API, כך שבמקרים מסוימים תצטרכו להשתמש בגישה אחרת, אובייקטים של 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 וכו'

מתבצעת הדבקה של תמונות

לסיכום הדוגמאות הראשוניות, לא כל הדפדפנים תומכים בהדבקת תמונות באפליקציית אינטרנט, לכן תוכלו לחזור ולהשתמש ב-API לגרירה ושחרור או להציג בורר קבצים, שאינו אלגנטי כמו את Async Clipboard API, אבל לפחות הוא עובד.

הדפוסים החדשים

ואם זה לא מובן מאליו, קטעי התבניות החדשים:

דוגמאות של הלוח

תבניות של לוח לכל מה שקשור ללוח המערכת, כמו להעתיק ולהדביק כל מיני דברים.

תבניות של קבצים

תבניות קבצים לכל מה שקשור לקבצים ולספריות. יהיה זה שמירה, פתיחה, גרירה ושחרור, קבלה או שיתוף.

דפוסים של אפליקציות אינטרנט

דפוסים של אפליקציות אינטרנט לכל מה שקשור לאפליקציות מתקדמות תכונות כמו הצגת קיצורי דרך לאפליקציות, סנכרון נתונים ברקע מדי פעם, הצגת אפליקציות תגים ועוד הרבה יותר.

משוב

אני מקווה שהדפוסים האלה יעזרו לך לפתח אפליקציות מדהימות, ואני מחכה למשוב שלך. תוכלו לשלוח משוב על ידי שליחת ציוץ לכתובת @ChromiumDev או דיווח על בעיה. בשני המקרים, התיוג @tomayac כדי לוודא שאני רואה אותו.

אישורים

אני רוצה להודות לג'ו מדלי על העזרה שלו בבדיקה ובעריכה את הדפוסים. תודה ל-Pete LePage, אווה גספרוביץ', רייצ'ל אנדרו, קן פסקל, וגם מתיאס רוהמר עבור כל התמיכה הטכנית והארגון שלהם ועוד עידודים לעשות זאת. פרויקט הדפוסים כולו לא היה אפשרי ללא בעזרת המחברים של הדפוסים הנפרדים, כלומר הארי תאודולו, טוני קונווי, Palances Liao, Cecilia Cong, פרנסואה ביופורט, וגם ג'ו מדלי.