يوم جيد!
اسمي أندري ، أريد أن أخبركم عن مشروعي ، الذي أطوره في وقت فراغي. لقد وصل بالفعل إلى المرحلة عندما يكون لديه شيء لإظهاره وهذا لن يكون محرجًا.
لذلك دعونا نبدأ!
في الأيام الخوالي ، نظرًا لكوني آلة طباعة ، فإنني ، مثل العديد من الآخرين ، أخذت طريق تحسين العمل المتكرر: في البداية كان هناك فقط css و html ، ثم ظهرت قبل المعالجين ومحركات القوالب مع المجمعات ، وهكذا.
وفي مرحلة ما ، أدركت أن العمل مع المخطط يستغرق وقتًا لا يُنسى ، وبعد قليل من البحث ، وجدت مكونًا إضافيًا لبرنامج Photoshop أنشأ أنماطًا جاهزة استنادًا إلى الطبقة. كان الأمر بالنسبة لي كجولة جديدة في التطوير ، يبدو أنني لم أعمل على الإطلاق قبل ذلك ، لكنني اشتعلت به.
ولكن ، كما تعلمون ، فإن الكسل البشري والرغبة في تحسين كل شيء (الأشخاص القريبون من تكنولوجيا المعلومات يعانون أكثر من ذلك) لا يمنحون الراحة ، وبدأت عملية بحث جديدة. في هذا الوقت ، ظهرت خدمة شائعة للغاية اليوم ، مع سعر باهظ للاشتراك وأسبوع مجاني من الاستخدام ، مما أدى ، كما يبدو لي ، إلى زيادة تشبه الانهيار في حسابات البريد الإلكتروني :)
بعد تجربتها ، أدركت ما أحتاجه ، ولكن كانت هناك عدة عوامل:
- أحب البرنامج
- لم أكن أريد ، ولكي أكون صادقًا ، لم أتمكن من دفع الكثير مقابل منتجهم
- النقطة حول الكسل والرغبة في تحسين كل شيء
ربما كان هناك شيء آخر ، ولكن هذا هو بالفعل الثانوية.
ثم أدركت أنه يمكنني محاولة كتابة برنامج صغير لنفسي ، وهو ما قمت به.
بعد حوالي 3 أشهر من اختيار مهل لوثائق مديرية الأمن العام والتخطيطات نفسها في محرر التجزئة ، ظهرت النسخة الأولى من عملي ، والتي لم يكن لها اسم بعد ذلك:
كان عميل سطح مكتب مكتوب في العقدة webkit. كأداة لنفسي ، لم يكن الأمر سيئًا ، ونمت إنتاجي ، وبدأت أوقات الفراغ في الظهور ، وأتركها تذهب إلى Marsy لوضع اللمسات الأخيرة عليها ، ولم يكن هناك تصدير للصور ، لكن كانت هناك فرص ساعدتني: النسخ السريع لأنماط الطبقة والنصوص ، ولكن الأكثر فائدة كانت وضع لمقارنة تخطيطات متعددة. كان مرئيًا في أي الطبقات تغيرت ، وكيف تختلف - ساعد في تصميم تصميمي سريع التكيّف ، مع تخطيطات دقة مختلفة.
بعد ذلك بقليل ، بدأت مجموعة في VK ، وبدأ الناس في الاهتمام وقررت أنني بحاجة إلى تطوير البرنامج.
أثار العنصر الأول بحدة مسألة تصدير الصور ، لكن المشكلة تكمن في أنه في psd ، حيث أصبح واضحًا لاحقًا في العديد من التنسيقات الأخرى ، يتم تخزين الصور الأصلية وقائمة التعديلات التي يجب تطبيقها عليها ، على سبيل المثال ، تعبئة بالألوان والسكتة الدماغية والظل .
يمكن أن تكون الطبقات في التخطيطات كبيرة جدًا ولم يكن لدي ما يكفي من المهارات أو المعرفة لتكوين صداقات مع صفائف ضخمة تحتوي على معلومات حول البكسلات وعقد الويب. بدأت عمليات السحب الكبيرة للذاكرة ، وتعطلها بشكل متكرر بسبب نقصها. لهذا السبب ، اضطررت إلى التخلي عن js والتحول إلى لغة أخرى مألوفة بالنسبة لي - java.
أثر تغيير اللغة بشكل كبير على الأداء ، وبدأ تحليل اللغة في الظهور ، لكن الذاكرة لا تزال بحاجة إلى ما يزيد قليلاً عن استهلاك Photoshop.
منذ ذلك الحين ، بقيت لقطة شاشة واحدة:
في تلك اللحظة ، أدركت أنني بحاجة للذهاب إلى الخادم - لم يضيع المستخدم أية موارد ، وكان من الأسهل بالنسبة لي التطوير ، مع العلم أن التطبيق يعمل في بيئة واحدة تتحكم فيها.
لم يقل قال من القيام به.
تمت إعادة كتابة المحلل اللغوي لهندسة الويب ، تم طلب VPS ، تم رفع tomcat ، تمت كتابة قاعدة البيانات ، تمت كتابة جزء العميل ، وبدأ اختبار مغلق بواسطة الدعوة.
لذلك نظرت الخدمة في ذلك الوقت:
أحببت حقًا مخطط العمل هذا ، حيث ظهر أول زائر ، حيث ظهرت التعليقات الأولى والاقتراحات.
وبعد مرور عام ، كان هناك الكثير من التحديثات ، لقد غيرت الوظائف ، وابتعدت عن التخطيط ، وذهبت إلى رد فعل نظيف ، بدون تخطيطات تقريبًا.
قمت بترجمة جزء عميل Marsy إليه ، وتم تحسينه كثيرًا على الخادم.
مجموعة من التقنيات والأدوات لهذا اليوم: java، Spring framework، React، Redux.
اليوم ، يبدو مثل هذا (أعتذر عن القوام ، لست معتادًا على التحدث ، وكل تسجيل صوتي مثير للغاية بالنسبة لي)
لن أصف كل ميزات Marsy ، فهي مرئية في الفيديو ، ويتم عرضها بشكل أكثر وضوحًا ، ولكن فيما يلي بعض الميزات التي يبدو أنها لم يتم تضمينها في الفيديو:
- دعم الأشياء الذكية والقدرة على فتحها
- القدرة على إنشاء روابط مباشرة إلى التصميم الذي يمكنك من خلاله فتحه دون الحاجة لتسجيل الدخول مثل هذا
- تحميل الصور دفعة مع إعدادات الجودة
- استخدام المتغيرات
من المؤكد أن هناك شيئًا آخر نسيت أن أذكره ، لكن يمكنك أن ترى وتقيّم نفسك.
إذا كنت مهتمًا ، يمكنني كتابة مقالة منفصلة سأشرح فيها بمزيد من التفصيل الجزء الفني وميزات العمل باستخدام تنسيق psd.
كيف تحاولالتطبيق متاح مجانا على الرابط
Marsy .
يمكنك أيضًا مشاهدة
مقطع فيديو يحتوي على وصف كامل لميزاته ، على الرغم من أن بعض الأشياء قد تغيرت منذ ذلك الحين.
إذا لم يكن هناك وقت أو رغبة في التسجيل ، فيمكنك تجربة حساب تجريبي:
: 12345 : 12345
شكرا لاهتمامكم ،
andrey@markupeasy.ru
www.markupeasy.ruحظا سعيدا للجميع!