Современные проблемы требуют современных решений

Понедельничные #хихики
Начинаем неделю правильно 😃

На небе в айти только и разговоров, что о вайбкодинге

Итак, начинаю огроменный цикл постов про то, как я решила освоить вайбкодинг. Планирую постов 10, а может и больше, вперемешку с другими. Stay tuned, что называется

Ну и куда без вайбовой обложки. Если видите такую обложку, знайте: пост про вайбкодинг 💻 Кто будет следить внимательно, в следующих обложках увидите пасхалки. Забавы ради 🐰

***
Когда я услышала слово «вайбкодинг» в голове было что-то типа «это что, когда разработчики классно отдохнули и сели программировать на чилловом вайбе?». Ну, в целом, через минуту я была осведомлена об этом термине более чем (спасибо, поиск с Алисой 🙂)

Короче, для тех, кто не знает. Вайбкодинг — способ программирования с помощью естественного языка и AI. Только ты, идея и немного prompt engineering. Или много 🫠

Меня больше всего удивило, что на чистом энтузиазме, с помощью AI и пары-тройки инструментов, можно создать что-то минимально рабочее и даже применимое в жизни. Ну, то есть даже не просто побаловаться, а реально дать людям пощупать, собрать ОС, доработать. И всё это с абсолютно нулевым знанием языков программирования и понимания кода (html/css не в счёт)

Если бы мне кто-то год назад сказал, что я сумею развернуть проект на сервере и буду редактировать строчки кода, — я бы с огромной вероятностью покрутила пальцем у виска

Но вот я здесь. И всё началось с одного вопроса...

А можно ли сделать что-то крутое, не умея программировать вообще?

Короче говоря,
#настявайбкодит

Вы уже пробовали создавать что-то с помощью вайбкодинга? Какие инструменты попробовали, если да?

part II

Ух, а первый-то пост про вайбкодинг оказался провокационным!

Ну ладно, щас все проясним и разложим по полочкам 🏃🏻‍♀️‍➡️

Во-первых, я отдаю себе отчет без розовых очков, что с помощью только лишь AI создать хорошую кодовую базу – невозможно. Надеюсь, это понимают и все те, кто решил в параллель со мной изучать эту тему

В коде будет много мусора, AI постоянно теряют контекст, постоянно забывают, что ты ему писал 10 минут назад, да и вообще начинают «галлюцинировать». Плюс AI никогда не учитывает безопасность, что очень и очень печально

Да, проект будет работать, его можно будет потыкать и расшарить друзьям. Но без знаний языков программирования это пук в воду. Именно поэтому дополнительно необходимо разобраться в базе. Чем я, собственно, и занимаюсь, когда пытаюсь понять, где у меня вылезли ошибки после деплоя. Если у меня будет возможность и потребность взять консультацию у разработчика — я ее возьму

Вайбкодинг — это развлекаловка до тех пор, пока у тебя что-то не упало и ИИ не заглючил 🙃 Потом приходится выкручивать свои когнитивные функции на максимум и впитывать куски информации о программировании. Матчасть нужна, тут я согласна на миллион процентов

Во-вторых, разработчики могут напрячься от моей фразы «можно ли создать что-то крутое без знания программирования». И тут спешу всех успокоить: да, я могу создать работающий продукт, но какого он будет качества? Я не претендую нисколько на крутую разработку и никогда от меня вы не услышите слова «да зачем эти разработчики нужны». Кстати, а вот они как раз из-за появления вайбкодинга говорят, что дизайнеры не нужны. Вот и думойти 🐦

В вайбкодинге меня интересует практическая сторона – а можно ли, а получится ли. Собственно, ответ вы знаете. Поэтому если тут есть те, кто с языками программирования на «ты» – вы всё ещё крутые, и вайбкодинг не заменит ваш уникальный опыт, не переживайте. Как минимум, пока что

Кроме того, продукт – это не только разработка. Это дизайн, тестирование, документация, менеджмент и ещё много всего. И это те навыки, которые я могу приобрести и улучшить благодаря вайбкодингу, чтобы написать, как говорил Антон из DIGIDI, строчку в резюме «запустила свой MVP продукт с нуля». Почему нет?

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

