Transcription
Облачный код, кажется, меняется с каждым днем, и как человек, который буквально пытается оставаться на вершине этого пространства, чтобы в 10 раз увеличить свои возможности как пользователя облачного кода, я чувствую себя перегруженным. У нас даже есть легенды, такие как Андре Карпати, которые говорят, что даже он чувствует себя отстающим, когда дело доходит до отслеживания всего, что выходит и выпускается. Поэтому, естественно, я построил что-то, чтобы исправить это. Система, которая точно показывает, что изменилось в облачном коде, анализирует, что важно, и даже может отправить вам голосовую заметку на вашу электронную почту, чтобы прочитать вам все обновления. Так что вместо того, чтобы теряться в соусе и теряться в мириадах постов, вы можете точно знать, что изменилось, почему это важно, и, самое главное, как вы можете использовать это, чтобы повысить свой уровень. Итак, в этом видео я проведу вас через то, как именно работает система, и дам вам все, что вам нужно, чтобы построить ее на своей стороне. Давайте приступим.
Теперь, если вы не знакомы, у Anthropic есть репозиторий GitHub, где они поддерживают все обновления, которые они вносят в облачный код. Так что это называется журнал изменений, и вы можете видеть, что это последняя версия прямо здесь. Он охватывает различные команды, которые они добавили, исправления ошибок, общие улучшения. Но если вы просто смотрите на пункты, трудно отличить, что является приятной информацией, а что может фундаментально изменить способ, которым вы строите, используя облачный код.
Теоретически, вы могли бы просто подписаться на этот репозиторий, и каждый раз, когда выходит изменение, GitHub может уведомить вас, посмотреть на пункты, взять пункты, бросить их в какую-либо форму рабочего процесса, чтобы разбить их для вас, а затем просеять TLDDR, чтобы увидеть, что для вас важно. Но должен быть лучший способ. Верно? Верно? Вот почему я это построил.
На первый взгляд, это выглядит очень похоже на то, что я только что показал вам. Может быть, немного красивее. Но поверьте мне, это намного мощнее, чем кажется на первый взгляд. Помимо слегка более эстетичных пунктов здесь, где вы можете очень быстро увидеть, что является новой функцией по сравнению с исправлением, вы также можете сделать следующее: вы можете нажать "воспроизвести", и он озвучит каждый пункт для вас на пользовательском голосе из аудио API Gemini. Так что, если я перейду на 2X здесь, мой друг-ИИ-ассистент Шэрон сможет объяснить это мне. Так что, если я нажму "воспроизвести", вы услышите следующее. >> Версия 2.0.74 включает в себя новую функцию, добавленную инструмент протокола языкового сервера LSP для функций интеллектуального анализа кода, таких как переход к определению, поиск ссылок и документация при наведении. Новая функция добавлена back/terminal. >> Вы поняли.
Но подождите, есть гораздо больше. Вы можете использовать этого маленького чат-ассистента. И этот чат-ассистент всегда смотрит на последнюю информацию, полученную из репозитория GitHub. И вы можете общаться с одной версией или несколькими версиями. Так что я могу нажать на 2.074 и сказать, что изменилось. И тогда он должен быть в состоянии пройти через все заметки и разбить их для меня простым английским языком. И если я захочу, я могу нажать на несколько версий. Вот, пожалуйста. Вот разбивка. И если я захочу, я могу сказать что-то вроде этого. Хорошо. Спасибо за разбивку. Что такое LSP? Можете ли вы объяснить это мне так, как будто мне 8 или 9 лет? Я не знаю, как это фундаментально изменит то, как я буду строить с облачным кодом. Объясните мне это, чтобы вы могли фактически прояснить, что важно и почему это важно для вас. И вы увидите здесь, если мы немного увеличим, говорится, что LSP означает протокол языкового сервера. Думайте об этом как о универсальном переводчике для языков программирования. Раньше представьте, что вы пытаетесь выучить 10 разных языков, и каждый раз, когда вы переключаетесь на новую записную книжку, способ написания и поиска слов меняется. Так что это кажется очень ориентированным на разработчиков. Это разбивает его.
Теперь, в дополнение к этому, мы можем нажать на несколько версий, чтобы фактически задать вопрос о прогрессии изменений. Итак, из всех этих различных изменений и журналов изменений, каковы, по вашему мнению, три вещи, которые действительно повлияют на то, как я буду строить свою экосистему облачного кода? Прямо сейчас я пытаюсь построить свой второй мозг облачного кода. Так что просто пройдитесь по основным вещам, которые могут быть для меня наиболее важны. Итак, теперь вы можете действительно сосредоточиться на том, что важно. И если мы отправим это, лучшая часть этого заключается в том, что каждый раз, когда происходит фундаментальное изменение в журнале изменений, оно должно автоматически синхронизироваться здесь. Так что эта вторая боковая панель всегда будет актуальной. Теперь она возвращается с обоснованным и релевантным ответом, адаптированным к нашему точному случаю использования. Так, например, для создания второго мозга и надежной экосистемы в облачном коде, это три наиболее влиятельных обновления. И по праву, оно пришло к этому, Claude в Chrome beta, что было отличным обновлением, которое, если вы не знакомы, позволяет Claude взять под контроль браузер Chrome через расширение Claude. Так что у вас есть лучший доступ к браузеру и возможность для безголового просмотра, скрейпинга и т. д.
Теперь, если вы являетесь зрителем этого канала уже несколько месяцев, вы знаете, что я не остановлюсь на этом. Итак, у нас есть еще одна вкладка под названием "Что важно". И эта вкладка дает вам TLDDR последнего обновления, которое вы снова можете нажать на этот значок динамика и иметь его транскрибировать для вас. Или вы можете спуститься к пунктам и увидеть, каковы критические изменения, любые основные функции, важные исправления, и если вам нужна какая-либо форма подотчетности, чтобы убедиться, что вы тестируете эти функции, в самом низу здесь, в функции элементов действий, вы можете увидеть, что она говорит вам, что вы должны запустить настройку терминала, если вы используете следующие языки. Настройте мышечную память для переключения с вкладки на alt. Так что это дает вам все ключевые вещи, которые вы знаете, поведенчески, чтобы использовать этот инструмент в наилучшем возможном потенциале. И, конечно же, если этот светлый режим ослепляет вас, то вы всегда можете нажать на этот темный режим и перейти на вкладку настроек и включить его по умолчанию как темный режим.
И помимо этого, вы также можете включить cron-задания. Теперь, если вы не знаете, что такое cron-задание, это, по сути, планировщик, основанный на времени. Так что, я думаю, он происходит от греческого бога Кроноса, который также связан с концепцией времени. И что вы могли бы сделать, это отправка уведомлений по электронной почте. Так что вы можете сделать, это, по сути, настроить уведомления по электронной почте, так что они могут отправляться раз в день, раз в неделю, когда вам удобно. И до тех пор, пока это cron-задание выполняется, каждый раз, когда оно обнаруживает изменение в журнале изменений, оно будет отправлять вам электронное письмо, подобное этому, где, если вы в пути, если вы в спортзале, если вы обычный гик, как я, который даже хочет узнать об облачном коде, гуляя с собакой, он отправит вам этот TLDDR с функциями и, естественно, эту маленькую голосовую заметку, которую вы можете слушать, где бы вы ни находились. Так что это оставляет вам мало или совсем никаких оправданий, чтобы быть опытным пользователем облачного кода. И способ, которым я настроил это приложение, заключается в том, что оно использует что-то под названием SQLite, которое является бесплатной базой данных, которую вы можете запускать локально. Так что вам не нужно платить 10 долларов за Superbase или иметь что-то в облаке. Все это может работать на вашем локальном компьютере. Так что это TLDDR приложения. И теперь я проведу вас через то, как именно я его построил.
Итак, теперь я пройдусь по этому экселадру, который разбивает, как это приложение построено, с помощью простых для понимания изображений, которые, даже если вы не технический, вы должны быть в состоянии следить. Теперь, в основе всего, у нас есть всего несколько сервисов, используемых для объединения всего этого. Во-первых, естественно, у нас есть облачный код. Во-вторых, мы используем Gemini API для вывода в чат-боте и для автоматической транскрипции. И, наконец, у нас есть сервис под названием Resend, который, по сути, позволяет вам легко отправлять себе электронное письмо и пинговать себя из чего-то вроде облачного кода.
Обычно, другой альтернативой, которую вы могли бы сделать, является настройка какой-либо формы веб-хука на Zapier, где вы пингуете этот сервер, затем берете этот пинг, а затем отправляете его в узел Gmail, где вы входите в систему, а затем проходите через весь этот обходной путь. Но с чем-то вроде Resend, у него есть очень щедрый бесплатный уровень. Так что, пока вы используете это для личного пользования, вы не должны превышать его. Вы можете сделать тот же самый процесс без необходимости добавлять накладные расходы дополнительного рабочего процесса, управления веб-хуками и т. д. И все, что вам действительно нужно сделать с Resend, это просто предоставить API-ключ облачному коду, и он позаботится обо всем остальном.
Теперь, углубляясь в детали, все, что происходит за кулисами, это URL-адрес GitHub. Если мы вернемся к приложению на секунду, если вы посмотрите на эту маленькую ссылку здесь, вы увидите, что это точный URL, на который мы ссылаемся, который, если мы нажмем назад, вы увидите, что это необработанное содержимое пользователя из журнала изменений. Так что происходит то, что раз в день, когда это запускается, это идет и получает необработанное содержимое, а затем пропускает его через остальную часть системы. Как только мы получаем его, мы парсим его. По сути, разбиваем его на очень простой для понимания и легкий для обработки текст. Мы отправляем это в Gemini 3 flash, который очень быстр, очень дешев и очень умен для такого уровня вывода. А затем мы отправляем его в нашу SQLite. Это наша база данных, наша бесплатная база данных, которая находится на нашей системе. И в любое время, когда она обновляется, она обновляет пользовательский интерфейс, который находится на React. Это просто фреймворк. И затем есть представление журнала изменений, как я вам показывал. Есть представление "что важно", которое должно запускаться для обновления всех новых TLDDR, новых инсайтов и т. д. А затем у нас есть чат, который работает только тогда, когда вы его вызываете и отправляете сообщение. И, естественно, у нас есть аудио, которое выполняет преобразование текста в речь. И затем у нас есть этот электронный адрес Resend. Так что это на самом деле не очень сложно. Это просто размышление о том, как это будет выглядеть, чтобы быть максимально простым, но при этом мощным, это самая сложная часть.
И если вам нужен еще один визуальный элемент, у нас есть этот необработанный журнал изменений, который я только что показал вам. Gemini Flash применяет к нему некоторые системные подсказки, чтобы поместить его в этот формат. Так что у вас есть TLDDR, у вас есть обновления, у вас есть функции, у вас есть исправления, а затем все это сопоставляется с этими различными карточками здесь. И это карточки, которые вы видели на фронтенде.
Чтобы сделать приложение достаточно эффективным, чтобы, если я когда-либо вызову эту маленькую функцию транскрипции, нам не пришлось транскрибировать ее каждый раз, мы кэшируем любое сгенерированное аудио. И что касается преобразования текста в речь, все, что происходит, это если мы нажмем на эту кнопку здесь, и мы никогда не нажимали на нее раньше. Так что я дам вам пример. Так что, если я нажму на этого парня, а затем нажму на этот значок динамика прямо сейчас, вы увидите, что он вызывает API. Он вернется с аудио, которое, вероятно, будет автоматически воспроизводиться случайным образом. Как только он будет вызван, и мы сгенерируем аудио, мы кэшируем его в нашем локальном браузере. Так что вам не придется генерировать его каждый раз, поэтому вы можете видеть, что этот я могу продолжать воспроизводить по запросу. И чтобы он воспроизводился в вашем браузере, все, что происходит, это мы берем Gemini text to speech. Он форматируется в что-то под названием B64. Если вы когда-либо работали с Zapier и мультимедийными файлами, вы, вероятно, сталкивались с концепцией B64 раньше. Затем мы преобразуем его в файл wave, который просто позволяет вам легко воспроизводить его из вашего браузера. И это, в общих чертах, все.
Итак, с этим пониманием и сборником подсказок, который я проведу вас через и дам вам по второй ссылке в описании ниже, вы сможете воссоздать мою систему в кратчайшие сроки. Теперь, чтобы придумать первоначальную подсказку, которую я дал облачному коду для создания этого красивого приложения, все, что я сделал, это на самом деле зашел на Perplexity и включил функцию лабораторий. Мне это очень нравится, потому что это быстро. Это проводит действительно надлежащее исследование. Он знает, как искать самые последние источники. И я просто сказал: у меня есть идея попросить облачный код создать приложение для журнала изменений Anthropic, чтобы я мог отслеживать все новейшие функции. Это, по сути, TLDDR. Затем я дал ему ссылку на журнал изменений. Я сказал ему, что хочу иметь возможность использовать генерацию речи Gemini. Так что я просто дал Perplexity все, что ему нужно, чтобы углубиться. И тогда он создал этот файл change log app.markdown. Это, по сути, полный разбор того, что включает в себя приложение. Я беру этот MD-файл вместе с несколькими другими файлами, которые я просил. Так что я просил файл markdown, чтобы передать облачному коду, как использовать Gemini 3 API вместе с API texttospech. Так что, несмотря на то, что вы видите все эти разные папки и файлы, основные, с которых я начал, чтобы построить это, были только эти три прямо здесь. И это приложение журнала изменений, которое содержит все спецификации, которые Perplexity, используя Claude под капотом, придумал. И он был очень продуманным в том, как он его сгенерировал.
Кстати, я перестроил это приложение два или три раза, потому что я доходил до середины. Я понял, что построил его неэффективно. Так что то, что вы найдете по второй ссылке в описании ниже, это последний и самый полный файл markdown журнала изменений. И лучшая часть этого файла заключается в том, что вы можете повторно использовать большую часть структуры для создания всевозможных приложений, не тратя дни. Я построил это в общей сложности, даже после того, как переделывал его два-три раза, за 6 часов. И он содержит, по сути, все, от того, где он должен смотреть, до того, каким должен быть общий поток приложения на бэкенде, технологического стека, который нам нужно использовать, того факта, что нам нужно создать файл среды. Здесь вы храните все свои пароли, свои API-ключи и т. д. Так что нам нужен, как мы сказали, Gemini, и нам нужен Resend. Это основные, которые нам нужны. И, конечно же, электронная почта, которая должна быть уведомлена. Это то, что Resend принимает в качестве входных данных. Так что, как только вы получите эти API-ключи, я их вставлю. И это остальная часть руководства, которое вы можете прочитать после просмотра этого видео. Gemini 3 markdown файл. Ничего особенного здесь. Я просто взял из самого Gemini. Я просто сказал Gemini 3 flash API. И затем я просто перешел к руководству разработчика. И мое любимое занятие — я нажимаю на эту маленькую выпадающую кнопку. Я нажимаю "просмотреть как markdown". Я беру этого парня. Я копирую его в совершенно новый файл. Просто создайте совершенно новый файл под названием Gemini, что угодно. Markdown. И именно поэтому я дал ему всю документацию, необходимую для понимания того, как использовать этот последний API. Одна вещь, на которую я нажму дважды, заключается в том, что если вы просто скажете ему использовать Gemini 3 flash и не скажете ему исследовать его или напомните ему, что он не знает его как часть своего обучения, он будет использовать Gemini 2.0 Flash. Причина в том, что эти модели до сих пор не обновлены до буквально этого месяца или этого квартала. Я думаю, что Claude все еще отстает от конца 2024 или начала 2025 года. И файл markdown для понимания аудио, то же самое. Он просто разбивает все различные голоса, из которых он может выбирать, чтобы он мог включить это для меня, потому что одна вещь, которую я вам не показал, это если я вернусь к этому пользовательскому интерфейсу, я могу выбрать из других голосов из API. Так что я хотел иметь возможность не кодировать это вручную, а просто дать ему всю документацию, необходимую для понимания этого.
Как только у меня были эти три основных файла, все, что мне нужно было сделать, это ввести /initialize, а затем я позволил ему прочитать эти три файла, создать файл claude.md, а затем я начал бы подсказывать оттуда. Но вместо того, чтобы тащить вас через грязь и проводить вас через мои действительно дерьмовые версии подсказок из самого терминала, я создал для вас этот сборник подсказок. Так что он содержит реальные подсказки из этой сборки, а также то, какой подсказка должна была быть лучше. Так что вы увидите мою ленивую подсказку, которая все еще привела к этому приложению. Это было "создай мне приложение для отслеживания журнала изменений, которое получает журнал изменений облачного кода, анализирует его с помощью Gemini, генерирует аудио и отправляет уведомления по электронной почте". И затем я тегнул, как Лили, @ здесь. Так что я делаю @claude change log, если он появляется. Я, по сути, тегирую этот файл, говоря: "реализуй все, что уже есть там". Так что мне не нужно повторно подсказывать всю идею. И у меня есть улучшенная версия этой подсказки, которую вы можете использовать. И вторая часть заключалась в том, чтобы позволить мне отслеживать несколько источников журналов изменений, а не только облачный код. Так что я хотел иметь возможность добавлять разные URL-адреса со временем.
В какой-то момент, когда дело дошло до пользовательского интерфейса, он выглядел очень просто, и я просто сказал: "Сделай так, чтобы это выглядело больше как дизайн Anthropic". И я сделал скриншоты разных частей Claude на фронтенде. Лучшая версия этой подсказки фактически сказала бы ему: "Используй эти светлые фоны с этими шестнадцатеричными кодами, эти темные фоны, эти основные акценты и т. д.". А затем, что касается пользовательского интерфейса, сделай фавикон более ярким. Изначально это был просто обычный глобальный значок, который выглядел очень шаблонно. Я просто хотел придать ему больше индивидуальности, поскольку он будет работать в фоновом режиме. И это был простой способ сделать это.
Одна вещь, которую придумал Claude, это добавление тега для анализа настроений. Так что он, по сути, вернется сюда, в приложение. Если я вернусь к "что важно", он скажет, что это позитивное обновление. Очень редко обновление журнала изменений бывает негативным. В конце концов, каждый прогресс — это хороший прогресс. Так что это было неактуально, и я удалил это оттуда. И затем одна вещь, которую я заметил, это то, что я не мог вернуться во времени. Так что, если он сгенерировал TLDDR, и я обновил его, он исчезнет. Это означает, что если у нас было совершенно новое обновление, оно просто исчезнет. Я хотел какой-то формы отслеживаемости. Так что у нас есть база данных SQL, которая находится на нашем компьютере, где я могу вернуться к старому TLDDR, если захочу.
И чтобы закончить этот раздел, просто для некоторых принципов подсказок, вместо того, чтобы говорить такие вещи, как "используй ИИ Google", вы хотите быть конкретным снова и сказать "используй Gemini 3 flash для анализа в режиме JSON". И когда вы хотите что-то кэшировать на фронтенде, вы хотите быть конкретным. Так что, если вы хотите иметь возможность генерировать аудио и иметь это аудио сохраняться в вашем браузере и на вашем локальном компьютере, вы бы сказали "кэшируй анализ ИИ в моей базе данных SQLite по хэшу версии". Проверяй кэш перед каждым вызовом API. И если вы не знаете, что означают какие-либо из этих слов, кстати, вы можете просто перейти и сказать другому чату в Claude, открыть совершенно новый чат и сказать ему: "Эй, я заметил, что это приложение не делает X. Я хочу, чтобы оно делало Y." Напиши мне подсказку, которую я могу дать облачному коду, чтобы позволить мне это сделать.
В дополнение к этому сборнику подсказок, я также предоставлю вам трекер журнала изменений облачного кода, который еще раз проходит через стек, архитектуру, технологический стек, который я использовал, настройку среды, интеграции API, все, что вам нужно, чтобы понять это.
Кроме того, все, что вам нужно будет сделать, это перейти на Resend, войти в систему. Как только вы войдете, вы сможете нажать на свои API-ключи прямо здесь, в этом разделе, получить API-ключ, точно указать, куда должно идти электронное письмо, и он должен позаботиться обо всем остальном. И Resend надежно ведет полный журнал каждого отправленного электронного письма. Так что вы можете видеть статус, тему, когда оно было отправлено в последний раз, и это, по сути, все.
Итак, я сделаю все, что я только что показал вам, доступным по второй ссылке в описании ниже, чтобы вы могли построить это для себя и, надеюсь, быть на один шаг ближе к лучшему освоению облачного кода. И если вы хотите пропустить процесс и пройти через подсказки и просто сделать однократное клонирование моего репозитория вместе с множеством других систем, которые я строю для моего эксклюзивного сообщества, то проверьте первую ссылку в описании ниже. Одна из моих основных целей для сообщества в этом году — предоставить как можно больше ценных систем, которые мои участники могут взять с полок и получить ROI за считанные минуты. Так что, если это вас интересует, то, возможно, я увижу вас внутри. Для остальных из вас я увижусь в следующем.