Итак, время от времени возвращаюсь к своему проекту возвращения стены, но не в ВК, а в более свежее творение Паши Дурова. Что у нас нового? В целом - все
Начнем с того, что у нас тут теперь большая аватарка пользователя (чтоб можно было потом повесить на нее красивую надпись VIP или сердечки), есть рейтинг, который будет показывать ваш статус и больше ничего (который по факту показывает сколько денег вы закинули автору бота на кофе), статус (для пацанских цитат), а также поле о себе, которое я максимально постарался слизать со старого ВК.
На стене все ещё можно рисовать граффити, или приложить картинку к своему посту, рисовалка конечно чуть проще, чем была в ВК, но вайбы сохранены.
Добавил окно настроек профиля, собственно тут заполняется информация о себе. Просто и лаконично.
Проект пилю по мере сил и свободного времени, но с каждым днём затягивает все сильнее и сильнее. Если есть желание потыкать или прислать идею для реализации (кроме внедрения тюряги онлайн) - буду рад, пишите в комментариях!
Я создал микросайт, на котором ОДНОВРЕМНЕННО показываются минимальные и максимальные стоимости золота, серебра, платины и палладия (в долларах за унцию) в диапазоне от 1900 до 2025 года (по состоянию на 05.07.2025), что вы видите на рисунке ниже.
Точнее говоря, на каждом из четырёх рисунков пользователь вручную может настроить диапазон (например, 1960-2025).
Я дам ссылку на микросайт по запросу, но перед этим собираюсь подождать сутки, чтобы разные пользователи написали адреса сайтов, где показаны графики минимальных и максимальных значений золота, серебра, платины и палладия.
Также мне хотелось бы, чтобы в ближайшие сутки было поменьше комментариев о дизайне микросайта, а побольше мнений о наличии или отсутствии аналогов нижеприведённых диаграмм.
Минимальные и максимальные стоимости золота, серебра, платины и палладия за каждый год (1960-2025)
Наверняка многие из вас задумываются: а чтобы такого сделать, чтоб потом ничего не делать?! Конечно варианты развития могут быть разные, а я расскажу вам о своем. В один прекрасный день сходя на прогулку в ТЦ, на окраине СПБ, захотелось перекусить и когда ты подошел на фуд-корт только и слышно: заказ номер такой то, забираем, заказ номер такой то, забираем.. Как правило ты стоишь и наблюдаешь за этим минут 10, глядя на бедного продавьца, который на последних издыхания это кричит и думаешь, ну а где же все таки тот человек, которого так долго кричат на выдаче.. В голове появляется первая мысль...
Именно такое первое название и пришло в голову
Буквально через 30 минут, ты сидишь за ноутбуком и начинаешь строчить строки, предварительно воспользовавшись все таки бумажкой, но нет, это не салфетка. Люблю сперва свои мысли выражать на бумагу, чтоб мысль уже закрепилась.
Воплощение мысли в бумаге
Ну и когда уже есть сформированная мысль, ты начинаешь делать все дела в спешке: так что нам надо? Надо быстренькое зарегистрировать домен... Так что нам еще надо? Надо быстренькое поднять лицензию CMS, которую ты регулярно используешь. Так что еще дальше? Надо опросить пару человек фокусной группы, мнение которых ты прислушиваешься в такие моменты, когда приходит в голову очередной бред. Так что нам еще надо? Время время время, оно ведь есть у нас находясь в отпуске?!
Самый томительный момент наступает после регистрации доменного имени, который может стать доступным в течении 24 часов. У кого то это происходит быстро, а у меня как и обычно ждать минимум несколько часов и именно в эти часы ожидания ты начинаешь фантазировать, генерировать, замышлять. Спустя примерно неделю, или даже две, как произошло это в моем случае, ты уже получаешь готовый продукт, по крайней мере именно так думаешь ты.
Фохошопом владеешь еще не так умело, чтоб хорошо вырезать руки
Сперва, когда ты примерно воплотил уже свою идею и сайт в видимый и ощутимый кусок, начинаешь показывать друзьям, чье мнение ты слушаешь. Именно в такие моменты ты понимаешь, что либо у тебя совсем тупые друзья или же ты не все смог предусмотреть. В моем случае я конечно же даже и не задумывался, что для моей идеи понадобится десктопный сайт, так как идея про коварство именно с мобильных, но когда ты кому то показал то, что сделал, ты услышал: а что тут делать? Тут ничего не тыкается, не нажимается. Рукалицо. Ты вспоминаешь, что забыл написать онлимобайлфон... Ничего, все исправимо..
Ну теперь то вполне логично, что зис сайт онлимобайлфоне?!
И что Вы думаете, конечно же опять у тебя "умная" фокусная группа... Начинаешь объяснять людям, да блин, возьми в руки, зайди, посмотри, тыкни, почитай.. Итог какой? Эмммм, а что с этим делать и для чего это? И именно в эти моменты ты рвешь последние свои волосы на голове, стараешься продумать все до мелочей и расписать максимально максимально подробно для фокусной группы. Ну и в принципе получается такой результат, кто дочитал, тот молодец https://halyavaitochka.ru теперь уже доступно и с мобильного телефона и с десктопной версии но в виде мобильного телефона и т.д
В принципе и писать то не особо умею, но стоило попробовать.
Привет, Пикабу! Хочу рассказать историю о том, как обычный айтишник без особых знаний фронтенда создал довольно полезное веб-приложение, используя силу искусственного интеллекта. Спойлер: коллеги были удивлены.
Начальный экран приложения (прелоадер)
Завал задач и поиски спасения
Итак, дело было так. Очередной завал на работе, куча задач, мозг кипит. Вспомнил про технику Помодоро — это когда работаешь 25 минут, потом 5 минут отдыхаешь. Простая штука, но реально помогает не выгорать.
Полез искать нормальный таймер в интернете и... знакомая история:
Либо убого простые
Либо перегруженные фигнёй
Либо на английском
Либо платные
Либо ещё регистрацию просят
В общем, типичная ситуация: "Да я сам лучше сделаю!" Но проблема в том, что фронтенд я знаю на уровне "поменять текст на странице через консоль разработчика до перезагрузки".
Вспомнил про хайповую штуку
Тут я вспомнил про так называемый "вайб-кодинг" с нейросетями. Да, знаю, что многие к этому относятся скептически, но решил попробовать. Открыл Claude и написал примерно так:
"Старина, сделай мне HTML-страничку с таймером Помодоро. Нужно: таймер на 25 минут, задачи можно добавлять, статистика какая-нибудь и чтоб пикал когда время вышло."
И тут началось волшебство! Claude выдал мне полноценный рабочий прототип. Причём не просто "Hello World", а реально функциональную штуку😉:
Нормальным таймером
Возможностью добавлять задачи
Статистикой
Звуками
Меня понесло
Ну и дальше меня, конечно, понесло:
А можешь добавить сохранение в Local Storage?
А сделай звуки покруче
А перекрась вот это в зелёный
А добавь настройки времени
А мобильную адаптивность
Claude всё это выполнял как послушный джуниор! За час у меня был готов довольно приличный таймер.
Внешний вид приложения (начальной версии не осталось, к сожалению, показываю конечный результат)
Реакция коллег
Показал результат фронтенд-разрабам на работе со словами: "Смотрите, что я за час накатал, вообще без знаний!"
Их реакция:
😳 (удивление)
🤔 (изучают интерфейс)
😯 (ещё больше удивления)
Нефига себе, ништяк получилося! Реально работает!
Решил довести до ума
После такой реакции подумал: "А почему бы не довести это до продакшена?" И понеслось...
Настраиваемые интервалы (любое время, какое хочешь!)
10 типов звуков + можно загрузить свой
Ручное сохранение настроек
Push-уведомления в браузере
Для обычных людей:
Добавляешь задачи и следишь за прогрессом
Видишь статистику: сколько помидорок сделал
Не забываешь делать перерывы
Задачи сохраняются автоматически
Запуск таймера для добавленной задачи, длительностью 1 час
Настройки приложения
Про дизайн (не кидайтесь тапками)
Отдельно про дизайн. Да, я знаю, что он специфический. Это не потому что у меня нет вкуса (хотя может и нет 😅), а потому что я специально попросил Claude сделать что-то в стиле киберпанка 90-х.
Получилось ярко, кислотно, с неоновыми цветами и пиксельными эффектами. Возможно, не всем зайдёт, но зато запоминается!
Телеграм-версия
Потом решил пойти дальше и сделал версию для Телеграма: @pomo25_bot
Плюсы:
Данные синхронизируются через облако Телеграма
Уведомления приходят от самого Телеграма
Работает на телефоне как нативное приложение
Минусы:
Не работает в фоне (об этом ниже)
Приложение в Telegram
Проблема с фоновой работой
Единственное, что не смог победить — работу в фоне на мобилках.
Проблема в том, что:
Телеграм Web Apps работают в WebView
При сворачивании приложения WebView приостанавливается
JavaScript перестаёт выполняться
Service Workers в WebView работают криво
iOS вообще жёстко блокирует фоновые скрипты
В итоге при сворачивании таймер автоматически ставится на паузу. Для полноценной работы в фоне нужно было бы нативное приложение.
Опыт работы с нейросетями
Claude: король прототипирования
В начале Claude был просто космос:
Быстро понимает что нужно
Генерирует рабочий код
Хорошо итерируется
Не задаёт лишних вопросов
Но потом начались проблемы
Когда проект разросся, Claude начал путаться:
Исправляет одно, ломает другое
Забывает контекст больших файлов
Приходилось делать бэкапы в гите постоянно
Попробовал ChatGPT — ещё хуже! То ли ленился и отвечал "попробуйте перезагрузить страницу", то ли чинил совсем не там, где надо, вообще не понимая что происходит в коде.
Gemini спас ситуацию
Тогда попробовал новый Gemini (у него миллион токенов контекста). И охренел!
Gemini смог:
Прочитать ВЕСЬ проект целиком
Найти реальные причины багов
Переписать проблемные части
Почистить код от мусора
Реальная польза
Сейчас пользуюсь своим таймером каждый день:
Реально стал делать перерывы (раньше мог 3 часа сидеть не вставая)
Лучше планирую время на задачи
Меньше выгораю от сложных задач
Коллеги тоже подсели, просят фичи добавить, но я пока просто собираю обратную связь и анализируюю насколько это будет сложно реализовать и внедрить
Мораль истории
Современные нейросети действительно могут сильно понизить порог входа в разработку. Даже если ты не знаешь React/Vue/Angular, можно создать полезную штуку.
Но есть нюансы:
Для прототипов ИИ идеален
Для больших проектов нужно понимать что делаешь
Разные ИИ лучше для разных задач
Git обязателен при работе с ИИ
Итог
За час собрал рабочий прототип, потом пару недель в свободное время фиксил баги и боролся с нейросетями. В итоге получился реальный продукт, которым пользуются люди. Нейросети — не панацея, но инструмент мощный.
Сейчас собираю обратную связь (конструктивную, не токсичную) и планирую постепенно что-то добавлять и исправлять по мере поступления интересных идей.
Кто-то ещё экспериментировал с ИИ-разработкой? Поделитесь в комментах!
P.S. Если найдёте баги или будут идеи, пишите. Обратная связь очень ценна!
UPD: Забыл добавить — если кто захочет посмотреть, что получилось: pomo25.ru и @pomo25_bot в Телеграме!
Память - единственный рай, из которого нас не могут изгнать. (Жан Поль)
На досуге было нечем заняться, а как известно, именно в такие моменты рождаются самые бредовые идеи. И вот, сев за ноут, я наткнулся на видео, где парнишка объяснял логику работы мини приложений в телеграм, и я начал думать, а что же мне такого собрать на коленке, чтобы немного покопаться в вопросе. И у меня в голове возникла картина. Я же, черт возьми, могу сделать то, что так давно просили вернуть Пашу, хоть и с небольшим опозданием, да и совсем не там, где оно было изначально, но ради кликбейта мы готовы на всё. И вот я уже открыл IDE и начал возвращать стену. И сейчас это выглядит примерно так:
У каждого авторизованного пользователя есть своя стена, профиль, который он может настроить под себя (изначально аватар и имя/фамилия подтягиваются из профиля телеграм, но их можно кастомизировать), есть псевдоним и статус, а также можно заполнять инфо о себе, вроде семейного положения и политических взглядов, все как в старые добрые.
Ну и собственно сама стена. Пока поддерживает текст, прикрепление изображений и рисование "граффити" (спасибо за реализацию чатгпт, без него я бы точно в этом вопросе не вывез). Также есть счётчик лайков под постами, но пока без отображения кто этот лайк поставил.
Своя стена открывается в боте по кнопке /start, а на чужую можно попасть по размещенной пользователем ссылке с его ID.
История чисто фановая, выглядит скорее как дневники у школьниц, которые заполняют анкеты и просят расписаться, но все же меня на этой стадии уже заставляет улыбнуться)
Пишите чего бы сами добавили из олдскульного ВК, буду рад почитать, если понравится тема то выпущу рассказ с новым "обновлением" когда выпилю стену и заменю ее на микроблог
