Transcription
Привет. Сегодня хочу рассказать тебе, насколько байкодинг может быть лёгким. Всё, что тебе нужно - это правильный сетап. Если он у тебя стоит на компе, дальше всё, что тебе нужно - это писать промты, и Миронка будет писать для тебя за тебя код, тестировать и загружать на сервер. Круто. Круто.
А чтобы завлечь ещё чуть-чуть больше твоего внимания, перед тем, как мы перейдём к гайду, я тебе покажу то, что я уже навайпкодил. Знакомсь, это Аури. Это такая штука и агент типа Джарвиса. Я её сделал исключительно для себя, потому что дневники, ручки, писать вот это всё от руки и планы. Короче, я это никогда не делал. У меня это никогда не получалось. Я всегда забивал, терял эти еженедельники. И так как я научился вайпкодить, решил завайпкодить себе такую штукенцию. Тут же я веду дневник. Идеи, которые у меня поточно идут, даже когда я в машине еду или на пробежки, достаю телефон, наговорил быстро, и он тут сохранил здоровье. То есть я фотографии еды скидываю, и оно всё мне считает. Планы. Очень удобная штука. Как это работает? Работает просто через Telegramбот. Я сюда скидываю еду, говорю ему голосовые, он пишет мне планы. То есть это штука, которая полностью менеджерит мою жизнь. Она уже на сервере, на моём домене. И всё это сделал я за пару недель без знаний разработки, без разработчиков, просто сам. Кайф, кайф.
Давайте теперь покажу, чем мы будем сегодня заниматься. Мы я написал гайд о том, как установить Ruby On Rails, язык программирования, Cloud Code, Tailwin для того, чтобы у нас красивые дизайны были на Windows. Почему на Windows? Потому что на Маке у меня всегда достоит. Я в этом уже в вайпкодею несколько месяцев, но на винде этого нету. решил поставить и записать вам видео. Для того, чтобы начать кодить на рубях, нам на нашей машине Windows надо установить Linux. Чтобы это установить, мы просто копируем, открываем терминал любой. Есть стоковый терминал PowerShell. Я использую WORP. Я использую WordP. Вот он. Вот так пишется. можете скачать, он бесплатный. Что такое Убунту? Убунту - это виртуальная машина на вашем компьютере. Виртуальная Linux машина, типа эмулятор. Мы просто копируем, вставляем. Так как у меня эта штука уже установлена, вам нужно будет её установить и потом перезагрузить. Потом после перезагрузки вы открываете снова терминал, пишете VSL, Enter. У вас откроется терминал у бунту, в котором мы уже можем начинать делать всякие штуки. Копируем из части два. Копируем, вставляем. Вводим пароль от нашего компа. Всё, пошла установка. Это будет меньше минут. Вон руб поставились и рейлсы. Теперь ставим кд-код, копируем третью часть. Просто вставляем и нажимаем Enter. Погнал. Устанавливается код-код. А, да. Для того, чтобы кодить, вам единственное, что нужно - это подписка на на клад. Она стоит 20 долларов. Это куда дешевле, чем платить разработчику, правильно? Так что у нас дальше? Клод пока не запускаем. Мы должны создать удобный менеджеринг наших наших разработок. Смотрите, мы сейчас находимся users в юзере ZON. В этом юзере ZON есть вот такие папки. Чтобы посмотреть содержимое папки Zon, нажимаем, пишем LS, такая команда. И тут Appdata Contacts, Documents, Downloads. И вот это всё. Чтобы создать папку в этой папке ZON, не выходя из терминала, нам нужно написать MKIR и название папки. Пишем projects, как тут смотрите, вот MKDR Projects. Теперь, чтобы пройти перейти в эту папку, давайте проверим, создалась она или нет. Project. Вот она. Теперь переходим в папку Project. CD Project. CD - это чтобы перейти в папку, которая есть в этой папке. Нажимаем Enter. Теперь мы в папке Project. И в этой папке мы вводим эту строку Rails, New. My app - это название нашей нашего проекта. Давайте YouTube. Так как это видео на YouTube будет, чтобы всем понятно, мы создадим папочку YouTube и Enter. Всё, оно погнало ставить, что вам нужно для вайпкодинга. Все файлы, какие бы какие-либо не нужны докеры. Я потом вам всё это покажу. Не в этом видео, но в следующую покажу обязательно. В этом видео мы просто установим клад-код и напишем наше первое веб-приложение. Ждём, пока оно установится. Потом мы включим плот и начнём кодить. Всё, оно установилось. Теперь смотрите, LS в нашей папке Project появился YouTube. Переходим наш YouTube. Оно автоплити. Нажимаете первую букву и табуляция YouTube. Мы перешли теперь в эту папку. Мы в папке проекта YouTube, в папке Projects, в папке ZON и Users. Теперь нам нужно запустить clД. Пишем clД. Наш клод-код запущен. Когда вы будете запускать первый разклад-код, она на надо будет пройти по всем шагам и авторизироваться в браузере. Там всё очень просто, вы поймёте, несложно.
Давайте наговорим ему промт. Привет. Я прямо сейчас записываю видео на YouTube и на видео записываю на тему того, как поставить Ruby on Rails и Clкод на Windows. И я хочу, чтобы ты создал какой-то тестовый прикольный проект, чтобы я пацанам показал, как это очень легко и понятно с помощью клад-кода писать продукты. Давай. Вот я наговорил. Нажимаю, прежде чем нажать Enter, я хочу вам кое-что показать. VSL. Я открыл новый терминал. Хочу зайти в папку Projects, в папку YouTube. И в этой папке я пишу BIN/D. Всё, мы запустили наш сервер. Можем проверить сервер на нашем копе. Мы запустили и прошло 10 минут. Кайф. Кайф. А теперь давайте немножечко повайкодим. Давай, брат, делай. Привет. Отличная идея для видео. Всё, он понял. Он увидел Rails, увидел Tail Wind, который мы установили. Сначала создадим модель Task. Я нажимаю. Первое, это просто на конкретно эту этот запрос. А второе нажимаешь и на всю сессию у него будет полное разрешение. Он будет кодить и и не спрашивать. Когда вы котите какие-то серьёзные проекты, лучше, конечно же, этого не делать. Но так как у нас ролик ознакомительный, просто вам показать, насколько это просто. Можно и так, чтобы было быстрее. Начал что-то кодить. Синтаксис рубей в этом и прекрасен, что тут всё понятно. Вы можете почитать и этим самым обучаться. Rubion Rails. То есть тут всё понятно, что он делает. Вот это он что-то зелёное добавляет, красненькое удаляет. Вот смотрите, видите, это заменил на вот это. Теперь задим красивый интерфейс. Давай. Можно даже обновить, посмотреть, что он там наделал. Вот смотрите, уже что-то появилось. Начинает кодить. Это заменил на вот это. О, смотрите, что-то ещё появляется. Вам интересно? Мне очень интересно. Это настолько завлекающая штука. Нужно часами пропадать и вайбкодить. Я когда вайбкодил своё эхо, я просто не вылазил. Поэтому подписка за 20 более чем хватает для разогрева. Потом приходится брать побольше, потому что контекстового окна просто не хватает. Давай запустим сервер. Так, нет, сервер я запустил на другом терминале. Так, что мы сделали? Давайте скинем ему скриншот, пусть он посмотрит, что он там накодил. Где наш терминал? У меня почему-то не копируется, не вставляются только вот так. Сейчас он прочитает этот скриншот и поймёт, что он там, ну, ничего не накодил. Ага, вижу проблему. Там вил не подружается. Нет стилей. Нужно запустить режи через bндев. Попробую перезапустить BНDF. Давайте Ctrl C. BНDF. Всё запущено. Проверяем. Вот он что-то накодило. Опять делаем скриншот. Переходим в WordB, скидываем, открываем наш клод. Кидаем ему. Слушай, ну ужасно выглядит. Давай ты, наверное, почини, потому что я видео записываю и пацаны, ну, не поймут, осудят. Я пообещал им, что всё просто, а получается какая-то херня. Давай, дружище, мне за тебя не надо краснить. Ну так вот просто с ним говоришь. Это как твой разработчик, с которым можно говорить сколько угодно. Он вечно терпеливый и у него нету выходных. Это просто фантастика. Есть ещё лайфхак. Вот такая штука. ультрак. Вот так вот, когда оно гейским так подсветилось, сейчас я нажму и объясню. Я ему скинул скриншот, наговорил промт, сказал, что ничего не работает, перечини и написал ультрасин. Ну, это типа он в моменты, когда у него затуп, пишешь ультрасинки и он работает немножечко лучше. Такой небольшой лайфхак. Вижу, ты заработал, но фон не на всю ширину. Справа белая полоса - это проблема с лейаут. Сейчас исправлю. Всё, он увидел ошибку, потому что мы ему скинули скриншот. Он по скриншоту понял, что оно где находится. Потом посмотрел код и нашёл под ошибку. Переписал, отправляет ошибки и Ctrl F5. Сейчас, брат, а что с дизайном? Что он розовый такой первый глаз? И так мало функций. Ну неинтересно. какой-то лендос прикольный сделай. Ну, чтобы было не стыдно пацанам показать. Давайте ещё одну попытку. Пусть он сделает что-то нормальное. Это, короче, он сделал туду лист. Поняли? Просто вырви глаз дизайн. Сейчас он перепишет. Поехать на Ибицу летом. Чик. Ага. Ну, тут ошибка, когда А, ну, потому что начала кодить уже, поэтому ошибка. Где наш? Да, он начал уже. Так, понял тебя. Давай сделаем что-то реально крутое. Canban доску в стиле Notion с тёмной темой. Три колонки to in progress down. Drag and drop. Красивые карточки. Звучит здорово. Делай, брат.
И вот так вот вы установили свой сетап. Потом только промты. Всё, что вы можете делать - это читать. Чем больше вы читаете, вы будете понимать этот синтаксис, тут же ж в целом всё понятно. Тут же ж вот он добавил какие-то тайтлы более понятно. Тут что-то он убрал вместо complete pending. Где там оно было? Давай создавай дизайн. И вы можете накотить всё, что вы хотите, где бы вы не работали. Если вы работаете в офисе, сделайте фичу под себя, которая будет работать и ускорять вашу жизнь. Я вот написал единеник, потому что это прямо тема, которая нужна мне. Нужно вести планы, нужно следовать моим БЖУ, белкам, шарам, улеводам. То есть я всё запихнул, всё, что мне нужно в один сервис, задеплоил его. Вот он, и всё. И с помощью одного Telegram Telegramбота я полностью, ну, это как мой личный ассистент. Потом я туда прикручу ещё тренера. Я сюда сюда буду выгружать свои тренировки. А их у меня по пять, пошесть за неделю. Сюда тут уже в идеях у меня прикручена нейронка, которая отдельно следит за идеями и ренжерует их по степени актуальности, по уровню актуальности. Сейчас он уже почти докодит. Мы с вами посмотрим. Давайте обновим, что он там. Ошибочка. Пока ещё кодик. Пока ещё кодик. Вообще фантастика, потому что научиться один раз сделать вот эту штуку, загрузить его на домен, на сервер и всё. Сейчас, чтобы запустить стартап, тебе не нужен никто. В клодкоде у меня есть готовые аналитики. Так, он всё доделал. Давайте проверим. Интересно же ж. Так, ошибка. Делаем скриншот. Сорри, у меня что-то подлагивает, наверное, из-за запись. Делаем скриншот, открываем WP. Друже, ну ошибка какая-то. Давай пофикси мы уже закончим это видео. О'кей. Вот так с ним в разговорном формате общайтесь и всё. Можно матом на него крыть. Можно говорить, что я удалю тебя и всё, и он испугается и начнёт вам ходить, как надо. Короче, это ваш разработчик, только который фиксит моментально. Не нужно ждать правок 2-3 дня. Ты ему сказал, он такой: "Опа, ошибку увидел, всё, которого нет в роутах. Быстро фикшуй". Всё, он пофиксил и снова какая-то херня. Ещё раз скидываем скриншот. Это вот так ты называешь супер-пупер сайт, который можно показать челам на Ютубе, да? Или всё-таки, ну, ты его доделаешь раз и навсегда, и мы закончим это видео. Ой, это вот так ты называешь суперкрутой сайт, который можно показать на Ютубе. Ты же можешь сделать здорово. Давай почини. Пишем ультрасн. Пустим. Это вообще сырой клод, поэтому он работает вот так. Но сюда можно запилить агентов. Это делается просто изи. Тоже там два-три действия. Потом там будут промты, он будет отключать этих агентов и используя эти промты, будет кодить, находить ошибки и будет делать в сотню раз лучше. Это он работает на сыром клоде, в котором нет ни агентов, ни MCP, ничего там нету. Это вот мы только установили клод и сразу начали кодить. две три итерации и оно всё нам сейчас делает. Вот он запустил tailн собрался, но нужно проверить, правильно ли он отключен. Посмотри структуру. Давайте обновим. Вот. Ну смотрите, это ж другое дело. Кайф. Кайф. Можно драгон дропать вот сюда. Ну тут стрелочками. Можно ему наговорить. Ой, он ещё кодит workingг набицу. Я бы поворкал. Поехал. Кайф. Кайф. И потом, если какая-то фича вам нужна, например, смотрите. А давай покажем мы, как мы подкручиваем регистрацию по телеграму. Сделай по-быстренькому, пожалуйста. Сделай, повысь, пожалуйста. Всё, он поймёт. Круто. Сделаем авторизацию через Telegram. Это реально впечатлит пацанов. Пацаны, 7 п чат. Вот он добавил что-то. Прикольно, что он делает всё это сам. Вход созданию стартапов просто урезался до минимума. Если мы сейчас не запустим стартапы и не покатимся, то когда? аналитики в Clде или в CG GPT, они есть формирование Go to Market стратегий есть, разработчик есть всё, что нужно, чтобы создать какой-то минимальное жизне действующий продукт, он просто вот перед нашими глазами. Кайф же. Сейчас мы ещё попросим его сделать лендинг к этому сервису и будем закругляться. Я этот гайд вот этот сделаю постом в Telegram-канал и ссылку на этот пост прикреплю под этим видосом. Окей, вы переходите, если понравится, можете подписаться. О, смотрите, восемь человек ещё подписалось буквально со вчера. Круто. Если кто смотрит, ребят, вам привет. Безмерно радует меня. Вы видите, как тут цифры увеличиваются. Так что подписывайтесь, общайтесь. Я всегда на связи, всегда готов помочь, и мне по кайфу. Так, давайте посмотрим. Так, теперь обновляю. Всё, он ставит Telegram login widget для регистрации. Потом, если кому нужно, я покажу, как правильно это сделать. То есть мы должны вытянуть IP с телеграма, подключить его. Вообще можно накодить всё, что угодно. Первое, что я накодил до Аврии, это обозреватель кошельков. Я вытянул з из Бинанса АИ. И вот к такому сервису, который мы накодили, где тут у меня был просто дашборд вместо вот этого дашборд по моему кошельку Бинанса. И когда какие-то монетки капали с лаунчпула, оно мне переслало алёрты. Просто я забил, оно мне не очень нужно было. Всё есть. Отмечаем. Он всё сделает. Давайте проверим. Пам. Сейчас. Красиво. Как? Да. Открыть tas таск. Так, давайте. мы ему А давайте просто текстом. Не вижу кнопки регистрации по Telegram-каналу. Справа написано login to save your task. Есть поле, но там написано следующее. Короче, вот так. Потом вам нужно создать бота, указать в вашем, точнее сказать Клоду, чтобы он указал, чтобы он переходил на ваш local host, на вот этот и всё. И вставляете с boter ваш бот токен и всё. И у вас будет работать оно на вашем компе эта штука. Можно даже не деплоить, если вам окей. Вот так использовать, когда ком включенный. Пожалуйста, тут что-то поисправляло. Обновляем. Вот появилась кнопка. Заходим. Demo user. А когда вы всё это доделаете, ой, выйти. Вот наш получается лендинг, который welcome to task flow. Мы регистрируемся и заходим в наши tas таски. Выпить пиво с пацанами вечером. Пам. И всё, перетянуть. Здорово. Здорово. Фантастика. Всё, ребят, спасибо за внимание. Спасибо, кто досмотрел до этого момента. Не было в кайф записывать. Если вам в кайф смотреть меня, если вам в кайфнг, присоединяйтесь в наше сообщество. Нас немного, 166 164 человека. Задавайте вопросы, просите, что вам ещё записать. Я скай вам запишу и покажу, как это всё делать. Всё, всем мир. Давайте, гайс, навайпкодите что-то, скидывайте мне в чатик. Будем вместе за вас радоваться. Всё, всем пока.