Transcription
Во вчерашнем видео я показал вам, как создавать невероятно быстрые и простые MVP для базовых функций, используя новую функцию Google AI Studio под названием "build". Теперь вы можете видеть, что вы можете выбирать из всех этих интеграций ИИ и очень быстро и очень легко создавать что-то, что действительно функционирует немного как MVP, верно? Например, я работал над этим. Это на самом деле для моего личного использования, что тоже очень интересно. Вы буквально можете создать что-то, что подходит для вашей личной ниши, что довольно круто. Но теперь я собираюсь показать вам, как вы можете взять это и очень быстро и очень легко добавить что-то вроде базы данных и так далее, и так далее. Теперь вы можете видеть, что это не идеально. Это все еще, знаете ли, немного глючно, но я просто покажу вам, как вы можете легко добавить базу данных. Теперь, если вы заинтересованы в наличии MVP, не такого, как MVP, о которых мы говорим сегодня, а настоящего MVP, который может помочь вам получить инвестиции для проекта, или даже если вам просто нужно что-то автоматизировать в вашем бизнесе или что-то в этом роде, вам просто нужно поговорить с кем-то об ИИ, приходите и поговорите с нами сегодня. У нас есть бесплатный звонок для обнаружения разработчиков по ссылке в этом видео, и, по сути, это со мной и Роуэном, и мы поможем вам понять, как вы можете автоматизировать все, что есть в вашем бизнесе, или просто создать для вас приложение ИИ. Теперь, очевидно, поскольку мы используем ИИ, мы намного быстрее и намного дешевле, чем большинство традиционных агентств по разработке.
Хорошо, так что у нас есть наш "thumbnail tunifier" прямо здесь. Опять же, это не идеально. Вчера он был в еще лучшем месте. Хм, но, похоже, по какой-то причине он перезапустился, но это нормально. Итак, мы просто скачаем приложение здесь, а затем распакуем приложение. Итак, на Mac я на самом деле не знаю, как распаковать. Так что, я думаю, я нажимаю на него так. Хорошо. А затем мы просто перейдем в терминал здесь, верно? Просто это. Извините, ребята. И мы перейдем в папку "downloads". И затем мы перейдем в папку "thumbnail tunifier". И теперь мы пишем "claude". Хм, как мы на самом деле заставим это работать? Так что это должно быть "mpm dev", верно? Нет. "mpm install". Да, это выглядит хорошо. Так что давайте установим его. Давайте просто заставим его работать сначала, чтобы мы могли фактически видеть, как он работает. А затем "mpm run deck". Это так просто? Да, это так. Хорошо. Так что теперь мы открываем это, и это должен быть наш локально работающий проект. Давайте посмотрим, работает ли он локально. Так что "generate thumbnail". Хорошо. Так что да, API-ключ недействителен. Хорошо, так что нам действительно нужен API-ключ. К сожалению, у меня заканчиваются API-ключи, потому что я продолжаю быть должен Google кучу денег. Хм, и я снова это сделал, по сути. Так что мне придется начать новый здесь. Так что Google Cloud Console. Я просто быстро зарегистрируюсь. Получу API-ключ, и я вернусь через секунду.
Хорошо, так что давайте напишем "Claude" здесь и скажем, куда пойдет мой API-ключ? Я не уверен. Может быть, .env. Можешь сделать это для меня и установить? Хорошо, я теперь установил свой открытый, извините, мой, хм, не OpenAI, мой, хм, как это называется? Мой Google API-ключ. Давайте теперь посмотрим, работает ли это локально. Должно. Я не вижу никаких других причин, по которым это не могло бы работать локально, кроме, возможно, потому, что я на бесплатном плане. Ага, на бесплатном плане. Хорошо, я теперь в тарифном плане биллинга первого уровня с новым API-ключом. Так что я просто скажу "cla change my API key". Хорошо, так что теперь у нас есть наш локально работающий проект, работающий правильно. Теперь мы можем начать делать такие вещи, как добавлять пользователей и так далее, и так далее. Теперь первое, что нужно отметить, это то, что это чисто на React, верно? Так что, хотя, знаете ли, это может показаться хорошим, может показаться плохим, по моему мнению, это на самом деле хорошо, потому что это облегчает игру. Хорошо. Так что мы можем просто позволить "claude code" сделать свою часть здесь. Так что я просто напишу "/cle", и мы скажем, я хочу, чтобы вы добавили простую базу данных, которую можно легко перенести на живой веб-сайт. Хм, также нам нужен способ создать учетную запись, но я просто хочу использовать "magic link". Вы можете использовать локальный "magic link" на данный момент, так как это проще. Возможно, Superbase будет лучшим для обоих этих случаев, поскольку это а) локально работающая база данных и б) поддерживает "magic link". Что вы думаете? И мы настроим это с помощью Superbase CLI.
Хорошо, так что он снова начинает с чтения всего в проекте. Теперь он должен определить, что это проект только для фронтенда. Что я хочу знать, так это возможно ли создать практически все только с помощью фронтенда, или мне также нужен бэкенд? Так что я просто скажу "окей, подожди, пожалуйста, используй субагент для всего, пожалуйста, дай ему правильный контекст". Что это на самом деле означает, так это то, что вместо использования этого окна контекста я запущу субагент и буду использовать его окно контекста, чтобы я мог сохранить это окно контекста в 200 000 здесь. Хорошо, сейчас время 17:00. Хм, давайте просто посмотрим, сколько времени это займет, чтобы, по сути, добавить или добавить базу данных к проекту, который я буквально создал за 2 минуты из Google.
Хорошо, так что нам удалось добавить "magic link" к нашему. Давайте просто посмотрим, работает ли это. Теперь это просто локальная версия этого, просто чтобы вы знали. Хм, но это все равно должно работать. Вот оно. Затем, когда я нажму "login", я должен войти. Хорошо, это сработало. Это просто перевело меня к другой вещи. Хм, потому что у меня был запущен другой проект, но не беспокойтесь об этом. Хорошо, а затем мы делаем это и говорим "generate thumbnail". И теперь у нас есть аутентификация, работающая в нашей системе, верно? Так что теперь все, что мы делаем, это, хм, давайте просто сделаем "cla she" здесь и скажем, убедитесь, что мы храним миниатюры людей под сеткой. И также я не хочу, чтобы он создавал только одну версию этого изображения. Я хочу, чтобы он создал восемь версий, восемь графиков, но не все одинаковые. Каждый график должен быть частью оригинального изображения, но сделан в стиле миниатюры. Имеет ли это смысл? И можешь ли ты сделать это для меня?
Хорошо, ребята, я действительно, действительно должен дать вам огромный совет: читайте, что делают ваши ИИ. Хорошо, я на самом деле использую HiQ, кстати. Я не знаю, хм, знали ли люди об этом, но я много использую Haiku прямо сейчас. Я, вероятно, использую его больше, чем Sonic 4.5 прямо сейчас, но да, по сути, я всегда советую вам делать, когда он запускает субагент, нажимать Control O и быстро читать, что он делает. Так что на этот раз он делает именно то, что я просил. В прошлый раз не делал. Еще одна вещь, ребята, это то, что Google AI Studio не обязательно лучше всего подходит для редактирования типа ИИ и того, что он на самом деле делает. Так что я попробую и посмотрю, лучше ли Claude Code для этого. Так что прямо сейчас это то, что он делает. Он берет оригинальное изображение, использует nano banana, и воссоздает изображение таким образом. Это не совсем то, что я хочу. Я хочу, чтобы это было похоже на эту кнопку "generate speech". Это хорошо. Я хочу этого, но чтобы все изображение было переделано в этом стиле, если это имеет смысл. Вот что я пытаюсь сделать. Это на самом деле для меня. Я пытаюсь сделать это для себя, потому что сейчас я делаю снимок экрана вот так и прошу Chat GPT "tunify" изображение, верно? Чтобы сделать его кликбейтным миниатюрным активом. То, что я пытаюсь сделать, это попытаться упростить этот процесс за максимально короткое время, чтобы а) показать вам, насколько это легко, но б) потому что мне действительно нужна эта функция, и в) чтобы показать, насколько легко затем добавить базу данных.
Теперь, если люди хотят, чтобы я продолжил этот эксперимент, я добавлю платежи, такие как Stripe, а затем я сделаю полное видео, где я сделаю все это, а также запущу веб-сайт на Digital Ocean. Так что, если люди хотят увидеть этот процесс, пожалуйста, дайте мне знать в комментариях, потому что трудно понять, чего на самом деле хотят люди.
Хорошо, так что примерно через 19 минут мы, и это не занимает 19 минут. Я также игрался с API-ключом и тому подобным. Так что давайте посмотрим. "Extract eight assets". Давайте посмотрим. Вот оно. И вы можете видеть, как легко Claude Code редактирует работу вашей ИИ-системы. Так вот что я имею в виду под "получите MVP, поместите его на свой локальный компьютер", и вы можете видеть, что у него есть кнопка "generate speech", Gemini 2.5 Pro. Это именно то, что мне было нужно. Идеально. Теперь, что я хочу знать, работает ли на самом деле база данных? Я предполагаю, что да, честно говоря, потому что ее не так сложно настроить.
Хорошо, так что это не идеально, верно? Это не совсем то, что я хотел. Эти немного слишком мультяшные, но вы можете просто увидеть, откуда я, возможно, исхожу. Мне просто нужно. Это не совсем то, что я хотел. Хм, о, также говорится "fail to upload asset bucket not found", но я имею в виду, что это может быть просто потому, что я не дал ему работать до конца. Я на самом деле начал работать до того, как он закончил.
Хорошо, ребята. Так что это, по сути, результат, который я получил здесь. Опять же, это не совсем то, что я хотел, но я имею в виду, стиль рисунка на самом деле не самое важное в этом видео. Так что давайте просто посмотрим, сохраняется ли это сейчас. Так что давайте просто обновим. Вот оно. Так что теперь мы можем видеть, что у нас действительно есть база данных здесь. Если мы выйдем и затем войдем. Так что, на самом деле, просто сделаю это, чтобы доказать это. "Stream Gmail". Кстати, ребята, если вы задаетесь вопросом, почему меня постоянно перенаправляет на этот другой веб-сайт, это просто потому, что у меня запущен другой проект. О, хорошо, на этот раз не получилось. Так что мы вошли. "Income stream server", тот же аккаунт, те же активы, верно? Так что теперь у нас официально есть база данных в этом проекте. Это заняло совсем немного времени. Claude code плюс Gemini 2.5 Pro Studio build mode выглядит довольно круто. Теперь, очевидно, как я уже сказал, подсказки нуждаются в небольшой доработке и так далее для меня лично, но просто как результат прямо сейчас, это супер, супер хорошо. Вы можете легко разместить это на GitHub, а затем легко загрузить, создать домашнюю страницу, все эти хорошие вещи. Это очень, очень простые вещи, ребята. Я продолжу эти видео, если люди захотят. Я оставлю это видео здесь, ребята. Большое спасибо за просмотр. Если вы смотрите до конца видео, как обычно, вы абсолютная легенда. И я увижу вас очень, очень скоро с новым контентом.