Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Регистрируясь, я даю согласие на обработку данных и условия почтовых рассылок.
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр «Рыбный дождь 2» — это игра-симулятор рыбалки, где вы почувствуете себя настоящим рыбаком на берегу реки, озера или морского побережья.

Рыбный дождь 2

Симуляторы, Спорт, Ролевые

Играть

Топ прошлой недели

  • solenakrivetka solenakrivetka 7 постов
  • Animalrescueed Animalrescueed 53 поста
  • ia.panorama ia.panorama 12 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая «Подписаться», я даю согласие на обработку данных и условия почтовых рассылок.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
0 просмотренных постов скрыто
VibeCoder
VibeCoder

Вайб кодинг - главный рычаг ускорения⁠⁠

5 месяцев назад

Привет, кодеры и продукт-манагеры !👋

Почему я пишу про AI+Coding, а не просто "продукты с LLM под капотом"?

Отвечаю честно — потому что сейчас это ГЛАВНЫЙ РЫЧАГ УСКОРЕНИЯ для всех: разработчики, маркетологи, продукты. Для всех

👇 Две причины:

1. Типовые AI-продукты стали "коммодити".

Паттерны для бизнеса уже отработаны до дыр:

→ Data Extraction (вытащил данные из PDF → спарсил → залил в CRM),

→ Search Assistants (чат-бот с RAG + чеклист в CoT).

Берем LLM/VLM, добавляем Structured Output и Custom Chain-of-Thought — вуаля, "дорогой" проект готов!

Примеры: авточекинг purchase orders, мед-ассистенты, парсинг номенклатур.

Проблема? Рискованнее кейсы (агенты, сложные workflow) пока не окупаются. Все заняты скучным, но денежным потоком.

2. AI+Coding — ускорение там, где "горят сроки".

→ Не хватает спецов под LLM-продукты?

→ Джуны не справляются?

→ Эксперты тонут в рутине?

Решение: LMM + ии-агенты дают "турбоподъем":

- Сеньоры перестают копаться в коде → проектируют архитектуру,

- Джуны получают AI-агентов вместо ТЗ → генерируют рабочие прототипы за часы,

- Тестирование, рефакторинг, документирование — автоматизируются.

Итог: команда не "тушит пожары", а создает ценность.

Но есть нюанс:

Чтобы vibe coding действильно давал, а не создавал хаос — надо учиться.

- Разработчикам → как внедрять AI в поток,

- Лидам → как перестраивать процессы,

- Мне → как быть системным и понятным.

Вот почему я сейчас живу в теме вайб-кодинга:

Потому что масштабирование важнее единичных кейсов.

Потому что ускорение команды эффективнее использования еще одного чат-бота.

Потому что дальше будет только веселее 😉

Показать полностью
Контент нейросетей Программирование Искусственный интеллект Openai ChatGPT DeepSeek Разработка Веб-разработка Чат-бот Программа Тренд Текст
8
DaTstudio
DaTstudio

Лендинг-пейдж "под ключ" о новой технологии переработки мусора⁠⁠

5 месяцев назад

Задача

Cоздать сайт на основе реальных данных, которые передадут суть, задачи и цели новой технологии по переработке мусора. Цель – рассказать об уникальности технологии и подтолкнуть пользователя инвестировать в эту отрасль

Решение

1. Создание фирменного стиля.

- Сбор требований, анализ конкурентов, прототипирование

- Создание фирменного стиля компании, логотипа, проведение UI/UX исследований

- Создание адаптивных макетов, графических элементов и анимации

2. Адаптивная верстка макетов.

- Адаптивная верстка проекта

- Проработка анимации

- Адаптация верстки под разные экраны и браузера

3. Программирование готовой верстки.

- Программирование бэкенда

- Подключение отправки форм

- Переход по ссылкам

- Создание внутренних уникальных страниц, доступных только по уникальной ссылке

4 Наполнение контентом и тестирование.

Анализ текстовой информации бизнес-аналитиком для заполнения контентом, написание title, description. Тестирование продукта.

5 Техническое сопровождение

Покупка домена и выделение собственного сервера под нужды Заказчика.

Результат

