Project #8
Написан новый сайт по макету figma. Использованы html, scss, js.
Адаптивная верстка.
Тематика сайта - приложение для управления бюджетом cloudbudget.
Репозиторий: https://github.com/div-inity/Project-8
Показать полностью
1
0 просмотренных постов скрыто
5-слойный щит
Привет. Я продолжаю разрабатывать сервер для Lineage 2 C1 на JavaScript Проект
Работая с предметами, создал фичу — многослойный щит 😂
Блог про разработку сервера для Lineage 2 в телеге https://t.me/lineage2js
Показать полностью
World TV - Client. Web Версия
Привет, пикабушники. Давненько я не писал о сервисе.
Немного предыстории, для тех, кто читает о сервисе первый раз.
Несколько лет назад мне в голову пришла странная идея: а что, если можно включить ТВ и увидеть, что идёт прямо сейчас — не в моём городе, а где-нибудь в Бразилии, Японии или Египте? Без VPN, без подписок, без регистрации. Просто — открыл приложение и смотришь.
Я начал ковыряться, собирать ссылки, категории, языки — и в итоге родился World TV Client для Android устройств, а сейчас стартует web версия клиента:
👉 https://worldtv.onrender.com/
Интерфейс минималистичный (нарочно — чтобы не отвлекал). Базовая фича та же: ты выбираешь категорию → страну → канал — и смотришь, что там идёт сейчас.
Что уже есть:
Категории: новости, спорт, кино, детские, музыка и т.д.
Фильтр по странам (100+) и регионам (Европа, Азия, Африка…)
Поддержка русского и английского интерфейса (переключается в один клик)
Можно загрузить свой M3U-плейлист
Есть раздел “Сейчас смотрят” — обновляется каждые 10 секунд и отображает, те каналы, которые сейчас смотрят другие пользователи. Обновляется автоматически
Смотрят - Раздел в котором формируется список каналов которые пользователи просматривали в принципе, не обновляется.
История просмотров — если смотрел канал >60 сек, он сохранится в этом разделе. Что-то вроде избранного.
Управление — заточено под ТВ-боксы и пульты (← → ↑ ↓, Enter, Escape, Пробел — всё работает).
Зачем это?
Мне просто было интересно. Посмотреть, как живут другие. Что показывают по ТВ в странах, о которых мы мало знаем. Иногда это новости, иногда — мультики, иногда — трансляция из джунглей 🐒
📌 Поэтому прошу вас:
Заходите, тыкайте, ломайте.
Если что-то не грузится — скриншот + описание.
Если интерфейс неудобен — скажите, где запутались.
Если идея — поделитесь, что бы вы хотели видеть.
Это не стартап, не “монетизация”, не “глобальный продукт”. Это просто моё личное “а вдруг получится?” — и мне очень важно ваше мнение.
Спасибо, что дочитали.
Жду ваших комментов — отвечу каждому.
Показать полностью
Мой TechArt: как я совмещаю код в React и кисть в Procreate, чтобы создавать крутые арты с помощью AI
Всем привет! Как человек, сидящий на двух стульях арта и кода делюсь своим лайфхаком по прокачке творчества. 👩🎨👩💻
Мой день делится между стилями в CSS и стилями в Procreate. И если с традиционным рисованием (от бумаги до айпада) всё ясно, то моя фронтенд-логика помогла мне не испугаться нейросетей, а встроить их в свой пайплайн как штатный инструмент.
Проще говоря, я воспринимаю AI как асинхронную функцию в моём творческом процессе:
1. Генерация данных (prompt -> варианты): Я задаю параметры, AI возвращает массив сырых данных (картинок).
2. Обработка и валидация: Я, как строгий тимлид, отвергаю 95% сгенерированного (спасибо, что не нужно проводить code review для нейросети, а то бы я сгорела). Оставляю лишь годные «билды».
3. Финальный коммит: Беру лучший вариант эскиза и делаю полный рефакторинг в Procreate: исправляю анатомию, добавляю смыслы, свет и свою авторскую магию.
Нейросеть для меня — это не соавтор, а мощный npm-пакет для генерации идей и референсов. Он не пишет за меня весь код, но ускоряет разработку в разы.
Я осознанно выбираю технологии, которые резонируют с моей задачей. Даже здесь работает принцип — нужен правильный инструмент под задачу. Где-то чистый ручной труд, а где-то — `await generateInspiration()`.
Эскизы поз фей с 51 по 60
А теперь извините, мне нужно допилить очередной спринт по отрисовке летящих фей! Эскизов уже больше 60, и это только начало! 🧚♀️
Показать полностью
10
Устал кормить ИИ файлами по одному? Собери ВЕСЬ проект в ОДИН файл за 3 секунды!
🧠 Проблема, которую вы узнаете
Вы когда-нибудь:
Копипастили 15 файлов в чат с ChatGPT, чтобы он понял, как работает ваш проект?
Плакали, когда ИИ забывал контекст между файлами?
Пытались объяснить Claude, где у вас App.tsx, а где utils/api.js, и почему они связаны?
Хотели просто посмотреть: «А сколько у меня вообще строк кода в этом говнопроекте?»
Если хоть один пункт — ваш, садитесь, держите печеньку 🍪 и читайте дальше.
🚀 Что это за зверь?
collect-code — это Node.js-скрипт, который:
Забирается в вашу папку с проектом.
Выгребает оттуда все .js, .ts, .json, .css (или что вы скажете).
Игнорирует node_modules, .git, dist — всё, что вам не нужно.
Склеивает всё в один огромный TXT-файл — с заголовками, датами, размерами и даже сводкой в начале!
Выводит статистику: сколько файлов, строк, килобайт — как в репорте спецслужб.
Демонстрация работы
Пример того, что получается:
📊 СВОДКА ПРОЕКТА
📁 Всего файлов: 3
📝 Всего строк: 434
💾 Общий размер: 14.72 KB
📅 Дата создания: 15.09.2025, 16:06:41
📈 ДЕТАЛЬНАЯ СТАТИСТИКА
.js: 1 файлов, 357 строк
.json: 2 файлов, 77 строк
📄 Файл: collect-code.js
📊 Размер: 14.33 KB
📅 Дата модификации: 15.09.2025, 16:04:53
-------------------------------------
#!/usr/bin/env node
const fs = require('fs');
... и так далее весь код ...
Теперь можно скопировать один файл — и скормить его ИИ. И он всё поймёт. Без потерь. Без тыканья «а вот ещё один файлик».
💡 Зачем это вообще?
AI будет умнее: GPT-4o, Claude, Gemini — все любят единый контекст. Чем больше — тем лучше.
Анализ проекта: «О, у меня 80% кода — в одном файле? Пора рефакторить!»
VibeCoding™: включил музыку, открыл файл — и ты в потоке. Весь проект перед глазами.
🛠️ Как запустить? (проще некуда)
git clone https://github.com/O9nix/collect-code.git
cd collect-code
npm install
node collect-code.js ./my-project/
Или, если лень:
collect-code --extensions .js,.ts --exclude-dirs node_modules,build
Если не хотите ничего устанавливать:
npx collect-code
Хочешь только JS и TS? Легко.
Хочешь исключить .env? Пожалуйста.
Хочешь конфиг в JSON? Держи.
📦 Что внутри?
Написано на чистом Node.js — без лишних зависимостей.
Работает на Windows, Linux, macOS.
Не ломается на бинарниках — сам определяет и пропускает.
Выводит красивую сводку в консоль — как в кино про хакеров.
🔗 Где взять?
👉 GitHub: https://github.com/O9nix/collect-code
🧃 Вывод
Если вы:
Пользуетесь ИИ для кода,
Ненавидите копипасту,
Хотите видеть «лес, а не деревья»,
то collect-code — ваш новый лучший друг.
Один файл = весь проект. Просто. Быстро. Без боли.
P.S. Попробуйте скормить получившийся файл Claude или GPT — разница в качестве ответов вас реально удивит. Это как дать ИИ очки вместо монокля.
P.P.S. VibeCoding — это не про музыку. Это про контекст. А контекст — про один файл 😉
Показать полностью
1
Скрытый динозавр
Вот этот вот пост Динозавры не вымерли, они просто хорошо маскируются
вдохновил меня создать вот такую нехитрую интерактивную демку на javascript с помощью ИИ. но, на самом деле вручную, много пришлось допиливать. В отличие от прошлого своего эксперимента, где весь код сгенерировал ИИ, только за много итераций. Здесь же контур динозавра нарисовать программно - это непосильная задача для него оказалась.
Динозавр виден только когда двигается.
Можно написать коммент про нефть, что-то будет )) Почему-то Пикабу нравится, когда в постах о динозаврах есть комменты о нефти.
Попробовать можно тут:
https://jsbin.com/cohigat/edit?output
UPD:
Ещё забавный момент. ИИ никак не мог понять, что изображение будет видно в момент движения, поэтому очень сильно глючил и пытался всяко исхитриться, генерируя шум каждый раз разный, на каждом шаге движения, и все равно сомневался, перестраховывался, в итоге получался какой то совсем не рабочий код. В конце концов, я уже попросил сделать двигающийся синий квадрат на красном поле. А потом, вручную добавил шумовую текстуру и контур динозавра.
Показать полностью
1
Эксперименты с ИИ
Немного поэкспериментировал с ИИ в роли программиста. Пытался заставить его нарисовать дерево в процессе роста (как в игре Prune). Запросов 10 пришлось делать, заставлять исправлять и переделывать. В итоге, вот что получилось, по ссылке ниже можно попробовать.
UPD:
Ни единой строчки кода вручную.
Показать полностью
1
Деградация разработчиков
Это - фрагмент из моего авторского пародийно-драматического проекта (не реклама, поэтому название не пишу, но кому интересно, найдут). Сам проект не про это, если что, но так уж случилось, что в одном из выпусков я затронул тему разработки. Поскольку я имею некоторый опыт в этой сфере, я знаю, о чём говорю и, надеюсь, найдутся люди, согласные со мной.
Весь бугурт начался с того, что google запретил в своём браузере chrome воспроизведение звуков без непосредственного контакта пользователя с экраном, мотивируя это "заботой о пользователях" - мол, слишком много навязчивой рекламы. Согласен, навязчивой рекламы сейчас много (кстати, не сам ли google приложил к этому руку, используя повсеместно свой сервис google ads и рекламные идентификаторы устройств?). Но я, как автор и разработчик игры на javascript, с учётом того, что chrome - это основной браузер практически на всех устройствах под ОС android (особенно в компоненте webview), первым пострадал от этого странного решения гугла. Как может существовать игра, в который есть звуковое оформление и в которой, очевидно, многие звуки зависят от игрового мира, а не от прикосновения пользователя к экрану, когда ей запретили эти самые звуки воспроизводить?
Оговорюсь, звуки воспроизводится нормально через некоторое время, когда пользователь несколько раз повзаимодействует с экраном, то есть запрет этот, слава Богу, не полный. Но самые первые секунды всё равно ничего не воспроизводится, а для пользователя самые первые секунды в геймплее, я считаю, самые важные - он знакомится с игрой, с графикой и интерфейсом, и со звуковым оформлением в том числе. "Встречают по одёжке", как говорится. Позже, монтируя выпуск, я вставил в него и другие примеры узкого мышления разработчиков - в том числе и российских. В общем, смотрите сами :)
Показать полностью