Разработка и креативность

4 приложения, покрывающих лёгкое программирование и визуальное создание прямо в браузере. Тот же движок, что и в VS Code для редактирования кода, API-клиент в стиле Postman для дебагга сервисов, отзывчивые инструменты рисования для wireframes и брейнсторма.

---

👨‍💻 Roque Code — редактор кода (движок Monaco/VS Code)

Современный редактор кода с тем же движком, что и VS Code (Monaco). Подсветка синтаксиса, автодополнение, мультикурсор, find & replace с regex — без установки чего-либо.

Функции

• 🎨 Подсветка синтаксиса для 50+ языков — JS/TS, Python, Go, Rust, Java, C/C++, Ruby, PHP, Swift, Kotlin, Shell, SQL, HTML/CSS, JSON/YAML/TOML, Markdown, Vue, Svelte, Astro и т.д.
• 🤖 Автодополнение IntelliSense: переменные в scope, свойства объектов, сниппеты языка
• ✨ Мультикурсор: Alt+Click добавляет курсор, Ctrl+D выбирает следующее вхождение (как в VS Code)
• 🔍 Find & Replace с regex (Ctrl+F / Ctrl+H), find in selection only
• 📑 Несколько файлов во вкладках (Ctrl+Tab для переключения)
• 🌳 Outline panel с символами файла (функции, классы)
• 🪄 Format on save с embedded Prettier для .js/.ts/.vue/.json/.md
• 🎨 Темы: VS Code default + Dracula + Monokai + Solarized
• 💾 Авто-сохранение каждые 3с (не теряет код если браузер упадёт)

Разница с полным VS Code

Аспект	Roque Code	VS Code (выделенное приложение)
Движок	Monaco (тот же что у VSCode)	Electron + Monaco
Расширения	❌ не поддерживает marketplace	✅ все
Встроенный терминал	❌ (используйте отдельный Terminal app)	✅
Git интеграция	❌	✅
Поддерживаемые языки	50+ syntax highlight	100+ + LSP

Используйте Roque Code для: редактирования config (json/yaml), быстрый скрипт, прототипирование, сниппет для блог поста.

Для fullstack проекта с Git: используйте интегрированный VS Code RoqueOS Server — настоящий code-server с расширениями.

Горячие клавиши

Клавиша	Действие
Ctrl+S	Сохранить
Ctrl+F / Ctrl+H	Find / Replace
Ctrl+D	Выбрать следующее вхождение
Ctrl+/	Toggle комментарий
Alt+↑/↓	Переместить строку вверх/вниз
Shift+Alt+↓	Дублировать строку
Ctrl+Shift+K	Удалить строку
Ctrl+P	Quick open (поиск по файлу)

---

🛠️ Roqueman — API-клиент (HTTP / WebSocket / GraphQL)

Полноценный клиент API в стиле Postman/Insomnia, но внутри RoqueOS. Поддерживает 3 протокола, которые dev используют ежедневно.

HTTP

• 🌐 Методы: GET, POST, PUT, PATCH, DELETE, OPTIONS, HEAD
• 📋 Headers: табличный редактор, с предложениями стандартных заголовков (Content-Type, Authorization и т.д.)
• 🔐 Auth: Bearer Token, Basic, API Key (header/query/cookie), OAuth 2.0, AWS Signature v4
• 📦 Body: JSON, form-data, x-www-form-urlencoded, raw text, file upload, binary
• 📜 Response: pretty-print JSON с fold, raw, HTML preview, headers, cookies, timing
• 🔍 JSON path filter: применяйте $.data[0].nome прямо к response для быстрого debug
• 🕰️ История последних 100 запросов
• 📚 Collections: организуйте endpoints по папкам, экспорт/импорт формата Postman

WebSocket

• 🔌 Подключение: ws:// или wss://, с headers/auth такими же как HTTP
• 📤 Send: текст, JSON, binary
• 📥 Receive: хронологический список сообщений с timestamp
• 🎯 Filter: фильтр received messages по substring или regex
• 🔄 Auto-reconnect: опционально, с backoff

GraphQL

• 📝 Query editor с syntax highlight + autocomplete на основе схемы (introspection)
• 🔍 Schema explorer: навигируемое дерево доступных types/fields
• 📊 Variables panel: отдельный JSON для значений
• 📜 Saved queries (с версионированием)