Сайт с уникальным стилем и дизайном, который полностью раскрывает цель и задачи новой технологии.

Сайт отвечает ряду главных требований:

- простота и понятность использования, как со стороны пользователя, так и со стороны администратора

- проработанная адаптивность и кроссбраузерность

- быстрая скорость загрузки

Показать полностью 5
Дизайн IT Web Веб-разработка Длиннопост
1
DaTstudio
DaTstudio

Сайт "под ключ" для Апарт-отеля⁠⁠

5 месяцев назад

Задача

Передать атмосферу апарт-отеля. Предоставить посетителям ознакомиться с удобствами отеля, возможность забронировать дом и узнать больше о предоставляемых услугах. Увеличение скорости загрузки сайта, т.к. будет присутствовать большое количество качественного контента.

Решение

1 Создание уникальноно стиля: логотип, шрифты, сам дизайн.

- Проработка фирменного стиля;

- Анализ конкурентов;

- Создание уникального логотипа;

- Проведения UX/UI исследования;

- Прототипирование;

- Проработка мобильной версии.

2 Верстка дизайна

- Адаптивная верстка проекта;

- Проработка анимаций;

- Проработка разрешений фотографий.

3 Программирование бэкенда и панели администратора

- Подключение системы приема заявок Bnovo

- Поключение Яндекс отзывов

- Создание уникальной панели адмиинистратора с управлением контентом.

4 Написание уникальных текстов и сео-оптимизация

- Уникальный копирайтинг;

- Составление семантического ядра;

- Написание title, description

Результат

Полностью созданный сайт "под ключ" с фирменным стилем.

Уникальный дизайн и логотип.

Высокая скорость загрузки страниц.

В панели админстратора ничего личшнего.

Показать полностью 4
Дизайн Веб-дизайн Веб-разработка Длиннопост
0
0
pnirtep
pnirtep

Я устал от SQL и решил попробовать себя в веб-разработке⁠⁠

5 месяцев назад

Я — дата-инженер. По роду деятельности пишу много SQL, но в какой-то момент захотелось чего-то более осязаемого. Хотелось делать проекты, которые можно «потрогать руками» и которыми можно делиться. Так я немного углубился в веб-разработку и возникла идея сделать сервис, который бы генерировал образовательный контент с помощь AI. Так появился AI Tutor — если красиво завернуть, то это платформа, которая объединяет онлайн-обучение и нейросети. Сервис помогает авторам и ученикам создавать и проходить курсы, генерирует контент с помощью LLM, проверяет знания и сопровождает обучающегося в виде виртуального тьютора. В общем и целом - условно бесплатно, а если пользователь подключит свой gpt-аккаунт, то сам будет определять, сколько он может генерировать контента.

Изначально идея была простой: загрузил список тем — получил структурированный курс с лекциями и заданиями. Но в процессе проект быстро оброс новыми функциями и стал куда интереснее.

Возможности платформы

На сегодня в сервисе есть два режима создания курсов.1. AI-режим (быстрый старт)

1. AI-режим (быстрый старт)

Вы вводите название курса или список тем — AI сам:

  • предлагает структуру (модули и уроки),

  • генерирует содержание уроков,

  • создаёт проверочные задания.

Подходит для быстрого запуска MVP или чернового наброска.

2. Creator-режим (ручное управление)

Вы полностью контролируете структуру курса:

  • добавляете модули и уроки вручную,

  • загружаете свои тексты, заметки,

  • используете AI для редактуры и дополнений.

Этот режим подходит для продуманных авторских программ.

Публикация и библиотека

Курс можно опубликовать — и другие пользователи найдут его в библиотеке и смогут пройти. Это работает как для авторов, так и для студентов, которые хотят делиться находками.

Функции, которые делают обучение живым

1. AI-помощник в уроках В каждом уроке встроен чат с нейросетью. Можно задавать уточняющие вопросы, просить объяснений — будто у вас всегда под рукой личный репетитор.

2. Проверочные задания AI сам создаёт тесты и задания, а затем даёт обратную связь — что получилось, что можно улучшить.

3. Аудиоверсии лекций Не хотите читать — слушайте! Текст превращается в речь, удобно в дороге или во время прогулки.

