▲ Сессия сообщества: Быстрая разработка и проверка гипотез с PostHog + v0

VVercel
컴퓨터/소프트웨어창업/스타트업AI/미래기술

Transcript

00:00:00[БЕЗ ЗВУКА]
00:00:30[БЕЗ ЗВУКА]
00:01:00[БЕЗ ЗВУКА]
00:01:29Всем привет.
00:01:32Добро пожаловать на еженедельную сессию сообщества Versailles.
00:01:36Мы очень рады вас видеть.
00:01:41Здорово проводить такие живые встречи, мне кажется, я давно
00:01:44этим не занималась.
00:01:46Так что всем привет!
00:01:47[Смеется] Если вы впервые на нашей сессии сообщества,
00:01:53я Полин Навас из команды по работе с сообществом в Versailles.
00:01:57Возможно, вы видели меня на нашей платформе
00:02:03[www.versailles.com](https://www.google.com/search?q=https://www.versailles.com), в X или в LinkedIn, где я отвечаю на вопросы
00:02:08и общаюсь с вами, чтобы понять, что именно вы создаете
00:02:12на базе Versailles.
00:02:13Такие встречи — это всегда возможность пообщаться с сообществом,
00:02:18нашими клиентами и пользователями в прямом эфире.
00:02:22Круто, что вас уже так много собралось.
00:02:25Вижу в чате пожелание доброго вечера от Адама.
00:02:29Привет, привет, привет!
00:02:31Напишите в чате, откуда вы нас сегодня смотрите.
00:02:36Если вы смотрите это в X, на YouTube или в LinkedIn
00:02:39и хотите присоединиться к чату, переходите на [community.versailles.com/live](https://www.google.com/search?q=https://community.versailles.com/live).
00:02:46Эта сессия будет в самом верху, заходите и пишите комментарии.
00:02:53Я всегда с нетерпением жду сессий, посвященных
00:02:58интеграциям маркетплейса Versailles, потому что это очень круто — видеть,
00:03:03что можно построить поверх Versailles с помощью наших интеграций.
00:03:07Сегодня мы поговорим с ребятами из PostHog.
00:03:11Если вы раньше о них не слышали, то вкратце: PostHog — это
00:03:16платформа продуктовой аналитики с открытым исходным кодом.
00:03:19Это фича-флаги, A/B-тестирование, отслеживание событий и,
00:03:25по сути, все инструменты, необходимые для понимания того,
00:03:29как именно люди используют ваш продукт.
00:03:31Сегодняшняя сессия особенно интересна тем, что PostHog теперь
00:03:36напрямую интегрируется с v0.
00:03:38Это значит, что вы можете пройти путь от идеи до живого эксперимента,
00:03:43даже не покидая редактор.
00:03:45Больше не нужно сначала выпускать продукт, а потом думать об аналитике.
00:03:50Вы можете настраивать фича-флаги, проводить тесты и отслеживать события
00:03:55прямо в процессе разработки.
00:03:58Ладно, хватит болтать. О, вижу, в чате прибавилось народу.
00:04:06Классно.
00:04:06Друзья, рассказывайте, из каких городов вы нас смотрите.
00:04:09Супер.
00:04:10Без лишних слов, хочу поприветствовать нашего гостя Брукера из PostHog.
00:04:16Привет, Брукер!
00:04:17— Привет.
00:04:17Рад быть здесь.
00:04:19Как и сказала Полин, меня зовут Брукер.
00:04:21Я продуктовый инженер в команде роста.
00:04:25Для начала я немного расскажу о возможностях PostHog
00:04:30и о том, зачем использовать PostHog внутри v0.
00:04:34Затем мы разберем несколько сценариев использования в Vercel и v0.
00:04:41Я проведу живую демонстрацию.
00:04:42Мы на практике реализуем некоторые из этих сценариев.
00:04:46Я хочу затронуть две темы в частности... Впрочем, начну с того,
00:04:49что такое PostHog и почему он будет интересен пользователям v0
00:04:54и Vercel.
00:04:56Представьте: вы использовали v0, создали крутейшее приложение, развернули его,
00:05:02и теперь хотите узнать, как оно работает. Как это понять?
00:05:06Как выяснить, как люди пользуются приложением, что им нравится,
00:05:11а что — нет?
00:05:12Как понять, когда что-то идет не так?
00:05:15Часто бывает так: вы разворачиваете приложение, и оно отлично работает
00:05:19в режиме предпросмотра.
00:05:20Возможно, вы сами его тестировали, но в продакшене
00:05:26возникают проблемы, которые вы не предусмотрели.
00:05:29В таких случаях может возникнуть исключение, и вам было бы
00:05:33полезно видеть это, а главное — передать эту информацию
00:05:39и контекст в v0, нашему агенту. Чтобы агент понимал,
00:05:45что происходит в продакшене, и мог исправить проблему без вашего участия,
00:05:50чтобы вам не приходилось собирать данные по разным местам:
00:05:55в логах, системах мониторинга ошибок или пытаться
00:05:59воспроизвести баг самим, копируя данные из Chrome DevTools.
00:06:02Не то чтобы мне когда-либо приходилось так делать.
00:06:04— Думаю, мы все через это проходили.
00:06:07— Это точно.
00:06:09Один из сценариев, который я хочу показать, — это обработка ошибок.
00:06:13Второй — фича-флаги и A/B-тестирование.
00:06:17Знаете, мне очень полюбился такой метод разработки.
00:06:23Допустим, вы работаете с командой.
00:06:26Вы обсуждаете новую функцию, которую хотите добавить.
00:06:29И ваше мнение о том, как её реализовать,
00:06:33расходится с мнением коллеги.
00:06:34Вы хотите сделать так,
00:06:36а они — по-другому.
00:06:39Отличный способ разрешить спор — сделать оба варианта, протестировать их
00:06:42в продакшене и посмотреть, какой из них дает лучший результат.
00:06:46Мы это тоже разберем.
00:06:48Итак, без лишних слов, позвольте мне включить демонстрацию экрана.
00:06:51Я покажу вам весь процесс от начала до конца.
00:06:55Кое-что на этом аккаунте уже настроено.
00:06:58Поэтому я переключусь на аккаунт, где PostHog еще не установлен.
00:07:06Скажите, когда экран появится.
00:07:09— Экран видно, Брукер.
00:07:11Поехали.
00:07:11— Отлично.
00:07:12Хорошо.
00:07:12Мы в Vercel.
00:07:14Заходим в раздел интеграций и ищем PostHog.
00:07:18Не пойму, почему он пишет... а, «Обзор маркетплейса».
00:07:21Идем в Обзор маркетплейса.
00:07:22Ищем PostHog, выбираем его и нажимаем «Установить».
00:07:29Система спросит: создать новый аккаунт или привязать существующий.
00:07:32Если у вас уже есть аккаунт PostHog, их можно связать.
00:07:35И вот что это даст... сейчас установим.
00:07:39Так... извините, не могу кликать и говорить одновременно.
00:07:46Почему он просит адрес для выставления счетов?
00:07:48Ладно.
00:07:49Заполняете эту форму.
00:07:52Нажимаете «Продолжить».
00:07:53Это синхронизирует ваши... сейчас покажу.
00:07:59Это синхронизирует переменные окружения. Если я зайду в Настройки...
00:08:06Хотя нет, лучше в Обзор.
00:08:09Ой, я думал, он у меня уже установлен.
00:08:14Давайте по-быстрому.
00:08:15Устанавливаем для проекта.
00:08:17Выбираю проект для установки.
00:08:20Нажимаю «Продолжить».
00:08:22Супер.
00:08:23Проект выбран.
00:08:25Посмотрим.
00:08:30Простите, я думал, он у меня тут есть.
00:08:32А, понял в чем дело.
00:08:33У меня просто открыт не тот аккаунт.
00:08:35Кажется, я на этом.
00:08:37— Обожаю такие моменты: живая отладка и прохождение всех шагов.”
00:08:41Это здорово.
00:08:42— Да.
00:08:44ОК, здесь он подключен.
00:08:47Что я хотел показать: прелесть этой интеграции в том,
00:08:51что вам не нужно вручную управлять переменными окружения.
00:08:55Если вы пробовали, то знаете, что это сомнительное удовольствие,
00:08:59особенно когда нужно обновлять ключи, что делать очень полезно.
00:09:03Интеграция Vercel с PostHog берет это на себя.
00:09:08Вам нужно просто пройти через процесс установки,
00:09:12который я только что показал.
00:09:13Она также берет на себя оплату. У нас очень щедрый бесплатный тариф.
00:09:17Так что, надеюсь, поначалу вам не придется об этом беспокоиться,
00:09:21пока ваш продукт не взлетит, а тогда это будет вашей последней заботой.
00:09:24Но да, переменные окружения синхронизируются сами.
00:09:28Главное, что нам нужно... Я не буду всё это светить,
00:09:33чтобы меня не ругали, но хост — это просто URL.
00:09:39Что-то вроде us.i.posthog.com.
00:09:43Ключ PostHog — самая важная часть. Он сообщает PostHog,
00:09:48какому именно проекту соответствуют данные.
00:09:50Когда ваше приложение работает в продакшене, данные об ошибках,
00:09:58использовании и фича-флагах отправляются обратно в PostHog.
00:10:02Этот ключ связывает ваш продукт с конкретным проектом в PostHog.
00:10:07Очень удобно, когда всё настраивается автоматически.
00:10:12Есть вопросы по части Vercel?
00:10:16Там всё довольно просто.
00:10:17Я объяснил вкратце, да еще и запутался немного, простите.
00:10:21Но суть такая: устанавливаете, привязываете к проекту Vercel,
00:10:25и можно приступать к делу.
00:10:28Также у нас есть руководства по началу работы.
00:10:32Здесь можно увидеть свои фича-флаги, если они настроены.
00:10:35В этом аккаунте их пока нет, но через минуту появятся.
00:10:40— Да, это круто.
00:10:41Вопросов пока нет, что лишний раз доказывает, насколько всё бесшовно.
00:10:47Я спросила в чате, пробовал ли кто-то эту интеграцию раньше.
00:10:51Если да — делитесь впечатлениями и задавайте вопросы по ходу дела.
00:10:54— Да, не стесняйтесь перебивать.
00:10:58Перейдем к демо.
00:10:59У меня запущено приложение.
00:11:01Я сделал небольшую игру.
00:11:02Называется Hog Hop.
00:11:04Вот тут у меня маленький ежик (PostHog).
00:11:06Тут бегают жучки, и я пытаюсь собирать точки данных.
00:11:12Макс прыгает и собирает их.
00:11:15О, баг.
00:11:16Когда я собираю определенные точки, всё просто зависает.
00:11:21Я ничего не могу сделать.
00:11:23Я столкнулся с этим в продакшене, и мне нужно понять, в чем дело.
00:11:28Как я уже говорил, я мог бы открыть DevTools.
00:11:32Мог бы копаться в логах Vercel в поисках ошибок.
00:11:41Но я покажу, как можно обойтись без всего этого.
00:11:44В v0 можно собрать весь необходимый контекст об ошибке
00:11:50и исправить её прямо там.
00:11:51Сначала покажу, как добавить MCP.
00:11:54В левом нижнем углу чата v0 есть маленькая кнопка «плюс»,
00:12:01и там есть раздел для MCP.
00:12:04Можно просто нажать «Добавить MCP».
00:12:06PostHog настроен как один из стандартных пресетов MCP.
00:12:10У меня он уже подключен, так что отключать не буду.
00:12:13Вы просто нажимаете плюс, и система попросит вас войти
00:12:18в свой аккаунт PostHog.
00:12:19Я забыл упомянуть: когда вы создаете интеграцию PostHog
00:12:25с Vercel, появляется кнопка «Открыть в PostHog».
00:12:30Она автоматически авторизует вас в PostHog, не требуя ввода пароля.
00:12:36Так что я уже вошел, и теперь в v0 при подключении MCP
00:12:42я просто нажимаю «Аутентифицировать», открывается вкладка PostHog,
00:12:48и подтверждаю доступ для MCP.
00:12:50Ой, я же не объяснил, что такое MCP, извините.
00:12:52MCP (Model Context Protocol) — это способ предоставить
00:12:58агенту v0 возможность собирать информацию
00:13:03или вызывать функции, связанные с вашим аккаунтом.
00:13:07В данном случае мы говорим: «Эй, v0, если тебе нужно
00:13:14что-то узнать или сделать в PostHog»... а это продукт
00:13:19с очень широкими возможностями, наш MCP умеет многое.
00:13:24Я покажу... у нас есть документация PostHog по Model Context Protocol.
00:13:29Здесь показано всё, что вы можете делать.
00:13:33Не пугайтесь этого огромного списка.
00:13:35Всё это уже загружено в агента.
00:13:36Так что вы можете просто спросить: «Что я могу делать с PostHog MCP?»
00:13:42И он вам ответит.
00:13:43И просто убедитесь, что вот этот переключатель у меня здесь включен.
00:13:50И да, я хотела показать следующее:
00:13:55когда я пытаюсь собрать третью точку данных, я натыкаюсь на баг.
00:14:00Всё просто зависает.
00:14:01Так что я опишу это здесь.
00:14:04Он перечислил мне всё, что можно делать с PostHog MCP.
00:14:08Теперь я опишу проблему агенту.
00:14:10Я скажу: «Когда я собираю данные с помощью Max, иногда всё зависает».
00:14:23«Можешь найти баг, используя ошибки PostHog MCP, и исправить его?»
00:14:35Пока он работает, я покажу вам панель управления PostHog.
00:14:39В PostHog можно зайти в приложения, а затем в отслеживание ошибок.
00:14:47Как я уже говорила, PostHog умеет очень многое.
00:14:50Там огромное количество функций, которые можно изучить.
00:14:55Мы же сосредоточимся на паре из них, чтобы дать вам наглядное представление.
00:15:01Если вы технически подкованы и хотите увидеть детали ошибок,
00:15:04вы можете открыть отчет и посмотреть,
00:15:11например, кликнуть на ошибку и увидеть трассировку стека.
00:15:14Вы можете видеть, как часто она возникает.
00:15:17И что ещё там можно увидеть?
00:15:20Похожие проблемы.
00:15:21Кстати, давайте проверим, работает ли всё ещё...
00:15:25О, он исправил!
00:15:26Хорошо. Я покажу кое-что другое в следующий раз, когда нужно будет ждать агента.
00:15:30Итак, написано, что всё исправлено.
00:15:32Посмотрим, смогу ли я развернуть это или протестировать в превью.
00:15:37Давайте так и сделаем.
00:15:39Отлично.
00:15:39Попробую попрыгать и что-нибудь собрать.
00:15:41О, работает!
00:15:42Круто. Вот так просто.
00:15:46Был баг.
00:15:48Я описала ему, что именно происходило.
00:15:51Даже если у вас мало информации о том, как воспроизвести ошибку,
00:15:55можно дать меньше данных, просто попросив поискать ошибки.
00:15:59Я могла бы спросить: «Есть ли в PostHog MCP другие ошибки, которые стоит исправить?»
00:16:09И добавлю «за сегодня», чтобы не копаться в старой истории.
00:16:12Ещё я хотела показать запись сессий — это очень классная фича.
00:16:21Я могу видеть... ой, а здесь это выглядит не очень.
00:16:27Хм, интересно.
00:16:28Ладно, это пропустим, но я потом разберусь.
00:16:33Обычно вы можете видеть действия пользователей в реальном времени.
00:16:36Думаю, из-за технологий, на которых построена эта игра,
00:16:42запись отображается некорректно.
00:16:44Но в других типах приложений это работает отлично.
00:16:50Я никогда не видела таких проблем в других проектах.
00:16:51Вы можете наблюдать, как люди используют ваше приложение и с чем сталкиваются.
00:16:58Просмотр «живого» видео их действий дает отличный контекст.
00:17:04Это дает гораздо больше информации, чем попытки изучать
00:17:08активность, события или логи.
00:17:13Итак, у нас есть еще пара ошибок.
00:17:16И вот на чем я хочу сделать акцент.
00:17:18Вы, как разработчик, можете не знать обо всем, с чем сталкиваются пользователи в продакшене.
00:17:25Они могут не сообщать вам об этом.
00:17:26Вы сами могли не сталкиваться с этими багами.
00:17:28Поэтому видимость всех ошибок невероятно полезна.
00:17:34В данном случае у нас есть еще несколько ошибок, с которыми мы... или пользователи сталкиваются.
00:17:40О, похоже, обе уже исправлены.
00:17:43Круто. Есть вопросы по этой части?
00:17:47Я хочу перейти к флажкам функций.
00:17:51В чате пока нет вопросов, но есть комментарии.
00:17:54Кто-то пишет, что у них много инструментов в одном месте, очень щедрый бесплатный тариф
00:18:01и потрясающий опыт разработчика (DX), что всегда приятно слышать.
00:18:05У меня возник вопрос, возможно, ты затронешь его в следующем разделе.
00:18:11Помимо ошибок, какие еще ценные вещи PostHog MCP может дать
00:18:19пользователям v0, которые часто упускают из виду?
00:18:23Да. На мой взгляд, флажки функций и эксперименты — это самое полезное.
00:18:30Думаю, многим командам и приложениям стоит начать их использовать.
00:18:38Я сейчас это быстро продемонстрирую.
00:18:40Да, конечно.
00:18:41Отличный переход.
00:18:42Да. Давайте добавим... в общем, у меня есть эта игра.
00:18:46И сейчас у меня нет способа уничтожать жуков.
00:18:48Особенно вот этого, который ползает туда-сюда на платформе.
00:18:52Мне очень трудно собрать эту точку данных.
00:18:55И моим пользователям тоже.
00:18:57Так что я хочу добавить новую функциональность.
00:19:01Давайте сделаем так, чтобы мой ёжик мог стрелять лазерами из глаз.
00:19:16Но я хочу протестировать это в сравнении с другим вариантом.
00:19:22Так, лазеры...
00:19:24Думаю, можно сделать классику, как в Марио.
00:19:27Итак... начнем с создания многовариантного флажка, где один вариант — лазеры,
00:19:43а другой — возможность прыгать на жуков, чтобы их убивать.
00:19:52И это... я хочу показать здесь пару вещей.
00:19:59MCP — это очень мощная штука.
00:20:02Вы можете использовать MCP почти для всего, что обычно делаете через панель управления.
00:20:07Это можно сделать в панели.
00:20:10Я покажу — заходим в приложения.
00:20:17Затем в флажки функций.
00:20:21Почти всё, что доступно в MCP, можно сделать и здесь в чате.
00:20:25Если использовать... я просто открою новую вкладку.
00:20:29Ой, во вкладке нет чата.
00:20:33Упс.
00:20:34Я его потеряла.
00:20:37Открою новый чат, вот.
00:20:39Я могла бы дать похожую команду.
00:20:43Разница лишь в том, что этот чат не сможет обновить код в v0, разумеется.
00:20:48Мне нужно это принять.
00:20:52Но я всё равно могла бы использовать его для управления флажками.
00:20:55Или же прямо здесь я могу создать флажок... и он должен создаваться
00:21:01прямо сейчас.
00:21:02Вот оно.
00:21:03Эксперимент, создать.
00:21:04Я могла бы создать его через интерфейс.
00:21:07Но я показываю, как это делать через агента v0 с помощью MCP, потому что считаю,
00:21:16что чем больше я могу сделать внутри агента типа v0, тем лучше.
00:21:20Я не хочу тратить время на клики и изучение нового интерфейса.
00:21:24Хотя панель управления классная и мне нравится интерфейс,
00:21:31я предпочитаю проводить больше времени за сборкой прямо в v0.
00:21:35Отлично.
00:21:36Эксперимент настроен.
00:21:39И мы задали метрики.
00:21:40Это один из ключевых моментов для эксперимента: какова
00:21:47ваша гипотеза, которую вы хотите проверить?
00:21:49v0 сам придумал гипотезу за нас.
00:21:53Это довольно прикольно.
00:21:55Мне стоит её прочитать и, возможно, подправить.
00:21:58Тут написано: проверка того, какой вариант ведет к лучшей проходимости игры.
00:22:02Это круто.
00:22:03Может быть, моя цель — именно процент завершения игры.
00:22:05А может, просто время, проведенное в игре.
00:22:09Но проходимость игры в целом имеет смысл.
00:22:13Так что он установил это как основную метрику.
00:22:16Сначала вы выдвигаете гипотезу.
00:22:18Что именно я тестирую?
00:22:19В данном случае: что больше увлекает — прыжки или лазеры?
00:22:26Затем мы настраиваем основные метрики.
00:22:29И еще есть понятие вторичных метрик, которые я считаю крайне важными.
00:22:33Основные метрики — это главные цели, которых вы хотите достичь.
00:22:38Но любая добавленная функция или изменение могут иметь
00:22:43побочные эффекты.
00:22:44Например, стали ли они убивать больше или меньше жуков за сессию.
00:22:49Может, они проходят игру чаще, но убивают меньше жуков.
00:22:52Маловероятно, конечно.
00:22:53Или количество смертей за сессию — еще один важный показатель.
00:22:57Поэтому при настройке эксперимента важно думать:
00:23:02«Какая у меня цель?»
00:23:03И «На что еще это может повлиять?», что, возможно, не является
00:23:09главной целью, но о чем стоит знать при принятии решения.
00:23:14Быстрый вопрос, Брукер.
00:23:17Если кто-то случайно установит не ту метрику цели сначала, насколько легко
00:23:23в PostHog изменить эксперимент, не теряя всё в v0?
00:23:30Да, это можно сделать либо через MCP, либо через чат, либо прямо в интерфейсе.
00:23:36Здесь есть иконка карандаша рядом с метрикой.
00:23:39Просто кликаете по ней.
00:23:41И, допустим, вы хотите сменить «игра пройдена» на «время в приложении»
00:23:46или что-то в этом роде.
00:23:47Кликаете сюда, находите событие... или, может, мы решили,
00:23:53что хотим проверить, не стали ли люди чаще уходить.
00:23:58Я могу сменить на «уход со страницы».
00:24:00И в этом случае моей целью будет уменьшение этого показателя.
00:24:03То есть я хочу, чтобы люди реже покидали страницу.
00:24:08Вот так просто.
00:24:10Как я уже говорила, можно использовать MCP, что лично мне кажется гораздо удобнее.
00:24:16Но здорово увидеть оба способа.
00:24:19Да.
00:24:20Отлично.
00:24:21Да.
00:24:22И он всё пересчитает.
00:24:23Иногда я сталкиваюсь с тем, что провожу эксперимент,
00:24:27вижу результаты, и это помогает мне осознать, что есть
00:24:32еще один вопрос, на который я хочу получить ответ.
00:24:33Например, как ты сказал, я хочу обновить отслеживаемые метрики.
00:24:36Бывают моменты, когда у меня еще нет нужного события или способа это отследить.
00:24:43И тут MCP снова может очень помочь.
00:24:46Можно просто сказать: «Добавь событие».
00:24:48Пытаюсь придумать хороший пример... ну, скажем, прыжки.
00:24:53Я могла бы сказать: «Добавь событие на каждый прыжок ёжика».
00:25:02В таком случае события будут учитываться только с того момента,
00:25:08как вы добавили их в приложение.
00:25:10Это касается большинства подобных вещей.
00:25:15Тогда вы можете изменить длительность эксперимента, чтобы он начался
00:25:21с определенного времени.
00:25:22Вы также могли бы таргетировать... Ой, извини.
00:25:24Прости, пожалуйста.
00:25:25Эм, а если изменить это в середине эксперимента, есть ли какие-то
00:25:31рекомендации? Стоит ли перезапустить тест или можно продолжать
00:25:38сбор данных в том же эксперименте?
00:25:40Да, хороший вопрос.
00:25:42Пока вы осознаете, какие именно изменения могут влиять
00:25:48на то, что вы делаете.
00:25:49Я не вижу проблемы в том, чтобы продолжать тот же эксперимент.
00:25:55Хотя возможен сценарий, когда одновременно происходят другие изменения,
00:25:59которые могут повлиять на ваши результаты.
00:26:02Поэтому нужно четко понимать, какие тесты вы запускаете
00:26:06и как они могут влиять друг на друга.
00:26:09Поэтому я считаю, что лучше... вот как здесь, мы сделали многовариантный тест,
00:26:15где есть прыжки и лазеры, хотя лазеры он почему-то поставил контрольным вариантом.
00:26:20Но я могла бы захотеть контрольный вариант «без оружия».
00:26:30Полезно объединять всё это в один эксперимент, чтобы не возникало
00:26:35ситуаций, когда разные эксперименты конкурируют между собой.
00:26:38Понятно, о чем я?
00:26:39Да, это имеет смысл.
00:26:41Ага.
00:26:42Так, посмотрим, где мы... а, я не добавила это в очередь.
00:26:45Итак, готово.
00:26:47У нас появились лазеры из глаз.
00:26:48Давайте посмотрим, что будет, если запустить приложение сейчас.
00:26:51Окей, круто.
00:26:52Лазер есть, но он не убивает противников.
00:26:57Это отстой.
00:26:58В общем, вы тоже можете с этим столкнуться.
00:27:02Дело в том, что я не совсем точно составил промпт для v0.
00:27:05Так что не будем винить в этом v0.
00:27:07Я просто сказал: «стреляй лазерами из глаз».
00:27:10Но я не сказал: «убивай жуков этим лазером».
00:27:12Также можно таргетировать разных пользователей.
00:27:16Например, я могу сказать: «примени функцию прыжка (stomp) только для моего юзера».
00:27:23И посмотрим, сможет ли агент определить, кто я.
00:27:26Тут мы немного испытываем возможности агента и MCP, но у MCP
00:27:31действительно есть функция поиска конкретного пользователя.
00:27:35А затем — установки нужного варианта эксперимента для него.
00:27:41Вы можете нацеливать разные когорты на разные варианты.
00:27:46Так что если вы хотите, чтобы лазеры из глаз были только у всех в Австралии,
00:27:51вы тоже можете это сделать.
00:27:53И да, кажется, наше время подходит к концу?
00:27:56Забыл, сколько у нас было...
00:27:57Да, именно так.
00:27:58Я как раз это проверил.
00:27:59Но да.
00:28:00Окей, да.
00:28:02Я могу продолжить показ.
00:28:03Но если у вас есть вопросы или что-то, что я не затронул,
00:28:08было бы интересно их разобрать.
00:28:09Да, пришел еще один вопрос: для пользователей v0, которые только осваивают
00:28:15проведение экспериментов, есть ли какой-то чек-лист,
00:28:21чтобы избежать создания «плохого» или вводящего в заблуждение эксперимента?
00:28:27Да, хороший вопрос... я не уверен на 100%.
00:28:31Я знаю, что у нас есть руководства.
00:28:32Не хочу пытаться искать их прямо сейчас в эфире.
00:28:34Но я определенно могу позже поделиться ссылкой.
00:28:38Мы могли бы...
00:28:39Да, мы точно добавим её в раздел ресурсов в этом чате.
00:28:43Так что да, на все 100%.
00:28:44Да.
00:28:45А еще вы можете пообщаться с ИИ. Я бы советовал
00:28:50спрашивать в чате или изучать интерфейс — там много полезного.
00:28:55Как я упоминал про гипотезу — вы не видели этого в v0.
00:28:58Так что полезно иногда открыть основной интерфейс и посмотреть,
00:29:02с чем еще там можно поиграть.
00:29:05Или просто спросить у v0: «что еще я здесь
00:29:10потенциально упускаю?»
00:29:11«Что еще мы можем с этим сделать?»
00:29:13Так что я рекомендую по максимуму использовать v0 для таких задач,
00:29:18или же PostHog AI — это еще один вариант чата внутри PostHog.
00:29:23Ого, я даже не знал, что у вас это есть.
00:29:26Это очень круто.
00:29:27Я задаю этот вопрос на каждой нашей сессии по интеграциям: в долгосрочной перспективе,
00:29:35что вы готовите?
00:29:36Есть что-то, чем вы можете поделиться?
00:29:38Да, мы видим будущее разработки ПО и продуктов более автономным.
00:29:45И я думаю, это уже происходит.
00:29:47Но, полагаю, впереди еще долгий путь.
00:29:53Например, то, что я показал с исправлением ошибок: не думаю, что пройдет много времени,
00:29:59прежде чем это станет стандартом для приложений.
00:30:04Когда приложение запущено, и в фоновом режиме
00:30:09что-то просто исправляет ошибки без моего участия,
00:30:15а я лишь получаю какой-то отчет о том, что произошло.
00:30:20В конечном счете, я не хочу просить ИИ проверить ошибки,
00:30:24не хочу получать алерты и просыпаться посреди ночи из-за сбоя.
00:30:26Думаю, в будущем какая-то система — это может быть PostHog,
00:30:35может быть Vercel, или их совместная работа —
00:30:38будет собирать всю информацию. Ошибки — это лишь часть.
00:30:43Есть записи сессий (Session Replay), аналитика, эксперименты.
00:30:49Нужно ли мне вручную создавать разные метрики?
00:30:53Кстати, было интересно увидеть, что v0 уже сам
00:30:57подобрал для нас любопытные метрики.
00:31:00Но в будущем за этим, вероятно, будет следить агент и вносить
00:31:05правки в код без необходимости давать ему настолько детальные промпты.
00:31:14Я определенно буду направлять стратегически: какой игровой опыт
00:31:19я хочу создать?
00:31:20На какие метрики я ориентируюсь?
00:31:22Но всю низкоуровневую работу, я думаю, возьмет на себя
00:31:26автономная разработка.
00:31:28Да.
00:31:30Именно.
00:31:31Мне нравится это видение, потому что оно полностью совпадает
00:31:37с тем, о чем мы говорим в Vercel и v0.
00:31:40Суть в том, чтобы замкнуть цикл: от деплоя
00:31:43к наблюдению в PostHog, а затем к автоматическому исправлению и итерации.
00:31:49Это потрясающе.
00:31:50И последний вопрос перед завершением, так как время вышло.
00:31:56Как люди могут стать частью сообщества PostHog?
00:32:00В начале я сказал, что у PostHog открытый исходный код.
00:32:03Вы принимаете сторонние доработки (contributions)?
00:32:05Не уверен, правильно ли я это запомнил.
00:32:06Кстати.
00:32:07Я читал об этом.
00:32:08Да.
00:32:09На все 100%.
00:32:10К нам приходят пул-реквесты (PR) со всего мира, и мы их проверяем.
00:32:16Также есть форум PostHog, где можно задавать вопросы.
00:32:21Мы проводим живые мероприятия.
00:32:22Жаль, ссылки нет под рукой, но я передам её тебе позже.
00:32:26Да, обязательно.
00:32:27Да, бывают живые встречи.
00:32:29Просто регистрируйтесь.
00:32:30Пользуйтесь приложением.
00:32:31Расскажите нам, что вы думаете.
00:32:32Пишите нам в X или где вам удобнее — в LinkedIn или еще где.
00:32:37Дайте знать ваше мнение, мы очень активны на всех этих платформах.
00:32:40Великолепно.
00:32:41Спасибо большое, Брукер.
00:32:43Это было невероятно.
00:32:44И всем зрителям: если у вас остались вопросы, пишите их в
00:32:49чате, и мы проследим, чтобы команда PostHog на них ответила.
00:32:54Но да, спасибо большое, Брукер.
00:32:56Ценю, что ты пришел.
00:32:58Спасибо.
00:32:59Да.
00:33:00Спасибо, что пригласили.
00:33:02Чудесно.
00:33:03Всем огромное спасибо за участие в сегодняшней сессии.
00:33:08Если вы не знали, мы проводим живые сессии сообщества почти каждую неделю.
00:33:14На странице [community.vercel.com/events](https://www.google.com/search?q=https://community.vercel.com/events) вы найдете отличный календарь,
00:33:21где мы публикуем все наши очные и онлайн-мероприятия.
00:33:24Так что пишите, какую следующую интеграцию вы хотели бы увидеть.
00:33:31И мы обязательно это организуем.
00:33:33Невероятно.
00:33:34Что ж, спасибо всем большое, что были с нами.
00:33:39Надеюсь увидеть вас на следующей живой сессии.

Key Takeaway

Интеграция PostHog с v0 через протокол MCP кардинально ускоряет цикл разработки, позволяя ИИ-агентам автоматически диагностировать ошибки и управлять экспериментами на основе реальных данных пользователя.

Highlights

Интеграция PostHog с v0 и Vercel позволяет разработчикам переходить от идеи к живому эксперименту, не выходя из редактора кода.

Использование протокола контекста модели (MCP) дает ИИ-агенту v0 возможность самостоятельно находить и исправлять ошибки в продакшене, анализируя данные PostHog.

Автоматическая синхронизация переменных окружения и ключей API через маркетплейс Vercel упрощает процесс настройки аналитики.

Функция записи сессий (Session Replay) и отслеживание ошибок предоставляют глубокий контекст для воспроизведения багов без ручного копирования логов.

Запуск A/B-тестов и многовариантных флагов функций возможен напрямую через чат v0, что ускоряет проверку продуктовых гипотез.

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

Timeline

Введение и обзор экосистемы Vercel

Сессия начинается с приветствия сообщества Vercel и вступительного слова Полин Навас из команды по работе с комьюнити. Она подчеркивает важность живых встреч для понимания того, что пользователи создают на базе платформы. Основное внимание уделяется интеграциям маркетплейса, которые расширяют возможности разработчиков. Полин приглашает зрителей из разных социальных сетей присоединяться к интерактивному чату для обсуждения новинок. Этот этап задает контекст встречи как демонстрации новых инструментов для продуктовой аналитики.

Знакомство с PostHog и концепцией интеграции с v0

Полин представляет PostHog как платформу продуктовой аналитики с открытым исходным кодом, включающую A/B-тестирование и фича-флаги. Главная новость дня — прямая интеграция PostHog с инструментом v0, что позволяет настраивать аналитику прямо в процессе генерации кода. Спикер объясняет, что теперь разработчикам не нужно ждать деплоя, чтобы подумать о сборе данных. Это меняет парадигму разработки, делая эксперименты неотъемлемой частью написания кода. Данный раздел важен для понимания того, как связываются инструменты дизайна, разработки и анализа.

Живая демонстрация: Настройка интеграции в Vercel

Брукер, продуктовый инженер PostHog, начинает техническую часть с показа процесса установки интеграции через маркетплейс Vercel. Он демонстрирует, как система автоматически синхронизирует переменные окружения, такие как ключи проекта и хосты, избавляя разработчика от рутины. Брукер подчеркивает наличие щедрого бесплатного тарифа, который позволяет стартапам начать работу без затрат. Несмотря на небольшую заминку с аккаунтами во время демо, он наглядно показывает бесшовность процесса авторизации. Эта часть критична для разработчиков, желающих быстро внедрить инструмент в свои проекты.

Исправление багов с помощью MCP и v0

Спикер показывает игру Hog Hop и намеренно сталкивается с критическим багом, который приводит к зависанию приложения. Вместо ручного поиска в логах или DevTools, он использует PostHog MCP внутри чата v0, чтобы агент сам нашел причину ошибки. Брукер объясняет суть протокола Model Context Protocol как моста, дающего ИИ доступ к функциям и данным аккаунта PostHog. В итоге v0 успешно идентифицирует проблему и предлагает исправленный код, который тут же проверяется в превью. Этот пример иллюстрирует мощь автономной отладки программного обеспечения.

Эксперименты и многовариантные фича-флаги

В этой секции обсуждается использование флажков функций для тестирования различных игровых механик, таких как стрельба лазерами или прыжки на врагов. Брукер демонстрирует, как через v0 можно создать эксперимент, задать гипотезу и определить основные метрики успеха, например, процент прохождения уровня. Он подчеркивает важность вторичных метрик для отслеживания побочных эффектов изменений в продукте. Также рассматривается возможность таргетирования функций на конкретные группы пользователей или регионы. Обсуждение помогает понять, как принимать решения на основе данных, а не интуиции.

Будущее автономной разработки и завершение

В финальной части Брукер делится видением будущего, где приложения будут исправлять себя сами в фоновом режиме на основе отчетов об ошибках. Он предсказывает, что роль разработчика сместится к стратегическому управлению, в то время как ИИ-агенты возьмут на себя низкоуровневую реализацию. Полин и Брукер обсуждают открытый код PostHog и способы участия сообщества в развитии проекта через форум и GitHub. Завершается встреча анонсом будущих мероприятий Vercel и призывом тестировать интеграцию. Секция суммирует долгосрочные перспективы ИИ в экосистеме веб-разработки.

Community Posts

View all posts