Переменные окружения

Создайте environments (Dev, Staging, Prod) с vars типа , . URL и headers подставляются автоматически. Сменить environment = клик по dropdown.

Отличие от Postman

• ✅ Без обязательного входа — Postman теперь требует учётной записи
• ✅ Данные хранятся в вашем RoqueOS (Firestore), не на стороннем сервере
• ✅ Работает внутри десктопа — можете иметь Roqueman + Terminal + Browser бок о бок
• ✅ Cross-device sync автоматически (мобильный, десктоп и т.д.)

Ограничения

• Нет mock server (Postman имеет)
• Нет CI runner (Newman) — для автоматизированных тестов экспортируйте в Postman и используйте внешний Newman

---

🎨 Paint — редактор изображений и рисунки

Отзывчивый web Paint с кистями, фигурами, слоями и фильтрами. Заменяет "Paint" Windows с некоторыми функциями базового Photoshop.

Функции

• 🖌️ Кисти: карандаш, ручка, маркер, аэрозоль, ластик. Каждая с размером/прозрачностью
• 🎨 Цвета: HEX picker + палитра + пипетка (взять цвет с изображения)
• 📐 Фигуры: прямоугольник, круг, линия, стрелка, полигон (с fill и contour отдельно)
• ✏️ Текст: 5 встроенных шрифтов + size + bold/italic
• 🗂️ Слои: до 10 layers с индивидуальной opacity + blend modes (normal / multiply / screen)
• ↩️ Undo/Redo неограниченное (до закрытия app)
• 🎭 Фильтры: blur, sharpen, grayscale, sepia, brightness, contrast, hue rotate
• 📐 Resize / crop с guides
• 💾 Export: PNG, JPG (с качеством), WebP, SVG (только vector layers)

Случаи использования

• Быстрый mockup экрана или wireframe
• Аннотировать screenshot чтобы команда поняла баг
• Простой логотип / баннер для Instagram
• Редактировать личное фото (resize, crop, настройка цвета)

Для профессионального дизайна используйте Figma или Photoshop. Для быстрого ретуша Paint покрывает 80% случаев.

---

📋 Whiteboard — бесконечная доска для брейнсторма

Whiteboard с бесконечным canvas, идеально для организации идей, mind map, process flow, team ретроспективы.

Функции

• ♾️ Бесконечный Canvas: перетаскивайте в любую сторону, зум 25%-400%
• 🖌️ Свободная ручка (с pressure-sensitive в Apple Pencil / S Pen)
• 📐 Фигуры: стрелки, прямоугольники, круги, линии с автоматическим snap
• ✏️ Цветные sticky notes: drag-and-drop для перестановки
• 🔗 Connectors: линии/стрелки, следующие за формами при движении (необходимо для mind map)
• 📷 Изображения: вставьте screenshot напрямую (Ctrl+V) или upload
• 👥 Multi-pointer (планируется): несколько пользователей на одной доске с разными курсорами
• 💾 Авто-сохранение + export PNG/SVG всей доски или выделенной области
• 🎨 Templates: SWOT, Lean Canvas, ретро (start/stop/continue), KWL, Eisenhower matrix, kanban

Мобильный

Touch-first: pinch-to-zoom, два пальца чтобы тащить canvas, один палец чтобы рисовать. Apple Pencil + S Pen pressure-sensitive работают нативно.

Случаи использования

• 📊 Брейнсторм сессия с sticky notes + стрелками
• 🗺️ Mind map нового проекта
• 🔄 Ретроспектива sprint (столбцы Start/Stop/Continue)
• 🎯 Wireframing UX-флоу
• 📚 Учёба: карта связей между концепциями

Отличие от Miro/Mural

• ✅ Без обязательного входа третьих сторон
• ✅ Free forever (Miro/Mural взимают плату после 3-5 досок)
• ✅ Работает офлайн после первой загрузки (PWA кэш)
• ⚠️ Совместный multi-pointer ещё на roadmap (у Miro более зрелый)

---

См. также

• Интегрированный VS Code — настоящий code-server с расширениями и Git (нужен Server Mode)
• Linux Terminal — bash + roqueos-cli + весь ваш toolchain
• Tablatura — профессиональный редактор для музыкантов
• RoqueClaw (AI agent) — автоматизируйте dev-задачи через естественный язык