#петпроекты
На минувшей неделе в свободное время работали со студентами над первым канбан проектом, который планирую выкатить уже на след. неделе в опенсурс.
Этот канбан - результат моих стримов для студентов по NestJS и React/Effector разработке.
Канбан доска выступает как инструмент для построения стратегии по планированию собеседований в горизонтально растущих айти компаниях.
Кстатиговоря, на данном проекте хорошо показал себя learn-uikit, который использовался повсевместно.
Скорей всего, в ближайшем будущем, он тоже перейдет в open source модель.
На минувшей неделе в свободное время работали со студентами над первым канбан проектом, который планирую выкатить уже на след. неделе в опенсурс.
Этот канбан - результат моих стримов для студентов по NestJS и React/Effector разработке.
Канбан доска выступает как инструмент для построения стратегии по планированию собеседований в горизонтально растущих айти компаниях.
Кстатиговоря, на данном проекте хорошо показал себя learn-uikit, который использовался повсевместно.
Скорей всего, в ближайшем будущем, он тоже перейдет в open source модель.
☃6🔥4
#полезности
Уже довольно давно не пишу бэкенд, и тут узнал, что ,оказывается, в экосистеме nest есть тулзы которые покажут как выглядят вообще все модули в бэкенд прилке и их кореляции между друг другом.
Ашалеть.
https://devtools.nestjs.com/
Уже довольно давно не пишу бэкенд, и тут узнал, что ,оказывается, в экосистеме nest есть тулзы которые покажут как выглядят вообще все модули в бэкенд прилке и их кореляции между друг другом.
Ашалеть.
https://devtools.nestjs.com/
😱5
#релиз #петпроекты
🧪💪🏻🚀
Как и обещал - результат нашей совместной разработки и обучения со студентами ушел в опен-сурс. В ближайшее время я настрою лицензирование, а пока можно исследовать наработки.
Напоминаю,
- ⚛️ frontend стек: react, effector, styled-components
- 🐈 backend стек: nestjs , typeorm
Репозитории:
https://github.com/qvlxty/vacancies-kanban-frontend
https://github.com/qvlxty/vacancies-kanban-backend
🧪💪🏻🚀
Как и обещал - результат нашей совместной разработки и обучения со студентами ушел в опен-сурс. В ближайшее время я настрою лицензирование, а пока можно исследовать наработки.
Напоминаю,
- ⚛️ frontend стек: react, effector, styled-components
- 🐈 backend стек: nestjs , typeorm
Репозитории:
https://github.com/qvlxty/vacancies-kanban-frontend
https://github.com/qvlxty/vacancies-kanban-backend
🔥7
✨✨✨
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
Доброй субботы ,подписчики:)
Маловероятно, но возможно, что следующим опенсурсным проектом будет плеер на electron-js + react/effector, который пилю на стримах со студентами в свободное время
За одну встречу, мы успели реализовать:
- Интегрировать Learn UI-KIT
- Выбор директории с Музыкой
- Отображать играющий трек в PlayerControls компоненте
- Текущий трек выделяется акцентным цветом в списке
- Запилили кастомный верхний бар
- Сорт музыки (react-dnd)
- Настройка громкости
- Автоматический переход на след. трек
- Реализовали кнопки перехода по трекам с учетом начала и конца списка
Следующей итерацией появится:
- Плейлисты и возможность под свой плейлист настраивать графическую темку
- Визуализация (через всякие audio-context)
Если интересно - смогу сделать несколько постов по audioContext и визуализации. Там немного знаний про то что такое АЧХ, и как преобразование Фурье(fft) поможет нам в динамике получать адекватно и без лагов амплитуды частот чтобы это всё визуализировать, например, через threejs
🔥11😱1
🎹🎵🎸
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
#петпроекты
Плеер уже на 70% готов. Думаю, релиз уже скоро.
Новые фичи:
- Базовая реализация визуализации waveform по АЧХ
- Светлая тема (learn-uikit как-никак)
- Настройки
- Поиск по трекам / исполнителям
- Подгрузка обложек из метаданных файла
🔥8👍1
Релиз моего музыкального плеера под macOS (ARM)
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
Фичи релиза:
- Плейлисты
- Сам плеер с перемоткой / сменой треков / громкостью
- Настройками хранилища / рескана
- Сорт плейлистов и треков драгндропом
- Тёмная/Светлая тема
- Простецкая виртуализация звукового потока
- Виртуализация основного списка треков (Не должно быть лагов на ~10к треках, протещено)
Итого на разработку ушло буквально пару вечеров.
🔥6🎉4👍1
#релизы
🎹🎸🥳
Обновочка
Версия плеера 1.4
- При выборе папки для библиотеки, если в ней есть подпапки - плейлисты под них создаются автоматически
- ☁️ Система встроенных уведомлений
- Новый сложный алгоритм рескана папок
- Редактирование списка стало гораздо удобней (Появились кнопки select-all, unselect-all)
- 💾 Настройка сохранения позиции последнего прослушанного места
- 🖱️Появилось контекстное меню в приложении
- 🌠 Теперь на плейлисты можно накидывать бэкграунд-картиночки
- 🛋️ Выбранная тема приложения сохраняется
- [BugFix] Треки которые потеряны и которые нельзя воспроизвести отдельно удаляются
🎹🎸🥳
Обновочка
Версия плеера 1.4
- При выборе папки для библиотеки, если в ней есть подпапки - плейлисты под них создаются автоматически
- ☁️ Система встроенных уведомлений
- Новый сложный алгоритм рескана папок
- Редактирование списка стало гораздо удобней (Появились кнопки select-all, unselect-all)
- 💾 Настройка сохранения позиции последнего прослушанного места
- 🖱️Появилось контекстное меню в приложении
- 🌠 Теперь на плейлисты можно накидывать бэкграунд-картиночки
- 🛋️ Выбранная тема приложения сохраняется
- [BugFix] Треки которые потеряны и которые нельзя воспроизвести отдельно удаляются
🔥8
Ig.Dev Player-1.4.0-arm64-mac.zip
84.5 MB
macOS (ARM)
Установка:
1.
2. В случае ошибки
Установка:
1.
IgdevPlayer.app перенести в -> Applications2. В случае ошибки
Package is damaged починить атрибуты:xattr -cr /Applications/Ig.Dev\ Player.app#релиз
Версия плеера 1.5 для Windows / macOS (Пока без сертификата)
В новой версии появилась куча нового:
- 🎨 Визуализация. Очень тонко конфигурируемая (threejs + simplexnoise)
- ⚙️ Новые настроечки разбитые по категориям
- 🔎 Поиск по плейлистам
- 🎹 Горячие клавиши
- Библиотеку можно Экспортировать / Импортировать
- При нажатии на обложку в плеере / cmd/win/super + g произойдет открытие текущего плейлиста с подскролливанием до трека
Фиксы:
- Позиция контекстного меню под курсором мыши
- Арты были сломаны на windows. Теперь починены
Оптимизация
- База теперь сохраняется после закрытия приложения, а не на каждый чих
- Список треков теперь - виртуализированный список
Версия плеера 1.5 для Windows / macOS (Пока без сертификата)
В новой версии появилась куча нового:
- 🎨 Визуализация. Очень тонко конфигурируемая (threejs + simplexnoise)
- ⚙️ Новые настроечки разбитые по категориям
- 🔎 Поиск по плейлистам
- 🎹 Горячие клавиши
- Библиотеку можно Экспортировать / Импортировать
- При нажатии на обложку в плеере / cmd/win/super + g произойдет открытие текущего плейлиста с подскролливанием до трека
Фиксы:
- Позиция контекстного меню под курсором мыши
- Арты были сломаны на windows. Теперь починены
Оптимизация
- База теперь сохраняется после закрытия приложения, а не на каждый чих
- Список треков теперь - виртуализированный список
macOS (ARM)
Установка:
1. IgdevPlayer.app перенести в -> Applications
2. В случае ошибки Package is damaged починить атрибуты:
Когда доустановлю xcode и подпишу приложение - махинации эти больше не потребуются, надеюсь.
Установка:
1. IgdevPlayer.app перенести в -> Applications
2. В случае ошибки Package is damaged починить атрибуты:
xattr -cr /Applications/Ig.Dev\ Player.appКогда доустановлю xcode и подпишу приложение - махинации эти больше не потребуются, надеюсь.
🎵✨🎧
Чуть больше про фичу визуализации
∿∿∿∿∿∿wobwob∿∿∿∿∿∿∿
В настройках я выделил целый отдельный блок меню, в котором можно настроить волны максимально удобным образом.
Если получится, то ближайшее время смогу описать гайд как репродуцировать на react-three-fiber подобные волны.
Чуть больше про фичу визуализации
∿∿∿∿∿∿wobwob∿∿∿∿∿∿∿
В настройках я выделил целый отдельный блок меню, в котором можно настроить волны максимально удобным образом.
Если получится, то ближайшее время смогу описать гайд как репродуцировать на react-three-fiber подобные волны.
🎉8