Скажите фразу «прогрессивное веб-приложение» большинству людей, включая технически подкованных профессионалов, и вы обязательно встретите последовательную реакцию: классический пустой взгляд, за которым, вероятно, последует период неловкого молчания.
Прогрессивные веб-приложения - или, как их часто называют, PWA - являются одним из самых многообещающих достижений, связанных с приложениями, за последние несколько лет, но они все еще относительно редки, полностью запутаны и, следовательно, совершенно неправильно поняты. Частично это проблема брендинга: простое и понятное «прогрессивное веб-приложение» - ужасно неуклюжее название, которое, кажется, больше предназначено для разработчиков, чем для широкой публики.
Частично это согласованность, поскольку возможности PWA сильно различаются от одной программы к другой. И часть этого - презентация, поскольку метод поиска и установки PWA далеко не очевиден, и нет большой централизованной витрины для просмотра доступных вариантов или оценки их качества.
Однако, если вам удастся найти нужные программы для ваших целей, прогрессивные веб-приложения могут стать бесценной частью вашего набора инструментов для повышения производительности. Лучшие PWA предоставляют полностью функциональные интерфейсы, похожие на приложения, которые работают в автономном режиме и практически неотличимы от своих более традиционных аналогов приложений. Они легкие, обновляются автоматически и работают одинаково на большинстве распространенных вычислительных платформ. Они могут быть важным элементом установки Chrome OS, и они могут быть не менее полезными в системе Windows, Mac или Linux и даже на устройстве Android или iOS.
Уловка в основном заключается в том, чтобы найти проклятые вещи и выяснить, что на самом деле стоит вашего времени. И сегодня мы все это разберем.
Что такое прогрессивные веб-приложения?
Во-первых, краткий обзор того, что такое прогрессивное веб-приложение - потому что, как мы уже установили, это чертовски запутанно. Самый простой способ представить себе прогрессивное веб-приложение - это смесь веб-сайта и локально установленной программы. PWA подключается к вашему браузеру и полагается на обычные веб-технологии, но он упакован таким образом, что он больше похож на традиционное автономное приложение.
И когда все сделано хорошо, оно может предложить многие из тех же преимуществ, которые дает вам традиционное локальное приложение - в настройке, согласованной для разных типов устройств и простой в управлении и обслуживании.
Как найти и установить прогрессивное веб-приложение?
Здесь дела обстоят особенно неясно. Google постепенно начинает предлагать прогрессивные веб-приложения в Play Store на Chromebook, но вариантов по-прежнему немного (и они также не помечены или не доступны для поиска каким-либо определенным образом). И хотя некоторые сторонние сайты появились, чтобы заполнить пустоту виртуального магазина PWA, они, как правило, немного тусклые и увязли в большом количестве некачественной глупости.
На данный момент единственный надежный способ увидеть, что PWA доступен на рабочем столе, - это посетить соответствующий веб-сайт, а затем найти специальный значок в адресной строке браузера - монитор со стрелкой вниз в Chrome или ряд из трех соединенных квадратов со знаком плюс в Edge - или чтобы открыть главное меню браузера и найти параметр «Установить», пока сайт открыт. Эта команда будет отображаться в главном трехточечном меню в Chrome и в разделе «Приложения» главного меню в Edge, когда она доступна.
Обратите внимание, что в случаях, когда служба требует, чтобы вы вошли в систему для ее использования, вам может потребоваться сначала войти в систему (или создать учетную запись, а затем войти), прежде чем вы увидите приглашение установки PWA.
Как ни странно, Firefox больше не поддерживает стандарт PWA, а Safari никогда не поддерживал его в своей настольной версии.
Та же базовая концепция будет работать и на мобильных устройствах, если заглянуть в главное меню браузера при просмотре сайта с возможностями PWA на телефоне или планшете. На Android Chrome покажет вариант «Установить приложение», когда такая возможность существует, а Edge просто скажет «Добавить на экран» без очевидного указания того, будет ли полученный элемент PWA или просто базовой ссылкой для открытия сайта. в браузере.
В iOS только Safari поддерживает установку PWA, и он также предлагает только расплывчатую опцию «Добавить на главный экран» без указания того, получите ли вы PWA или базовую веб-ссылку при ее использовании. (Сказал, что это сбивает с толку!)
Независимо от платформы или типа устройства, после того, как вы нашли и установили PWA, он появится в виде значка на вашем рабочем столе, главном экране или там, где ваша операционная система хранит недавно установленные приложения.
Итак, разобравшись со всем этим, давайте перейдем к ориентированным на продуктивность PWA, которые стоит использовать - с акцентом на приложения, которые действительно добавляют что-то к опыту, помимо предоставления вам прославленной ссылки на веб-сайт.
Лучшие прогрессивные веб-приложения для задач и заметок
Todoist
Если вам нужен идеальный пример того, каким должно быть прогрессивное веб-приложение, не ищите ничего, кроме Todoist. Исключительное приложение для создания списков (и я также выбрал одно из лучших приложений для организации на Android) предлагает тщательно продуманный PWA, который выглядит, ощущается и действует почти так же, как обычная локальная программа.
После того, как он установлен на вашем устройстве, вы сможете просматривать, управлять и настраивать любые существующие задачи, которые вы создали, а также создавать новые задачи в быстром интерфейсе без буферизации, о котором вы даже не догадывались, подключенном к браузер. И, что лучше всего, приложение полностью поддерживает работу в автономном режиме: каждый раз, когда у вас нет активного подключения к Интернету, вы увидите значок, сообщающий, что вы находитесь в автономном режиме, и что любые внесенные вами изменения будут синхронизированы в ближайшее время. когда вы снова подключились.
Единственная загвоздка в том, что вы должны быть уверены, что открыли приложение заранее, пока у вас еще есть активное соединение, чтобы оно могло синхронизировать и загружать всю самую свежую информацию изначально.
Google Keep
Несколько удивительно, что Keep в настоящее время является единственной службой Google, которая на данный момент предлагается как действительно функциональное и стоящее прогрессивное веб-приложение. В отличие от своих родственников из семейства Google, Keep действует как настоящая программа и позволяет искать, просматривать и редактировать существующие заметки, а также делать новые заметки, даже когда вы не в сети. А с расширенными функциями, начиная от напоминаний на основе времени и местоположения и заканчивая тегами, цветовым кодированием и даже преобразованием изображения в текст на основе искусственного интеллекта, это выдающийся вариант, который абсолютно выгоден в этой форме.
Simplenote
Для более простых целей создания заметок, метко названный Simplenote делает не менее впечатляющую работу, предлагая опыт, похожий на приложение, в прогрессивной структуре веб-приложений. Simplenote, который также отлично подходит для создания заметок без излишеств на Android, предоставляет чистый и удобный интерфейс для создания, редактирования и просмотра заметок. Он поддерживает теги, а также контрольные списки, но не имеет дополнительных функций, создающих беспорядок, которые предоставляет большинство других платформ для создания заметок.
И так же, как Keep и Todoist, он полностью способен работать в автономном режиме, если вы не забываете открывать приложение, пока вы все еще подключены, чтобы оно могло выполнить эту первоначальную синхронизацию.
Лучшие прогрессивные веб-приложения для работы с мультимедиа
Chrome Canvas
Если вам нужна базовая разметка изображений, суперпростое приложение Google Chrome Canvas - это инструмент для этой работы. Chrome Canvas - это все, что нужно рисовать поверх изображений - и это почти все.
Когда вы в пути и нуждаетесь в быстром способе обвести или выделить что-то на фотографии или, возможно, стереть часть изображения, прежде чем поделиться им в Slack, Chrome Canvas - самый быстрый и простой способ сделать это. И, как и все другие прогрессивные веб-приложения, которые мы рассмотрели, оно работает так же хорошо в автономном режиме, как и при подключении к Интернету.
Photopea
Когда вам нужно редактирование уровня Photoshop без реального программного обеспечения Photoshop, Photopea - замечательная альтернатива, полностью основанная на веб-технологиях. Установив Photopea PWA, вы сможете делать все, от оптимизации фотографий до настройки иллюстраций и создания сложных многослойных графических файлов.