4. Трекер прогресса Система отмечает, какие уроки вы прошли, что осталось, и помогает отслеживать результат.

Техническая сторона

Проект написан на Django + Jinja2 Templates. Без модных SPA-фреймворков — всё максимально просто и понятно. Почему так? Потому что изначально это был учебный проект — и сработало. Плюс, я не знаком с современным фронтендом и мне было куда проще собирать костяк html самому и потом через GPT кастомить до нужных бутстрап классов, чтобы верстка смотрелась приемлемо.

Архитектура

  • Accounts — управление пользователями, токенами, AI-моделями.

  • Courses — AI-курсы, публичные курсы.

  • CreatorCourses — редактор авторских программ, которые затем можно «трансформировать» в AI-курсы.

Используются стандартные CBV (ListView, CreateView, и т.д.). Данные моделей Course, Module, Lesson, Task клонируются из Creator-программы при публикации.

AI внутри

По умолчанию используется Qwen2.5-32B, но пользователь может подключить свой ключ от OpenAI (например, GPT-4). Я тестировал разные модели — по качеству ± одинаково, но GPT-4 справляется примерно на 20–30% быстрее.

Промпты заранее шаблонизированы, в них просто «втыкается» пользовательский ввод.

Где хостится?

Сначала всё работало на Raspberry Pi, который стоял дома на подоконнике. Потом начались проблемы с провайдером — и я перенёс всё в Digital Ocean. Плачу около 1000₽ в месяц, зато всё стабильно, и не нужно мутить прокси для доступа к OpenAI из РФ.

Проблема стриминга

Хотелось, чтобы ответ от AI печатался прямо на экране. С stream=True и запуском через runserver + nginx всё работало. Но при переходе на Uvicorn/Gunicorn стрим ломается: данные буферизируются и выводятся разом. JS и backend одинаковые, конфиг nginx тот же — а стрима нет. Пока временное решение — просто показываю прогресс-бар.

Возможно, стоит вынести стриминг в отдельный FastAPI-сервис, как советует GPT. Пока руки не дошли.

Что дальше?

  • Интеграция WYSIWYG-редактора в Creator-режим.

  • Авторизация через VK, Яндекс и другие платформы.

  • Улучшение UX/UI.

  • Восстановление стриминга при запуске не через runserver.

Показать полностью 5
[моё] Искусственный интеллект ChatGPT Джанго Python Разработка Веб-разработка Онлайн-курсы Образование Длиннопост
4
6
FrankyBob
FrankyBob

Как я с помощью ИИ за час собрал Помодоро-таймер, который заюзали коллеги⁠⁠

5 месяцев назад

Привет, Пикабу! Хочу рассказать историю о том, как обычный айтишник без особых знаний фронтенда создал довольно полезное веб-приложение, используя силу искусственного интеллекта. Спойлер: коллеги были удивлены.

Начальный экран приложения (прелоадер)

Начальный экран приложения (прелоадер)

Завал задач и поиски спасения

Итак, дело было так. Очередной завал на работе, куча задач, мозг кипит. Вспомнил про технику Помодоро — это когда работаешь 25 минут, потом 5 минут отдыхаешь. Простая штука, но реально помогает не выгорать.

Полез искать нормальный таймер в интернете и... знакомая история:

  • Либо убого простые

  • Либо перегруженные фигнёй

  • Либо на английском

  • Либо платные

  • Либо ещё регистрацию просят

В общем, типичная ситуация: "Да я сам лучше сделаю!" Но проблема в том, что фронтенд я знаю на уровне "поменять текст на странице через консоль разработчика до перезагрузки".

Вспомнил про хайповую штуку

Тут я вспомнил про так называемый "вайб-кодинг" с нейросетями. Да, знаю, что многие к этому относятся скептически, но решил попробовать. Открыл Claude и написал примерно так:

"Старина, сделай мне HTML-страничку с таймером Помодоро. Нужно: таймер на 25 минут, задачи можно добавлять, статистика какая-нибудь и чтоб пикал когда время вышло."

