В современном цифровом мире наличие мобильного доступа к актуальной информации — это ключ к успешному участию в различных мероприятиях, включая конференции. Однако официальные сайты конференций часто бывают неудобны для пользователей мобильных устройств: медленная загрузка, неадаптированный интерфейс и сложная навигация могут вызвать массу неудобств. Решить эту проблему можно с помощью создания собственного веб-приложения, которое позволит легко просматривать расписание конференции и интегрировать его с календарём на любом смартфоне. В этом материале мы рассмотрим уникальный пример, в котором весь процесс - от сбора данных до разработки и публикации - был выполнен исключительно на телефоне с помощью современных инструментов искусственного интеллекта и автоматизации. История, описанная Саймоном Уиллисоном, ярко демонстрирует, как можно использовать возможности OpenAI Codex и Claude Artifacts, чтобы за считанные часы переработать неудобное расписание с сайта конференции Open Sauce 2025 в удобный, быстро загружающийся продукт.
Начинается всё с задачи извлечь расписание конференции из плохо структурированного и плохо оптимизированного сайта. Обычный подход в таких случаях — открыть исходный код страницы на компьютере и написать скрипт для «скрапинга» данных. Но в ситуации, когда под рукой только телефон и нет доступа к привычным инструментам для просмотра исходников, возникает необходимость искать новые решения. Автор воспользовался облачной средой OpenAI Codex, которая недавно получила возможность самостоятельно взаимодействовать с интернетом и запускать полноценные сетевые команды. С помощью мобильного приложения ChatGPT он дал Codex точные инструкции — установить библиотеку Playwright, посетить страницу с расписанием конференции, охватить данные с трёх дней и сохранить всё в структурированном формате JSON.
Несмотря на ограничение в том, что Codex не принимают дополнительные вмешательства до окончания задачи, модель безошибочно справилась, выкачав всю информацию в одном сеансе. Важно отметить, что для извлечения данных пришлось анализировать и парсить большой фрагмент обфусцированного JavaScript-кода, где скрывалась необходимая информация. В ходе работы Codex использовал утилиты командной строки, а также запускал фрагменты JavaScript кода внутри Python-скрипта — всё для того, чтобы корректно извлечь данные. Аналитический и технически сложный процесс фактически был проведён на расстоянии с помощью искусственного интеллекта, а конечный результат был автоматически загружен в репозиторий автора. После того как данные расписания были получены и доступны в формате JSON, следующая задача — создать полноценное мобильное веб-приложение с дружественным интерфейсом и дополнительной функциональностью.
Цель состояла не просто в отображении информации, но и в возможности пользователям легко импортировать события конференции прямо в собственные календари iOS или Android с помощью формата ICS. В процессе разработки на телефоне автор испытал ряд трудностей, связанных с ограничениями инструментов для работы с внешними данными, особенностями сред выполнения и нестабильным мобильным интернетом. Вместо локальной загрузки файла JSON пришлось использовать прямое обращение к файлу, размещённому в открытом репозитории GitHub. Такие детали делают процесс работы на мобильном устройстве в 2025 году неожиданно сложным, несмотря на высокий уровень развития технологий. Чтобы создать приложение, автор обратился к Claude Artifacts — инструменту, позволяющему собирать веб-страницы и мини-приложения с низкой задержкой.
Интеграция с Claude требовала внимательного управления загрузкой данных и оптимизацией запросов, так как на мобильном телефоне очень важно минимизировать количество сетевых вызовов и объём загружаемых данных. Сайт получился лёгким, отзывчивым и удобным для навигации даже на экранах небольшой диагонали. Особое внимание уделялось понятному отображению трёхдневного расписания конференции, с разделением по дням и простыми средствами переключения между ними. Помимо этого была реализована кнопка для скачивания календарного файла, позволяющая пользователям добавить все события конференции в свой персональный календарь одним нажатием. При первом размещении онлайн заметка, средства визуализации включали большое количество загрузок изображений спикеров, что негативно сказалось на скорости и объёме трафика.
После обратной связи от пользователей и сообщества было решено полностью убрать аватары спикеров из страницы, что сократило вес страницы почти в тысячу раз и существенно повысило отзывчивость интерфейса на мобильных устройствах. Помимо оптимизации скорости, был проведён целенаправленный аудит и улучшение доступности сайта. Первоначально страница состояла преимущественно из контейнеров <div>, что усложняло работу пользователей с навигационными средствами и средствами чтения с экрана. Совместная работа с ИИ позволила добавить семантических элементов, таких как заголовки <h3>, а также aria-атрибутов и скрытые ссылки для перехода к основному контенту. Это повысило удобство и позволило сайту соответствовать современным стандартам веб-доступности.
Весь проект стал наглядным примером того, как можно использовать AI-ассистированные инструменты для решения реальных задач разработки в условиях, далеких от традиционных — без компьютера, без мощных редакторов и сложных локальных окружений. Комбинация OpenAI Codex для автоматизации обработки данных и Claude Artifacts для быстрой сборки фронтенда на мобильном телефоне показала, что потенциал современных AI-инструментов превышает ожидания и расширяет границы возможного. Упомянутая конференция Open Sauce — важное событие для научных и инженерных видеоблогеров, и способность быстро адаптировать неудобный сайт к их нуждам, подарила участникам улучшенный пользовательский опыт прямо в кармане. Этот проект также подчёркивает значение опыта и глубины знаний разработчика, который, владея инструментами и методологиями web-разработки, смог эффективно применять новейшие AI-инструменты, нивелируя ограничения мобильной платформы. Практическое применение подобных техник открывает новые горизонты не только для энтузиастов и одиночек, работающих с контентом на ходу, но и для небольших команд, желающих быстро создавать прототипы и кастомизированные решения в условиях ограниченных ресурсов.
Кроме того, история подчёркивает важность тестирования и отзывов реальных пользователей, которые помогают выявлять узкие места, оптимизировать производительность и улучшать доступность продуктов. Отдельным достижением можно назвать возможность работать с календарными данными в формате ICS — универсальном стандарте обмена событиями, который поддерживается на всех современных платформах. Создание кнопки для скачивания и автоматического импорта расписания не только повышает удобство, но и способствует лучшему вовлечению аудитории конференции и снижает риск пропуска важных сессий. Итогом становится позитивный пример цифровой трансформации сложных, устаревших решений без вложений в мощное оборудование и специализированные программы. Это демонстрирует, как современные облачные сервисы AI, разработанные для генеративного программирования, делают создание полезного программного обеспечения возможным в любых условиях.
В перспективе такие подходы могут стать стандартом для оперативных решений в сфере мероприятий, обучения и других быстро меняющихся областях, где гибкость и скорость разработки решают многое. Технологическая эволюция в направлении AI-ассистированного программирования и мобильной разработки продолжает впечатлять, и опыт Саймона Уиллисона является наглядным подтверждением того, что далеко не всегда нужны громоздкие инструменты и мощное железо, чтобы создавать современные, практичные и удобные цифровые продукты.
