Apa yang menyebabkan kemalasan atau bagaimana cara menulis psd parser dan apa yang bisa dihasilkan darinya

Hari baik!

Nama saya Andrey, saya ingin memberi tahu Anda tentang proyek saya, yang saya kembangkan di waktu luang saya. Dia sudah mencapai tahap ketika dia memiliki sesuatu untuk ditunjukkan dan ini tidak akan memalukan.

Jadi mari kita mulai!

Di masa lalu, sebagai pembuat huruf, saya mungkin, seperti banyak orang lain, mengambil jalur untuk mengoptimalkan pekerjaan berulang: pada awalnya hanya ada css dan html, kemudian preprocessor dan mesin template dengan assembler muncul, dan sebagainya.

Dan pada titik tertentu saya menyadari bahwa bekerja dengan tata letak membutuhkan waktu yang tidak dapat dimaafkan, setelah sedikit mencari, saya menemukan plug-in untuk Photoshop yang menghasilkan gaya siap pakai berdasarkan lapisan. Bagi saya itu seperti babak baru dalam pengembangan, sepertinya sebelum itu saya tidak berbaikan sama sekali, tetapi mencoba-coba di dalamnya.

Tapi, seperti yang Anda tahu, kemalasan manusia dan keinginan untuk mengoptimalkan segalanya (orang-orang yang dekat dengan IT lebih menderita dari ini) tidak memberikan istirahat, dan saya memulai pencarian baru. Pada saat ini, satu layanan yang sangat populer muncul hari ini, dengan banderol harga selangit untuk berlangganan dan seminggu penggunaan gratis, yang menurut saya memunculkan peningkatan akun email yang mirip longsoran salju :)

Setelah mencobanya, saya menyadari apa yang saya butuhkan, tetapi ada beberapa faktor:

  1. Saya suka memprogram
  2. Saya tidak mau, dan jujur ​​saja, saya tidak mampu membayar begitu banyak untuk produk mereka
  3. Intinya tentang kemalasan dan keinginan untuk mengoptimalkan semuanya

mungkin ada sesuatu yang lain, tetapi ini sudah sekunder.

Dan kemudian saya menyadari bahwa saya dapat mencoba menulis sebuah program kecil untuk diri saya sendiri, yang saya lakukan.
Setelah sekitar 3 bulan dengan santai memilih dokumentasi untuk psd dan tata letak sendiri di editor hash, versi pertama dari pekerjaan saya muncul, yang tidak memiliki nama saat itu:


Itu adalah klien desktop yang ditulis dalam node-webkit. Sebagai alat untuk diri saya sendiri, itu tidak buruk, produktivitas saya tumbuh, waktu luang mulai muncul, dan saya membiarkannya pergi ke Marsy untuk finalisasi, tidak ada ekspor gambar, tetapi ada peluang yang membantu saya: menyalin cepat layer style dan teks, tetapi yang paling berguna adalah mode untuk membandingkan beberapa tata letak. Itu terlihat di mana lapisan berubah, dan bagaimana mereka berbeda - itu membantu membuat desain adaptif dengan sangat cepat, memiliki tata letak resolusi yang berbeda.

Beberapa saat kemudian, saya memulai sebuah grup di VK, orang-orang mulai tertarik dan saya memutuskan bahwa saya perlu mengembangkan program lebih lanjut.

Poin pertama secara tajam mengangkat masalah mengekspor gambar, tetapi masalahnya adalah bahwa dalam psd, seperti yang kemudian menjadi jelas dalam banyak format lain, gambar asli dan daftar modifikasi yang perlu diterapkan padanya disimpan, misalnya, diisi dengan warna, goresan dan bayangan .

Lapisan dalam tata letak bisa sangat besar dan saya tidak memiliki keterampilan atau pengetahuan yang cukup untuk berteman dengan array besar dengan informasi tentang piksel dan node-webkit. Penarikan memori yang besar dimulai, sering macet karena kekurangannya. Karena itu, saya harus meninggalkan js dan beralih ke bahasa lain yang saya kenal - java.

Mengubah bahasa sangat memengaruhi kinerja, parsing baru mulai terbang, tetapi memori masih membutuhkan sedikit lebih banyak daripada yang dikonsumsi Photoshop.

Sejak itu, satu tangkapan layar tetap:



Pada saat itu, saya menyadari bahwa saya perlu pergi ke server - pengguna tidak menyia-nyiakan sumber daya, lebih mudah bagi saya untuk mengembangkan, mengetahui bahwa aplikasi bekerja di satu lingkungan yang dikendalikan oleh saya.

Tidak lebih cepat dikatakan daripada dilakukan.

Parser ditulis ulang untuk arsitektur web, VPS dipesan, tomcat dinaikkan, database ditulis, bagian klien ditulis, dan pengujian tertutup dengan undangan dimulai.

Jadi layanan itu melihat pada saat itu:


Saya sangat menyukai skema kerja ini, pengunjung pertama, ulasan pertama, dan saran muncul.

Dan satu tahun berlalu, ada banyak pembaruan, saya berganti pekerjaan, pindah dari tata letak, masuk ke reaksi bersih, hampir tanpa tata letak.

Saya menerjemahkan bagian klien Marsy ke dalamnya, banyak dioptimalkan di server.

Setumpuk teknologi dan alat untuk hari ini: java, Spring framework, React, Redux.

Hari ini, kelihatannya seperti ini (saya minta maaf untuk diksi, saya tidak terbiasa berbicara, dan setiap rekaman suara sangat menarik bagi saya)


Saya tidak akan menjelaskan semua fitur Marsy, mereka terlihat di video, itu ditampilkan lebih jelas di sana, tetapi di sini ada beberapa fitur yang tampaknya tidak termasuk dalam video:

  1. dukungan untuk objek cerdas dan kemampuan untuk membukanya
  2. kemampuan untuk membuat tautan langsung ke tata letak di mana Anda dapat membukanya tanpa perlu masuk seperti ini
  3. unduh gambar batch dengan pengaturan kualitas
  4. penggunaan variabel

Tentunya ada hal lain dan saya lupa menyebutkan, tetapi Anda dapat melihat dan mengevaluasi diri sendiri.

Jika Anda tertarik, saya dapat menulis artikel terpisah di mana saya akan menjelaskan secara lebih rinci bagian teknis dan fitur bekerja dengan format psd.

Bagaimana cara mencoba

Aplikasi ini tersedia secara gratis di tautan Marsy .
Anda juga dapat menonton video dengan deskripsi lengkap fitur-fiturnya, meskipun beberapa hal telah berubah sejak saat itu.

Jika tidak ada waktu atau keinginan untuk mendaftar, maka Anda dapat mencoba akun uji:

: 12345 : 12345 

Terima kasih atas perhatiannya,

andrey@markupeasy.ru
www.markupeasy.ru

Semoga beruntung untuk semuanya!

Source: https://habr.com/ru/post/id463847/


All Articles