A qué va la pereza o cómo llegar a escribir un analizador de psd y qué puede resultar de ello

Buen dia

Mi nombre es Andrey, quiero contarles sobre mi proyecto, que desarrollo en mi tiempo libre. Ya ha llegado al escenario cuando tiene algo que mostrar y esto no será vergonzoso.

¡Entonces comencemos!

En los viejos tiempos, siendo un tipográfico, probablemente, como muchos otros, tomé el camino de optimizar el trabajo repetitivo: al principio solo había css y html, luego aparecieron preprocesadores y motores de plantillas con ensambladores, y así sucesivamente.

Y en algún momento me di cuenta de que trabajar con el diseño lleva un tiempo imperdonablemente largo, después de un poco de búsqueda, encontré un complemento para Photoshop que generaba estilos listos para usar basados ​​en la capa. Fue para mí como una nueva ronda de desarrollo, parecía que antes de eso no me compensaba en absoluto, sino que incursioné en ello.

Pero, como saben, la pereza humana y el deseo de optimizar todo (las personas cercanas a TI sufren más de esto) no dan descanso, y comencé una nueva búsqueda. En este momento, apareció un servicio muy popular hoy en día, con una etiqueta de precio exorbitante para una suscripción y una semana de uso gratuita, lo que, a mi parecer, dio lugar a un aumento de las cuentas de correo electrónico similar a una avalancha :)

Después de probarlo, me di cuenta de lo que necesitaba, pero había varios factores:

1. Me gusta programar
2. No quería, y para ser honesto, no podía permitirme pagar tanto por su producto
3. El punto sobre la pereza y el deseo de optimizar todo

Tal vez había algo más, pero esto ya es secundario.

Y luego me di cuenta de que podía intentar escribir un pequeño programa para mí, lo cual hice.
Después de aproximadamente 3 meses de elegir tranquilamente la documentación para psd y los diseños en el editor hash, apareció la primera versión de mi trabajo, que no tenía un nombre en ese momento:


Era un cliente de escritorio escrito en node-webkit. Como herramienta para mí, no estaba mal, mi productividad creció, el tiempo libre comenzó a aparecer y lo dejé ir a Marsy para su finalización, no hubo exportación de imágenes, pero hubo oportunidades que me ayudaron: copia rápida de estilos de capa y textos, pero lo más útil fue modo para comparar múltiples diseños. Era visible en qué capas cambiaban y en qué diferían: ayudaba a hacer un diseño adaptativo muy rápidamente, con diseños de diferentes resoluciones.

Un poco más tarde, comencé un grupo en VK, la gente comenzó a interesarse y decidí que necesitaba seguir desarrollando el programa.

El primer elemento planteó claramente la cuestión de exportar imágenes, pero el problema es que en psd, como luego se hizo evidente en muchos otros formatos, las imágenes originales y una lista de modificaciones que deben aplicarse a ellas se almacenan, por ejemplo, rellenar con color, trazo y sombra .

Las capas en los diseños pueden ser muy grandes y no tenía suficientes habilidades o conocimientos para hacer amigos con grandes matrices con información sobre píxeles y kit de web de nodo. Comenzaron grandes reducciones de memoria, fallas frecuentes debido a su falta. Debido a esto, tuve que abandonar js y cambiar a otro idioma que me era familiar: java.

Cambiar el idioma afectó en gran medida el rendimiento, el análisis comenzó a volar, pero la memoria todavía necesitaba un poco más de lo que Photoshop consumió.

Desde entonces, una captura de pantalla se ha mantenido:



En ese momento, me di cuenta de que necesitaba ir al servidor: el usuario no desperdiciaba recursos, era más fácil para mí desarrollar, sabiendo que la aplicación funcionaba en un entorno controlado por mí.

Apenas dicho que hecho.

El analizador se reescribió para la arquitectura web, se ordenó VPS, se creó tomcat, se escribió la base de datos, se escribió la parte del cliente y comenzaron las pruebas cerradas por invitación.

Entonces el servicio miró en ese momento:


Realmente me gustó este esquema de trabajo, aparecieron los primeros visitantes, las primeras críticas y sugerencias.

Y así pasó un año, hubo muchas actualizaciones, cambié de trabajo, me alejé del diseño, entré en una reacción limpia, casi sin diseños.

Traduje la parte del cliente de Marsy, optimicé mucho en el servidor.

Una pila de tecnologías y herramientas para hoy: java, Spring framework, React, Redux.

Hoy, se ve algo así (me disculpo por la dicción, no estoy acostumbrado a hablar, y cada grabación de voz es muy emocionante para mí)


No describiré todas las características de Marsy, son visibles en el video, se muestra más claramente allí, pero aquí hay algunas características que no parecían estar incluidas en el video:

1. soporte para objetos inteligentes y la capacidad de abrirlos
2. la capacidad de crear enlaces directos al diseño mediante los cuales puede abrirlo sin la necesidad de iniciar sesión de esta manera
3. descarga de imágenes por lotes con ajustes de calidad
4. uso de variables

Seguramente hay algo más y se me olvidó mencionar, pero puedes ver y evaluarte a ti mismo.

Si está interesado, puedo escribir un artículo separado en el que describiré con más detalle la parte técnica y las características de trabajar con el formato psd.

Como intentar

La aplicación está disponible de forma gratuita en el enlace de Marsy .
También puede ver un video con una descripción completa de sus características, aunque algunas cosas han cambiado desde entonces.

Si no hay tiempo o deseo de registrarse, puede probar una cuenta de prueba:

: 12345 : 12345 

Gracias por su atención

andrey@markupeasy.ru
www.markupeasy.ru

¡Buena suerte a todos!