Ну и, в-четвертых, – расслабьтесь и наслаждайтесь моим сторителлингом 😊 Я люблю эксперименты в работе и в навыках, люблю получать новый профессиональный опыт. Поэтому это всего лишь очередной виток скиллзапа

Станет ли это чем-то серьезным далее? Не знаю. Поживем, поглядим 👀

Надеюсь, ответила на все возможные спорные моменты. Предлагаю не возвращаться к теме морали и качества 🩷

В следующих постах разве что ещё поговорим про безопасность и как не профукать данные. Но это уже другая история 🐸

#настявайбкодит

part I • part III

На днях у меня случился год работы в Solar 🌞

Напомню, что компания — одна из ведущих в России в сфере информационной безопасности. Кибербез вообще-то штука сложная, но интересная. Я, конечно, не ловлю хакеров, но всё равно варюсь в этом котле

За этот год вот чему научилась:

🔐 Безопасность начинается с тебя
Вы не представляете, сколько людей игнорирует базовые правила: 2FA, надёжные пароли и регулярная смена, «не кликай по странным ссылкам» и всё в этом духе. За год я сама пересмотрела своё поведение в сети и прокачалась. Это важный навык, который стоило бы включать в школьную программу

🧠 Кибербез-терминология
JSOC, MDR, EDR, TLS, DLP, MSS… Хочется прям вставить мем «чего бл». Не буду лукавить, ещё пока лезу в справочник. Но без понимания этих штук интерфейсы для таких продуктов не спроектируешь. Контекст – наше всё

📊 Продуктовое мышление
Я больше не воспринимаю дизайн как макеты. Дизайн начинается до открытия Figma и продолжается после. Учусь понимать бизнес-ценность, стала внимательнее к юзерам и чаще задаю вопросы, когда знаний не хватает. И вообще, хороший интерфейс рождается из того, что на самом деле нужно людям

📍Принятие решений
Маленькими шагами расширяю зону ответственности. Предлагаю улучшения, проверяю гипотезы. Честно говорю, где решение слабое с точки зрения юзабилити, где-то — киваю головой. Ответственность за результат — зона роста

🔍 Исследования
Качественные, количественные. Всё важно. Стала лучше слушать контекст, а не только слова. Отделять вкусовщину от реальных потребностей. Где-то интуитивно, где-то со знанием, где-то — через вопросы

🗣 Коммуникация и погружение
В первый месяц казалось, что все всё знают и очень умные, а я — нет. Что излагаю мысли как-то криво. Но со временем пришло ощущение, что наконец-то «встроилась» в систему. Недаром говорят, что в IT реальную ценность начинаешь приносить только через полгода-год после найма

🧑🏻‍🎓 Уверенность в своем профессионализме
Уже 3+ года — я дизайнер интерфейсов. Я знаю свой уровень, ко мне обращаются за советом, кое-кого даже консультировала. Если у вас есть желание развиваться в продуктовом дизайне, но не у кого спросить, чего и как — приходите в личку. Напомню, что это БЕСПЛАТНО. NO MONEY. Пока что 😏

🤝 Работа в команде
Опыт командной работы у меня был, но именно тут всё завязано на ежедневном контакте: дэйли, ретро, обсуждения, синки. И, конечно, живые разговоры о всяком. Моя команда лапочки 💖

🔥 Вовлечённость
Как-то сказала своему нелинейному руководителю, что мне важно глубоко разобраться в теме. Я не только про деньги, но и про идею тоже. И правда: люблю свои продукты, болею за них и готова защищать, если кто-то скажет «а мне не нравится». Выходит, амбициозная мадам 😌

Вообще-то конечно ещё много всего было, чему пришлось научиться, но тут уже и так лонгрид

Считаю, это был самый прекрасный и комфортный в работе год из последних. Впереди много идей, планов, мыслей. Когда работа вдохновляет, это бесценно. Чего я вам всем желаю 💫

Ох уж эти манипуляции. Играет на чувстве вины и даже не краснеет 🦉

Когда дизайнер уже может делать плохо

Никакой ошибки в заголовке нет, именно УЖЕ и именно ПЛОХО

Как у художников/иллюстраторов: сначала тебе нужно выдр*чить академический рисунок, анатомию, светотени, композицию и вот это вот всё. И только потом рисуй свои комиксы или че ты там хотел. Потому что ну иначе никак, будет получаться некрасивая херня

Почему нет термина "академический дизайн интерфейсов"? Кажется, пора вводить его. Беру на себя ношу авторства, так уж и быть

В общем-то, сильный UI — это не столько про красоту, сколько про правила и системность. Ну как и в академ-м рисунке, да, свои правила в UI — система отступов, композиция, скругления, работа с цветом/светом и т.д.

Но правила это же так скучно, скажете вы. И тут как раз я дам ответ на вопрос в заголовке:

Нарушать правила дизайна можно тогда, когда уже их знаешь и применяешь на практике автоматически, не задумываясь о них

То есть дизайнер может позволить себе сделать плохо только в двух случаях:

⚫️когда он знает правила и нарушает специально, чтобы добиться нужного визуального эффекта (пример: брутализм в веб-дизайне)
⚫️когда он знает правила и понимает, что без нарушений правил вообще никак (пример: когда изменения в UI импактят на UX)

И тут важно сказать, что плохо ≠ некрасиво. Плохо — это именно про нарушение правил

Всё остальное — чрезмерное фантазирование на тему КрЕаТиВа, что без знания правил приносит плохой визуальный результат

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

#настявещает

Как щас модно... Мнения? Не передушнила? 😁

Коротко о ChatGPT-5

Присмотритесь к графикам 🤣

С чего начать вайбкодить. Часть II

Продолжаю цикл постов про вайбкодинг, где я делюсь своими экспериментами, инструментами и результатами

На воркшопе нам показали Replit. В Replit также встроен агент, который помогает создавать то, что вы хотите, с помощью обычных промптов. Также, как и в Adaptive, вы будете видеть визуал того, что создаете

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

Таким образом, с помощью Replit я создала проект X (оставлю здесь небольшую загадку)

Дорабатывать проект в Replit довольно сложно, потому что бесплатная версия ограничена, а также, как и у других AI-инструментов, со временем начинается жесткая деградация

***

В ходе рисеча других возможных инструментов я нашла Cursor. Это классический IDE (среда разработки), но с AI-чатом и агентами

Вот часть той мощи, которую он может

⭐️ Генерация и автодополнение кода с учётом контекста проекта, включая многострочные предложения и рефакторинг
⭐️ Вы даете ему объяснение простым языком, а он создает нужные файлы, функции, тесты, подберет стек при необходимости, поправит конкретный фрагмент
⭐️ Агент внутри способен найти баги, предложить изменения и улучшения или рассказать о проекте
⭐️ Отдельная любовь — документация, создаваемая на основе кодовой базы. Readme, описание переменных, быстрые команды — да все, что угодно

Короче, это шоковый шок. Если вы не разработчик и тем более не знаете всю кухню LLM (языковых моделей), для вас все это может казаться темным лесом. Но, поверьте, собрать в один клик что-то забавное или даже в помощь себе или близким — уже реальность

***

В общем, набивая шишки (совсем чуток), слегка почитав теорию и продолжая ничего не понимать в разработке, я вписалась в двухдневный хакатон по вайбкодингу от No Flame No Game 😁

Пока не расскажу, что будет за проект, но покажу сразу, когда это будет возможно

Если кому-то интересно и уже чуток можете что-то — завтра последний день регистрации. Можете вписаться соло, можете вступить в команду или даже свою собрать. Ап ту ю 🙃

Встречаемся 16-17 августа в онлайне или городах присутствия 👀

#настявайбкодит

А я тем временем продолжаю проводить разные эксперименты с нейронками. Сейчас конечно же обкатываю для своих целей ChatGPT 5 и активно юзаю его в Cursor. Сэм Альтман зуб дает, что пофиксили и графики в пресс-релизе исправили 😉

part III • part V

Сегодня Grok 4 стал бесплатным для всех

Коротко о шутках Grok'a. Когда даже твой ИИ тебя жёстко стебёт 🥲

Ну погнали 🔥