Технологии
Список инструментов, приложений и технологий, которые мы используем в студии PSI для создания веб-сайтов и приложений. Да, на фоне GIF из Джонни Мнемоника.
Дизайн
- Figma — наш основной инструмент для UI-дизайна. Перешли со Sketch в 2020 году и ни разу не пожалели. Мы также создали несколько плагинов, которые вы можете установить.
- Для создания анимационной графики мы используем Adobe After Effects. Пока не нашли non-Adobe продукт, который был бы настолько хорош. Если у вас есть предложения, пожалуйста напишите нам.
- Для 3D-моделирования и видеомонтажа мы используем Blender. С версии 2.8 он стал намного проще в использовании и во многом лучше дорогих платных инструментов вроде 3DS Max или Maya.
Разработка
- Мы используем VSCodium в качестве текстового редактора, с темой Tokyo Night и шрифтом Operator Mono.
- Firefox — наш основной браузер как для разработки, так и для общего использования.
- React, Vue.js и Svelte — наши основные фреймворки для фронтенд-разработки. Мы также работаем с Next.js, Remix и Nuxt для серверного рендеринга и статической генерации.
- На бэкенде мы используем Node.js с Express, NestJS, Fastify, а также работаем с Python (FastAPI, Django) и Go для высоконагруженных систем.
- Для баз данных используем PostgreSQL, MongoDB, Redis, MySQL и работаем с ORM вроде Prisma, TypeORM и SQLAlchemy.
- Для 3D-эффектов и шейдеров изображений мы используем three.js, Babylon.js и PlayCanvas. Также работаем с WebGL и WebGPU.
- Для мобильной разработки используем React Native, Flutter и Ionic.
- Для CSS мы используем SASS, Tailwind CSS, PostCSS, а также CSS-in-JS решения вроде styled-components и Emotion.
- Для JavaScript-анимаций мы используем Framer Motion, GSAP и Anime.js — отличные инструменты для создания плавных и впечатляющих анимаций.
- Мы работаем с TypeScript для типобезопасности, используем GraphQL и tRPC для API, а также Socket.io для real-time коммуникаций.
- Для тестирования используем Jest, Vitest, Cypress, Playwright и Testing Library.
- Для создания и тестирования UI-компонентов в изоляции мы используем Storybook. Посмотрите storybook для этого сайта.
- Мы используем Docker и Kubernetes для контейнеризации, GitHub Actions и Jenkins для CI/CD.
- Для облачных решений работаем с AWS, Google Cloud, DigitalOcean и Vercel.
Система
| Рабочая станция | Собственная сборка |
|---|---|
| Операционная система | Arch Linux / macOS |
| Браузер | Firefox / Zen Browser |
| Монитор | 1440p IPS 144hz LG 27GL850 |
| Клавиатура | Кастомная механическая клавиатура |
| Мышь | Logitech G403 |
| Ноутбук | MacBook Pro 14″ |
| Наушники | Audio Technica ATH-M50x / Apple AirPods |
| Микрофон | Blue Yeti |