Pola baru untuk aplikasi keren

Pelajari koleksi pola baru yang fantastis untuk aplikasi yang luar biasa, termasuk pola papan klip, pola file, dan pola aplikasi.

Apa pun yang Anda buat—baik itu aplikasi pengeditan video generasi berikutnya, game kata yang membuat ketagihan, atau aplikasi jejaring sosial online di masa mendatang—Anda akan selalu membutuhkan beberapa elemen dasar pembangunan:

  • Aplikasi pengeditan video mungkin akan memungkinkan pengguna menyimpan video yang diedit.
  • Game Anda mungkin akan memungkinkan pengguna membagikan progres game kepada teman.
  • Aplikasi jejaring sosial online kemungkinan besar akan memungkinkan pengguna menempelkan gambar ke dalam postingan.

Ini hanyalah beberapa contoh pola tersebut, dan masih banyak lagi. Namun, semua hal ini memiliki satu kesamaan: tidak ada cara universal untuk mewujudkannya.

Membagikan progres

Misalnya, tidak semua browser menerapkan Web Share API, sehingga dalam beberapa kasus, Anda harus kembali ke pendekatan yang berbeda, seperti Intent Web Twitter, atau menyalin ke papan klip, yang merupakan pendekatan yang dipilih di Wordle saat Web Share API tidak diterapkan. Fiuh, hampir tidak mendapatkannya:

Wordle 471 6/6

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

Menyimpan file

Dalam hal penyimpanan, pendekatan yang tepat adalah menggunakan File System Access API, sehingga Anda akan mendapatkan FileSystemFileHandle, yang memungkinkan Anda menerapkan alur simpan, edit, simpan yang sebenarnya. Hal terbaik berikutnya adalah kembali ke <a download> klasik, yang juga memungkinkan pengguna menyimpan data, tetapi memiliki kelemahan dalam membuat file baru pada setiap download, sehingga mereka berakhir dengan my-video.mp4, my-video (1).mp4, my-video (2).mp4, dll.

Menempelkan gambar

Untuk mengakhiri contoh pengantar, tidak semua browser mendukung penempelan gambar ke aplikasi web, sehingga Anda dapat kembali menggunakan Drag and Drop API atau menampilkan pemilih file, yang tidak seanggun Async Clipboard API, tetapi setidaknya berfungsi.

Pola baru

Dengan demikian, bagian pola baru adalah:

Pola papan klip

Pola papan klip untuk semua hal yang terkait dengan papan klip sistem seperti menyalin dan menempelkan berbagai hal.

Pola file

Pola file untuk semua hal yang berkaitan dengan file dan direktori; baik menyimpan, membuka, menarik lalu melepas, menerima, maupun berbagi.

Pola aplikasi web

Pola aplikasi web untuk semua hal yang terkait dengan fitur aplikasi lanjutan seperti menyediakan pintasan aplikasi, menyinkronkan data secara berkala di latar belakang, menampilkan badge aplikasi, dan banyak lagi.

Masukan

Semoga pola ini akan membantu Anda membuat aplikasi yang luar biasa, dan kami menantikan masukan Anda. Anda dapat memberikan masukan dengan mengirim tweet ke @ChromiumDev atau melaporkan Masalah. Dalam kedua kasus tersebut, beri tag @tomayac untuk memastikan saya melihatnya.

Ucapan terima kasih

Saya berterima kasih kepada Joe Medley atas bantuannya dalam meninjau dan mengedit pola. Terima kasih kepada Pete LePage, Ewa Gasperowicz, Rachel Andrew, Ken Pascal, dan Matthias Rohmer atas semua dukungan teknis dan organisasi serta dorongan mereka untuk mewujudkan hal ini. Seluruh project pola tidak akan dapat dilakukan tanpa bantuan penulis setiap pola, yaitu Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort, dan Joe Medley.