2.2 МЯСНИК + ИИ = (ПРОТОТИП). ПЕРВЫЙ РАЗ, КОГДА КОД ЗАГОВОРИЛ
Привет, пикабушники! 👋
Это второй пост второго сезона.
Без долгих вступлений — о том, как мы с Логосом перешли от таблицы к экрану.
📋 Сначала была таблица
Мы вручную переписали все карты и правила. Вечерами, без спешки.
Логос, как любой ИИ, рвался в код:
«Давай сразу REST-контроллер! Классы Card, Deck, GameSession!»
Я его остановил:
«Сначала пойми, как это будет выглядеть. Потом — как работать. И только потом — как писать».
Так родился план:
Настроить среду (Spring Boot, Maven, Java 21)
Спроектировать модели
Сделать бэкенд, который отдаёт колоду в JSON
Сделать простой фронтенд, чтобы это увидеть
🧰 Настройка окружения — отдельный квест
Я давно не создавал Spring-проект с нуля.
Пошёл на Spring Initializr, выбрал:
Maven (структура понятная)
Java 21 (LTS, не подведи)
Spring Boot 4.0.7 (стабильная)
Зависимости: Spring Web, Lombok, DevTools
Распаковал, открыл в IntelliJ, настроил JDK.
И вот, когда я впервые запустил пустой проект и увидел в консоли:
Started Application in 2.3 seconds
— я почувствовал что-то вроде облегчения. Сервер жив, порт слушает.
Правда, по адресу localhost:8080 была 404 — но это нормально, контроллеров пока нет.
🧱 Первые классы и первый запрос
Мы написали:
Card — модель карты (через record, без лишнего кода)
DeckService — сервис, собирающий тестовую колоду
GameController — REST-контроллер с методом /api/deck
Запустили. Открыли в браузере http://localhost:8080/api/deck — и увидели JSON с картами.
Это был первый раз, когда код заговорил с нами на языке данных.
Потом я устал вручную вбивать адреса — и открыл для себя Postman. Удобная штука, особенно когда сохраняешь шаблоны.
Но даже этого оказалось мало: тестируя карты, приходилось пролистывать кучу текста и вглядываться в результат. Мы решили сделать быстрый визуал — чтобы увидеть объекты, а не просто строчки.
🎨 HTML + CSS — чтобы увидеть лицо проекта
Слепили простую HTML-страницу с CSS:
Карточки в виде плиток
Цвета, как в игре
Кнопка «Загрузить колоду»
JavaScript через fetch тянул JSON с бэкенда и рисовал карты на странице.
И вот когда я обновил страницу и увидел первые карты на экране — это был кайф.
Я сидел и, наверное, полчаса просто играл, разыгрывая ходы, с улыбкой, как ребёнок.
🚀 Что имеем сейчас
Работающий бэкенд на Spring Boot
Простой фронтенд с карточками
Понимание, как связать данные и отображение
Мы сделали первый шаг: от идеи к рабочему прототипу.
💬 Вопросы к вам (без формальностей)
У вас был момент, когда код вдруг ожил и вы испытали "вау"? Расскажите — я люблю такие истории.
Сколько времени вы тратите на настройку среды перед тем, как начать писать логику? У меня ушло пару вечеров — это норма?
Как вы визуализируете свои проекты на старте? Сразу в коде или сначала рисуете на бумаге?
📌 Что дальше?
Следующий шаг — игровая логика: ходы, карты на столе, состояния.
Но об этом — в следующем посте.
А пока я наслаждаюсь моментом, когда код оживает на экране.
P.S. Спасибо, что читаете. Ваши комментарии — это топливо для этого костра.
А вы помните свой первый запуск? Пусть этот пост станет сборником таких историй. 🔥