Окей, как и обещал - немного про то, как вообще собирался сайт про динозавров
Вот сам сайт:
Было много комментариев о вайбкодинге. И я, естественно, этого не скрываю. Считаю, что этот сайт хороший пример правильного использования ии. Я использую его и в своей работе. было бы странно, если бы я писал сайт, который был изначально предназначен для пользования только моим сыном, с нуля. Ну и время. Ресурс, которого постоянно не хватает.
Любое взаимодействие с ии начинается с промптов. Чат gpt помог мне в написании изначального промпта. В нем описал идею, каким я вижу наполнение и указал фреймворк Vue3, просто потому что в нем у меня большой опыт.
Мне нравится интерфейс и удобство Claude Code в терминале, однако в работе я использовал не модель от Anthropic, а другую модель, совместимую с API Anthropic.
В качестве AI-модели я использовал DeepSeek-V4-Pro через Ollama - сервис для запуска и работы с открытыми AI-моделями. Поскольку у меня нет собственной мощной видеокарты, я пользовался облачными моделями, которые предоставляет сервис. Выбор пал на DeepSeek-V4-Pro, так как эта модель значительно дешевле многих аналогов, при этом по качеству уступает им совсем немного.
У Ollama Cloud, конечно, есть и заметный недостаток - медленная обработка и выполнение запросов. Однако в моем случае это не было критично, так как работа не требовала высокой скорости.
Для некоторых задач я также использовал GitHub Copilot. У меня была базовая подписка стоимостью 10 долларов, в рамках которой была доступна модель Claude Sonnet 4.6. Copilot я использовал нечасто, поскольку лимит премиум-запросов расходуется довольно быстро. Тем не менее, в отдельных задачах он оказался полезен - например, помог написать скрипт для скачивания изображений динозавров.
Потребовалось довольно много итераций для приемлемого варианта, но не финального. После этого началась уже ручная работа: ревью кода, исправление ошибок, доработка текста, внесение необходимых правок и других скучных дел.
Да, работы предстоит еще достаточно много. В комментариях здесь указывали на ошибки, что можно сделать лучше, предлагали новые идеи. Я ко всему прислушиваюсь, записываю к себе в бэклог и буду постепенно реализовывать. Ну и возможно, эта схема не является самой правильной. Я просто рассказал, что сделал я, это не является экспертным мнением. Поэтому буду рад, если есть советы более опытных вайбкодеров.
ФАКТ ДНЯ
В Мексике есть целая улица с названием "Парк Юрского периода", но помимо неё весь район имеет палеонтологические названия. Там вы можете пройтись по улицам: Аллозавровая, Ископаемая, Динозавровая, Хомосапиенсная, Неандертальская. Тираннозавриная, Плезиозавровая и Бронтозавровая.
Наш тг о динозаврах: t.me/dinoeveryday
DED
Сегодня дома был серьезный разговор
Сын узнал, что я собираюсь рассказать людям, как мы делали сайт про динозавров.
https://mesoris.com/
Смотрел на меня секунд десять.
Потом сказал: "То есть… ты просто всем расскажешь как мы его сделали?"
Хорошо, что он не знает что любой желающий и так может посмотреть весь код на github 😁
Но ладно.
Вообще все началось максимально просто
У моего сына появилось достаточно много свободного времени, так как на тренировке он получил компрессионный перелом позвоночника (звучит ужасно, на деле все не так страшно). Это означало, что много времени необходимо проводить в положении лежа. Он пересмотрел свой любимый документальный фильм "Доисторическая планета" и мы обсуждали динозавров всегда, когда проводили время вместе.
Я хотел сделать маленькую энциклопедию про динозавров для сына.
Типа:
- пара страниц,
- несколько карточек,
- "готово за выходные".
Это была первая ошибка.
Потому что в какой-то момент ты сидишь в 2 часа ночи и серьезно думаешь:
"А нужен ли отдельный таймлайн на 180 миллионов лет?"
И ответ почему-то всегда: "Ну… нужен."
AI тут, конечно, очень помог.
Я не из тех людей, которые рассказывают как AI сделал всё за 5 минут.
У меня было скорее так:
AI ускорял черновую работу раз в десять:
- помогал быстро проверять идеи
- набрасывать структуру
- генерировать основу для кучи мелких вещей, которые обычно убивают время
Но AI не отменяет настоящей работы разработчика. Считаю его хорошим подспорьем в нашем деле, если подходить с умом.
Потому что, если полностью отдать всё AI - получается сайт, который выглядит как… ну… "очередной AI-сайт".
А мне хотелось, чтобы он ощущался живым, и, чтобы сын открывал его со словами:"Оооо, вот это круто!".
Кстати, сын был главным QA и делал достаточно много замечаний, которые я поправлял. Теперь у сына в лексиконе появились такие слова как баг, фича, пофиксить.
Самая неожиданная проблема была вообще не техническая.
А в том, что проект начал расти быстрее, чем я планировал. Изначально я не думал о том, чтобы сделать доступный для всех сайт, и тем более рассказывать о нем на всевозможных платформах.
Каждый раз появлялась мысль:
"А было бы прикольно еще вот это…"
И всё.
Минус еще одна ночь жизни. Кажется, я втянулся даже сильнее него.
Хотя он до сих пор мой CEO и периодически приходит утверждать фичи и интересуется статистикой посещений сайта. Его радует, что люди заходят на сайт, читает комментарии к постам. Поэтому спасибо за то, что оставляете их.
Отдельный пост уже чисто по инструментам и стеку сделаю вечером.
Раннемеловой теризинозаврид Эрликозавр погибает от жары...
Чтобы как-то облегчить ситуацию он держит пасть открытой для испарения влаги со слизистой и последующего охлаждения организма. Так делают животные, у которых нет потовых желёз (рептилии) или их очень мало (млекопитающие с шерстью).
Художник: He who Silence
Больше о древнем: t.me/dinoeveryday
После прошлого поста я понял, что динозавры интересны не только детям
Мне написало много людей, которые годами этой темой вообще не интересовались, а потом внезапно втянулись вместе с детьми.
И я заметил одну вещь.
Когда информацию можно не просто читать, а нормально исследовать, интерес появляется даже у взрослых.
Сравнить размеры.
Посмотреть, кто жил раньше.
Понять, насколько огромным был аргентинозавр рядом с человеком.
Провалиться в таймлайн и внезапно осознать, насколько древним был мир динозавров.
После прошлого поста люди начали писать про баги, ошибки, неудобные моменты и идеи, что можно улучшить.
Многое из этого я уже добавил или исправил.
Где-то переделал страницы.
Где-то обновил информацию.
Где-то полностью пересобрал отдельные разделы.
Сын все еще остается главным тестировщиком и периодически ловит меня на неточностях.
И да, я все еще не понимаю, как обычный интерес ребенка к динозаврам превратился в полноценный проект.
Но получилось вот это:























