Transcription
Итак, Google только что сделал Vibe-кодирование полностью бесплатным, что означает, что вам больше не придется платить за такие приложения, как Lovable Cursor или Replet, и, честно говоря, с его интеграцией с Nano Banana VO3.1, которые являются полностью нативными продуктами Google. Это приложение абсолютно невероятно, и тот факт, что оно бесплатное, потрясающе. Так что в этом видео я покажу вам шаг за шагом, как вы можете создавать действительно крутые приложения, а вдобавок ко всему я покажу вам несколько функций, которые есть у этого конкретного приложения, которых нет даже у Lovable и Cursor, и Replet. А затем я также покажу вам, как вы можете подключить это к вашему NADN, чтобы создать еще более мощное приложение с автоматизацией ИИ. Хорошо, так что, не тратя слишком много вашего времени, давайте сразу перейдем к видео.
Хорошо, так что прежде всего, чтобы получить доступ к этому VIP-приложению для кодирования от Google, вам нужно перейти в Google AI Studio, а это просто AI studio.google.com. Я размещу ссылку в описании, так что вы сможете перейти и просто нажать на нее, и она приведет вас сюда. Создайте учетную запись. И как только вы это сделаете, опять же, это бесплатно. Так что они дают вам, я думаю, до 100 кредитов в день, что очень много, что означает, что вы можете создавать практически все, что захотите. Итак, когда вы придете сюда, вы нажмете «Создать». Если вы нажмете «Создать», это приведет вас прямо к этой конкретной панели, где написано «Создавайте свои идеи с помощью Gemini». Так что, если вы использовали такие приложения, как lovable cursor или replet, я имею в виду, это выглядит довольно просто и довольно очевидно, знакомо, у вас есть эта панель, где вы можете вводить запросы, и это будет ваше первое начало создания вашего приложения. слева. Опять же, вам не о чем беспокоиться.
Теперь самое главное — внизу, как вы можете видеть прямо здесь, написано «Улучшите свои приложения с помощью ИИ». Очевидно, Nano Banana, которая является потрясающей моделью ИИ-изображений от Google. Вы можете анимировать изображения с помощью VO VO 3.1. Я думаю, это последняя версия. А затем вы также можете добавлять такие вещи, как разговорные приложения, а затем кучу других вещей, которые снова являются продуктами Google. Но я собираюсь показать вам, как вы можете интегрировать эти различные приложения. Итак, первое, если вы хотите, чтобы ваше приложение использовало Nano Banana, все, что вам нужно сделать, это нажать на это, и, как вы можете видеть вверху справа, появляется это, это говорит «Приложение на базе Nanobanana», редактируйте изображения с помощью Gemini 2.5 flash image, что является официальным названием Nano Banana, а внизу, как вы можете видеть, это модель. Так что, если вы нажмете на модель, они дадут вам несколько вариантов, очевидно, это все модели Google, но Gemini 2.5 Pro — это их последняя модель, которая является одной из лучших моделей на рынке. Так что просто используйте ее. Очевидно, если вы находитесь на других платформах для кодирования, у вас будет возможность использовать другие большие языковые модели, такие как OpenAI и тому подобное, но пока, как я уже сказал, Gemini 2.5 Pro там достаточно. В системных инструкциях вам не о чем беспокоиться, но это просто дает вам возможность добавлять пользовательские инструкции для ваших проектов, если вы хотите контролировать стиль, используемые модели и любые другие специфические знания. Так что шаблон системных инструкций по умолчанию будет React, но вы можете выбрать Angular. Опять же, если вы не знакомы с кодированием, не беспокойтесь об этом пока. Так что мы собираемся перейти и просто закрыть это. Но это просто модель, которую он будет использовать.
Итак, справа вы можете фактически преобразовать речь в текст здесь. Но если вы видите эту кнопку прямо здесь, она говорит «Мне повезло». Очевидно, если вы знакомы с Google, это всегда было в основном приложении Google. Так что, если я фактически закрою это и нажму «Мне повезло» и предложу попробовать это, потому что это действительно круто. Это дает вам уже готовый пример. Так что, если вы просто нажмете «Мне повезло». Что это сделает, это автоматически выберет различные интеграции. Так что, как вы можете видеть, это показывает приложение Nano Banana, а затем также интеграцию анализа изображений, верно? А затем он предварительно заполняет или заполняет раздел запроса здесь: «Создайте приложение для фотобудки для путешествий во времени, которое будет делать мои фотографии и вставлять мое лицо в различные исторические сцены». Я имею в виду, это действительно крутое приложение для создания. Но в любом случае, если вы просто продолжаете нажимать «Мне повезло», это будет продолжать менять запрос, а затем также различные приложения, которые ему понадобятся для создания этого. Так что, если я снова нажму «Мне повезло», как вы можете видеть сейчас, это приведет к созданию приложения для создания рекламных макетов по запросу. И эти макеты, где вы просто загружаете свой логотип, а ИИ размещает его на виртуальных снимках продукта. И это использует только Google nano banana. Если я нажму на него снова, вы увидите, что он будет продолжать менять вещи. Так что этот — «Создайте приложение, куда я могу загрузить сценарий». Так что позвольте мне просто нажать на это. Позвольте мне посмотреть на это. Хорошо, вот оно. Мне это на самом деле нравится. Оно говорит: «Создайте приложение для фотографа-портретиста с помощью ИИ». Пользователи загружают обычное селфи, затем выбирают желаемый стиль, такой как корпоративный серый фон, современная техника, офис, на улице, естественное освещение, и приложение генерирует стандартный профессиональный портрет. Так что это действительно круто, очень просто. Как вы можете видеть, здесь есть приложение на базе nano banana. Так что я просто собираюсь создать эту вещь. Так что я просто нажму «Создать». И что это сделает, это начнет создавать само приложение. Точно так же, как я сказал, если вы использовали любые другие приложения для кодирования, такие как, вы знаете, cursor или raplet или lovable, вы будете знакомы с тем, что он фактически сгенерирует код здесь, а затем предварительный просмотр справа.
Одно классное отличие здесь заключается в том, что по мере того, как он создает слева, здесь, посередине, он фактически показывает вам несколько других предложений. Например, вы можете позволить пользователям дополнительно настраивать выбранный стиль, выбирая цвета, интенсивность освещения и другие эстетические параметры для более персонализированных результатов. Так что это просто эти идеи, и если вы нажмете «Добавить в чат», это просто добавит эту функцию в ваш чат. Так что это классная коробка предложений, которую он предоставляет по мере создания вашего приложения. И если вы нажмете «Далее», это также даст вам возможность использовать свой собственный ключ API. И тогда, очевидно, если он продолжает давать вам другие предложения, такие как «предоставить пользователям возможность генерировать новые вариации» и так далее. Вот так. Так что теперь он завершит предварительный просмотр. Так что отлично. Вот так. Так что это своего рода фронтенд приложения. Так что давайте попробуем. Так что я собираюсь нажать «Выбрать фото». Так что я просто добавлю эту фотографию моей. Вот так. Так что я только что добавил эту миниатюру YouTube, которую я создал. Так что я просто собираюсь добавить это. А затем также выбрать стиль. Так что я буду использовать clax. Да, давайте сделаем современный офис, верно? А затем я нажму «Создать портрет». И теперь вы можете видеть справа, что это генерирует новый портрет. И то, как это делается, опять же, очевидно, это будет использовать собственную модель изображений nano banana от Google. И вот так. Отлично. Как вы можете видеть, так что теперь я могу даже редактировать это, верно? Так что давайте попробуем еще раз. Позвольте мне сделать наружное естественное освещение. И затем, когда он сгенерирует, вы можете даже редактировать это дальше. И затем, очевидно, слева, в окне, вы можете дальше, вы знаете, общаться с этим и использовать запросы, чтобы фактически изменить любые функции, которые вы хотите изменить здесь. И отлично, вот так. Это действительно круто. Так что, если я немного увеличу, это совсем не плохо. Хорошо, круто. Так что теперь вы можете снова уточнить с помощью запроса, например, вы можете добавить, знаете ли, ретро-фильтр или что-то еще. Верно. Так что это, знаете ли, один из способов создать что-то совершенно простое. И слева, как вы можете видеть прямо здесь, как я сказал, я могу добавить некоторую стилизацию. Так что я могу просто сказать, измени фон на синий или что-то в этом роде. Верно. Я нажму Enter или, извините, вот так. Я нажму это. И теперь он просто изменит фон там.
А затем еще одна важная функция, которую имеет это конкретное приложение, которой, по крайней мере, я сейчас не вижу в других приложениях для кодирования, — это приложение для аннотирования. Так что, если я нажму «Аннотировать приложение», как вы можете видеть прямо здесь, внизу, это выводит эти, знаете ли, различные вещи, которые я могу фактически добавлять, выбирать и вносить изменения в свое собственное приложение, основываясь только на предварительном просмотре здесь. Так что, например, если я хочу выбрать этот, давайте посмотрим, давайте посмотрим на этот прямоугольник. Так что, если я просто выберу это здесь. Так что это выбор, и теперь я могу добавить это в чат и сказать: «Эй, примени изменения на основе этого снимка экрана, верно?» Так что теперь я могу просто сказать: «Эй, измени фон этой конкретной области на что-то другое, например, верно?» Или, если вы не хотите этого делать, позвольте мне попробовать аннотировать снова. О, вот так. Он изменил фон на синий. Так что позвольте мне избавиться от этого. Так что давайте выберем эту фотографию снова. Хорошо, на этот раз я выберу классический студийный портрет. Я имею в виду, этот синий фон ужасен, но я просто хотел показать вам, как вы можете внести изменения там. Еще одна вещь, которую я собираюсь сделать. Вот так. На самом деле, это действительно приятно. Посмотрите на это. Отлично. Я, возможно, воспользуюсь этим. Хорошо. Так что, да, относительно аннотирования. Так что, если я снова нажму «Аннотировать приложение», как я упоминал ранее, если вы используете этот прямоугольник, вы можете просто нарисовать и сделать снимок экрана. Таким образом, вы можете загрузить и внести изменения. Вы также можете использовать этот инструмент для царапания. Так что, например, если я скажу: «Эй, я хочу изменить эту область», и вы можете даже указать на нее стрелкой и, знаете ли, или, возможно, даже выбрать другой цвет, если хотите. Затем вы можете просто сказать «Добавить в чат». Так что теперь, что это сделает, это сделает снимок экрана этой конкретной области всего, что вы нарисовали, и вы можете просто добавить «Применить изменения», любые изменения, которые вы хотите внести в нее, верно? Так что это действительно классная функция там. А затем несколько других вещей здесь. Так что, если я нажму «Добавить стрелку», вы можете добавить стрелку, добавить текст. Так что, например, если вы просто хотите добавить сюда текст, вы можете добавить конкретный текст в этот раздел экрана, чтобы внести свои правки там. Да. Так что это своего рода функции редактирования. А затем, очевидно, это дает вам возможность развернуть это приложение в Google Cloud, верно? Так что, если вы развернете это в проекте Google Cloud, вы можете отправить это на GitHub, что означает, что, знаете ли, если это приложение в стиле MVP, которое вы используете, и позже вы захотите проверить его и внести изменения, и если вы хотите использовать код, чтобы сделать его готовым к производству, вы можете отправить это на GitHub. Вы всегда можете скачать приложение, а также сохранить копию в своем Google Drive. Так что, очевидно, здесь много чего можно сделать, но это просто хороший способ протестировать свои идеи. Так что это своего рода очень простой способ создать приложение. Так что позвольте мне избавиться от этого.
Теперь, если вы хотите создать что-то более сложное, например, если вы хотите создать приложение, которое подключает ваш фронтенд, вы хотите создать фронтенд, а затем подключить его к платформе автоматизации бэкенда, такой как Naden. Так что давайте посмотрим на это. Так что, прежде всего, снова, вы вернетесь, вернетесь сюда. Так что я собираюсь фактически получить свой запрос. Так что я собираюсь перейти в мое сообщество, нажать на vibe coder, и давайте посмотрим. Я собираюсь нажать на lovable. Перейду вниз. Так что мы просто собираемся протестировать это UGC-приложение, которое я создал, верно? Так что я просто возьму UI здесь. Хорошо. Скопирую это. А затем я также спущусь вниз, чтобы скачать NAND blueprint. Это был просто рабочий процесс UGC AI ad или да, рабочий процесс UGC AI ad, который я создал. Так что я собираюсь перейти к NAND. Если вы не знакомы с NAD, это платформа для кодирования. Я имею в виду, это платформа автоматизации ИИ без кода. Вы можете создать ссылку или создать бесплатную учетную запись. Ссылка в описании для этого тоже. Так что я собираюсь нажать «Импортировать из файла» и перенести эту автоматизацию. Так что эта автоматизация фактически создает AI UGC-рекламу. Верно. Так что это связано с веб-хуком. Так что я просто собираюсь использовать этот веб-хук. Тот же веб-хук здесь. Так что вернемся. Позвольте мне сначала скопировать этот запрос здесь. Хорошо. А затем перейду в Google Studio. Вставлю это. Так что теперь, что это сделает, это построит фронтенд. Так что это просто запрос, который гласит: «Создайте чистый премиальный сайт для создания UGC-рекламы», верно? У меня есть некоторые инструкции по форматированию и всему остальному. И тогда я также сразу же добавлю второй шаг, чтобы мне не пришлось делать это дважды. Так что второй шаг — это отправка веб-хука и обратной связи с пользователем в n через веб-хук. Так что я скопирую это, вернусь сюда, вставлю это. Единственное, что я изменю, это вот это, потому что я сказал «измените веб-хук на свой». Так что, как вы можете видеть прямо здесь, когда пользователь отправляет фотографию, описание и электронную почту, отправьте эту информацию на этот веб-хук через прикрепленный файл изображения. Я нажму «Создать».
Так что, что это сделает, это создаст для меня все приложение, просто основываясь на этом одном запросе. Так что то, как это работает, заключается в том, что вы загружаете изображение на фронтенде, и это изображение будет отправлено на бэкенд здесь через веб-хук, и это свяжется с Nano Banana и Google V3, чтобы создать эту AI UGC-рекламу, и это отправит эту рекламу или это видео на нашу электронную почту. Так что давайте позволим этой вещи создаться. Вот так. Теперь она создает все, и отлично. Теперь вы можете видеть, что она создала этот действительно приятный фронтенд здесь: «Создавайте UGC-рекламу, которая конвертируется». У нее есть этот приятный маленький фронтенд, а также здесь вы можете добавить «Создайте свою рекламу, загрузив фотографию, а затем описание и вашу электронную почту». Так что давайте сделаем это. Хорошо. Так что я собираюсь загрузить изображение. Так что я просто загружу снимок экрана этого солнцезащитного крема и затем попрошу его сгенерировать рекламу для меня, знаете ли, с описанием, которое будет отправлено на мою электронную почту. Так что я собираюсь загрузить это. Хорошо. И я просто сказал, что 22-летняя модель говорит о важности использования солнцезащитного крема. Так что я не буду беспокоиться ни о чем другом. Я просто введу свой адрес электронной почты. Скажу, что у меня есть право использовать изображение, бла-бла-бла. Нажму и затем, если я перейду к, подождите секунду, выполните рабочий процесс. Так что теперь это будет слушать этот конкретный рабочий процесс. Или эту инструкцию, которая будет поступать от него. Если я нажму «Создать рекламу», это должно отправить эту информацию. Вот так. Отлично. Верно. Это теперь отправляется на бэкенд здесь через веб-хук. Так что, если я нажму «Веб-хук», вы можете увидеть эту информацию или это конкретное изображение было отправлено через фронтенд там, и это приведет к генерации нового изображения с помощью nano banana, и это свяжется с V3, чтобы сгенерировать новое видео для нас.
Хорошо, так что после того, как этот рабочий процесс завершился. Так выглядит это UGC-приложение. Этот солнцезащитный крем буквально ощущается невесомым. Никакой жирной грязи. К тому же мне нравится, как защищена моя кожа. Серьезно, больше никогда не пропущу этот шаг. Отлично. Действительно круто. Верно. Так что это пример UGC-рекламы, которую можно было бы сгенерировать. Очевидно, я сделал этот учебник и планирую сделать больше об этом позже, но это просто дает вам представление о том, как вы можете создавать дополнительные приложения здесь, и фронтенды здесь, а затем добавлять что-то вроде NA10 на бэкенде для создания идеальной автоматизации. Я сделал несколько таких, кстати, в моем сообществе, например, с Lovable Firebase Rocket и другими платформами, и я планирую сделать больше, и, очевидно, у нас есть, если вы новичок в NAN, у нас есть курс для начинающих, курс для среднего уровня, а также у нас есть курс по vibe coding, который вы можете посмотреть, и если вы хотите научиться зарабатывать деньги с помощью ИИ, у нас есть полный курс, который вы можете использовать. Так что не стесняйтесь посмотреть. И мой Nad сейчас размещен на облачной платформе. Но если вы заинтересованы в самостоятельном размещении на своем собственном частном сервере, ознакомьтесь с распродажей Hostinger Black Friday прямо сейчас, которая у них проходит, особенно для NAND. Так что это виртуальный частный сервер, который вы можете проверить. Я имею в виду, прямо сейчас, как я уже сказал, это лучшая сделка. Если вы хотите воспользоваться этим, я бы посоветовал использовать план KVM2. Так что вы нажимаете «Выбрать план». Что это сделает, это перенесет вас на следующую страницу, где теперь у вас есть возможность выбрать период. Так что 24 месяца или 12 месяцев. Если вы используете NAD долгосрочно, я, очевидно, настоятельно рекомендую использовать 24 месяца, потому что это, очевидно, даст вам лучшую сделку. Все остальное оставьте как есть, то же самое, приложение. Убедитесь, что вы выбрали naden здесь. А затем справа вы также можете нажать «Есть купон», потому что Hostinger является нашим основным спонсором канала. И если вы просто введете AI workshop, нажмите «Применить». Это даст вам дополнительную 10% скидку, что снизит вашу цену до 140 долларов за 24 месяца, что опять же составляет 5,80 доллара. Это смешно. Так что воспользуйтесь этим. И после того, как вы примените купон, вы нажмете «Продолжить». Это перенесет вас на страницу, где вы можете зарегистрироваться, если это ваш первый раз. Я просто собираюсь войти.
Хорошо. Так что, как только вы войдете в свою учетную запись, вы перейдете к добавлению своего платежного адреса и платежной информации. Вы нажмете «Установить». Это займет пару минут, и это приведет вас к вашей панели управления. Хорошо. Так что, как только вы окажетесь здесь, после установки, это приведет вас сюда. И все, что вам нужно сделать, это нажать «Управление» здесь. И это откроет вашу основную панель управления здесь. Ваша будет выглядеть пустой, но все, что вам нужно сделать, это нажать «Управление приложением» здесь. И это откроет ваш собственный naden на вашем собственном виртуальном частном сервере. Очевидно, если это ваш первый раз, вам придется зарегистрироваться для новой учетной записи. И как только у вас будет учетная запись, теперь вы можете создавать свои рабочие процессы. И теперь все размещено на вашем собственном виртуальном частном сервере. Так что убедитесь, что вы проверили это. Опять же, воспользуйтесь этой распродажей Black Friday. Я размещу ссылку в описании, так что вы можете просто перейти по этой ссылке, а затем вы можете зарегистрироваться для всего.
Хорошо, так что убедитесь, что вы также проверили сообщество, если вы хотите узнать больше об автоматизации ИИ, как зарабатывать деньги с помощью ИИ и всего остального. Я планирую сделать больше видео по этому конкретному Google Studio, Google AI Studio, особенно по инструменту vibe coding, особенно если вы хотите создавать более сложные приложения. Я планирую сделать это. Так что, пожалуйста, поставьте лайк и подпишитесь и подождите следующих видео, которые выйдут. Спасибо за просмотр, и я увижу вас в следующем.