И тут началось волшебство! Claude выдал мне полноценный рабочий прототип. Причём не просто "Hello World", а реально функциональную штуку😉:

  • Нормальным таймером

  • Возможностью добавлять задачи

  • Статистикой

  • Звуками

Меня понесло

Ну и дальше меня, конечно, понесло:

  • А можешь добавить сохранение в Local Storage?

  • А сделай звуки покруче

  • А перекрась вот это в зелёный

  • А добавь настройки времени

  • А мобильную адаптивность

Claude всё это выполнял как послушный джуниор! За час у меня был готов довольно приличный таймер.

Внешний вид приложения (начальной версии не осталось, к сожалению, показываю конечный результат)

Внешний вид приложения (начальной версии не осталось, к сожалению, показываю конечный результат)

Реакция коллег

Показал результат фронтенд-разрабам на работе со словами: "Смотрите, что я за час накатал, вообще без знаний!"

Их реакция:

  • 😳 (удивление)

  • 🤔 (изучают интерфейс)

  • 😯 (ещё больше удивления)

  • Нефига себе, ништяк получилося! Реально работает!

Решил довести до ума

После такой реакции подумал: "А почему бы не довести это до продакшена?" И понеслось...

Сейчас можете посмотреть результат: pomo25.ru

Что в итоге получилось:

Для тех, кто хочет настроить под себя:

  • Настраиваемые интервалы (любое время, какое хочешь!)

  • 10 типов звуков + можно загрузить свой

  • Ручное сохранение настроек

  • Push-уведомления в браузере

Для обычных людей:

  • Добавляешь задачи и следишь за прогрессом

  • Видишь статистику: сколько помидорок сделал

  • Не забываешь делать перерывы

  • Задачи сохраняются автоматически

Запуск таймера для добавленной задачи, длительностью 1 час

Запуск таймера для добавленной задачи, длительностью 1 час

Настройки приложения

Настройки приложения

Про дизайн (не кидайтесь тапками)

Отдельно про дизайн. Да, я знаю, что он специфический. Это не потому что у меня нет вкуса (хотя может и нет 😅), а потому что я специально попросил Claude сделать что-то в стиле киберпанка 90-х.

Получилось ярко, кислотно, с неоновыми цветами и пиксельными эффектами. Возможно, не всем зайдёт, но зато запоминается!

Телеграм-версия

Потом решил пойти дальше и сделал версию для Телеграма: @pomo25_bot

Плюсы:

  • Данные синхронизируются через облако Телеграма

  • Уведомления приходят от самого Телеграма

  • Работает на телефоне как нативное приложение

Минусы:

  • Не работает в фоне (об этом ниже)

Приложение в Telegram

Приложение в Telegram

Проблема с фоновой работой

Единственное, что не смог победить — работу в фоне на мобилках.

Проблема в том, что:

  1. Телеграм Web Apps работают в WebView

  2. При сворачивании приложения WebView приостанавливается

  3. JavaScript перестаёт выполняться

  4. Service Workers в WebView работают криво

  5. iOS вообще жёстко блокирует фоновые скрипты

В итоге при сворачивании таймер автоматически ставится на паузу. Для полноценной работы в фоне нужно было бы нативное приложение.

Опыт работы с нейросетями

Claude: король прототипирования

В начале Claude был просто космос:

  • Быстро понимает что нужно

  • Генерирует рабочий код

  • Хорошо итерируется

  • Не задаёт лишних вопросов

Но потом начались проблемы

Когда проект разросся, Claude начал путаться:

  • Исправляет одно, ломает другое

  • Забывает контекст больших файлов

  • Приходилось делать бэкапы в гите постоянно

Попробовал ChatGPT — ещё хуже! То ли ленился и отвечал "попробуйте перезагрузить страницу", то ли чинил совсем не там, где надо, вообще не понимая что происходит в коде.

Gemini спас ситуацию

Тогда попробовал новый Gemini (у него миллион токенов контекста). И охренел!

Gemini смог:

  • Прочитать ВЕСЬ проект целиком

  • Найти реальные причины багов

  • Переписать проблемные части

  • Почистить код от мусора


Реальная польза

Сейчас пользуюсь своим таймером каждый день:

  • Реально стал делать перерывы (раньше мог 3 часа сидеть не вставая)

  • Лучше планирую время на задачи

  • Меньше выгораю от сложных задач

  • Коллеги тоже подсели, просят фичи добавить, но я пока просто собираю обратную связь и анализируюю насколько это будет сложно реализовать и внедрить

Мораль истории

Современные нейросети действительно могут сильно понизить порог входа в разработку. Даже если ты не знаешь React/Vue/Angular, можно создать полезную штуку.

Но есть нюансы:

  • Для прототипов ИИ идеален

  • Для больших проектов нужно понимать что делаешь

  • Разные ИИ лучше для разных задач

  • Git обязателен при работе с ИИ

Итог

За час собрал рабочий прототип, потом пару недель в свободное время фиксил баги и боролся с нейросетями. В итоге получился реальный продукт, которым пользуются люди. Нейросети — не панацея, но инструмент мощный.

Сейчас собираю обратную связь (конструктивную, не токсичную) и планирую постепенно что-то добавлять и исправлять по мере поступления интересных идей.

Кто-то ещё экспериментировал с ИИ-разработкой? Поделитесь в комментах!


P.S. Если найдёте баги или будут идеи, пишите. Обратная связь очень ценна!

UPD: Забыл добавить — если кто захочет посмотреть, что получилось: pomo25.ru и @pomo25_bot в Телеграме!

Показать полностью 5
[моё] Искусственный интеллект Нейронные сети Gemini Таймер Веб-разработка Программирование Javascript HTML Продуктивность IT Разработка Прототипирование Эксперимент Технологии Автоматизация Работа Образ жизни Длиннопост
5
1
UltraStalker
UltraStalker
ИТ-проекты пикабушников

Ненужных вещей всё больше?⁠⁠

5 месяцев назад

В продолжение поста «Сколько ненужных вещей у вас хранится дома?»

Во-первых, KNEK.RU празднует круглое число – 100 объявлений (принимаются поздравления). Мне хорошо известно, что, как правило, малоизвестные проекты обычно наполняются фейковыми объявлениями, не имеющими отношения к реальности, либо результатами парсинга с других ресурсов, поэтому отмечу существенный момент: всё, что можно увидеть в объявлениях на сайте – это реально ожидающие продажи вещи, по указанным в объявлениях ценам, с реальными контактными данными.

Во-вторых, реализована возможность при подготовке объявления тасовать загруженные изображения, перемещая их и тем самым определяя очерёдность, в которой они будут отображаться в объявлении.

В-третьих, на странице каждого объявления появился индивидуальный QR-код со ссылкой на страницу: он представляет собой графическую альтернативу текстовой ссылке и поможет тем, для кого этот формат ссылки на нужное объявление предпочтительнее. Например, если вы просматриваете страницы на десктопе и хотите продолжить просмотр (или сохранить страницу с объявлением) на мобильном устройстве – QR-код поможет вам в этом максимально эффективно.

На этом пока всё.

[моё] Сайт Разработка Веб-разработка Улучшения Сайт объявлений IT Текст
0
2
igor888888

Создание fake website - мимикрия для xray /vless⁠⁠

5 месяцев назад

Привет

Озобился поднять свой xray/vless сервак т.к. надоело, что сотовые провайдеры outline довольно часто блочат ибо там старый wireguard

Взял vps, прикрутил к нему домен, сертификат.

Не хочу косить под сторонний сайт - лучше у себя полноценный подниму

Внимание вопрос - чем его наполнить ?

Была идея в корень просто положить кучу видеофайлов. Но хз хорошая ли идея

Чем нагенерить контента ?

[моё] Linux Веб-разработка Текст
17
8
agile.minutes
agile.minutes
Кринжайл | Скрам мемы

Нужен срочный релиз!⁠⁠

5 месяцев назад
Нужен срочный релиз!
Показать полностью 1
Аджайл Agile Scrum Разработка Веб-разработка Android разработка Релиз Картинки
0
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Маркет Промокоды Пятерочка Промокоды Aroma Butik Промокоды Яндекс Путешествия Промокоды Яндекс Еда Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии