💡 МОЯ САМАЯ СЛОЖНАЯ РАЗРАБОТКА - IDE "CodeMotion"
Начнем с того, что я заметил, что нет универсального "нативного" решения для веб-разработчиков. Я сейчас говорю не о фронтенде, а о бекенде и всей веб сфере в целом.
Так как у меня стаж позволяет, я могу на своем опыте создать хорошую IDE для веб-разработки, что бы новичкам было проще вкатится в веб, и уже опытные могли использовать мою программу как полезный инструмент.
Главная фича IDE сейчас - это встроенные решения для веба (back/front) и совместимость:
- Real-time JS дебаггер (при помощи Acorn)
- Поддержка всех ОС (Windows, Linux, MacOS)
- Нативная поддержка Python (если у вас установлен py, то вы можете запускать код прямо в IDE)
- встроенный Live-server для HTML файлов
Из других фич, не связанных с вебом, я бы хотел выделить:
- Встроенный лог багов от вашей команды или других разработчиком (Командная работа)
- Встроенные команды, которые позволяет сортировать баги и логи
- Встроенные комментарии, которые появляются иконкой прямо в редакторе, и вы можете их редактировать или удалять
- Нативные решения по типу встроенных "цветных комментариев" для кода, что бы разработчики могли общаться более выражено
IDE до сих пор в разработке, я не собираюсь ее забрасывать и по этому вы можете легко предложить свои улучшению на любую тему: дизайн, функционал...
Этот пост служит как поле для таких комментариев
Начнем с того, что я заметил, что нет универсального "нативного" решения для веб-разработчиков. Я сейчас говорю не о фронтенде, а о бекенде и всей веб сфере в целом.
Так как у меня стаж позволяет, я могу на своем опыте создать хорошую IDE для веб-разработки, что бы новичкам было проще вкатится в веб, и уже опытные могли использовать мою программу как полезный инструмент.
Главная фича IDE сейчас - это встроенные решения для веба (back/front) и совместимость:
- Real-time JS дебаггер (при помощи Acorn)
- Поддержка всех ОС (Windows, Linux, MacOS)
- Нативная поддержка Python (если у вас установлен py, то вы можете запускать код прямо в IDE)
- встроенный Live-server для HTML файлов
Из других фич, не связанных с вебом, я бы хотел выделить:
- Встроенный лог багов от вашей команды или других разработчиком (Командная работа)
- Встроенные команды, которые позволяет сортировать баги и логи
- Встроенные комментарии, которые появляются иконкой прямо в редакторе, и вы можете их редактировать или удалять
- Нативные решения по типу встроенных "цветных комментариев" для кода, что бы разработчики могли общаться более выражено
IDE до сих пор в разработке, я не собираюсь ее забрасывать и по этому вы можете легко предложить свои улучшению на любую тему: дизайн, функционал...
Этот пост служит как поле для таких комментариев
❤6❤🔥3🔥2
Я очень люблю веб, и всегда была идея, еще очень давно создать свой язык программирования на основе JS как движка
Конечно, я думал о том, что бы полностью написать свой собственный парсер и на основе его уже делать логику, но один я бы никогда не сделал бы многофункциональный язык, темболее на JS
У меня до сих пор есть цельный проект моего языка и я думаю видно, что референсом служил JS =)
Идея языка была в том, что бы рендерить HTML и задавать его параметры прямо внутри языка, так я его и назвал - STRUCT
Скрипты выполнялись ТОЛЬКО внутри элемента - и нельзя было по другому. Сейчас, конечно же, язык заброшен и его практического применения нет...
Но я горел идеей и в итоге начал разработку языка, только в качестве полноценной основы - взял JS (как TypeScript)
Идея была уже не размытая - улучшить опыт разработки и сократить время написания кода, добавив полезные сокращения и дополнительные функции. На мое счастье - js далеко не совершенный язык, по этому достаточно много я успел сделать
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4💋3❤2
Сразу ссылка: https://github.com/cdmtn-dev/PrettyScript
Но важно прочитать информацию далее.
Это superset над JavaScript, по крайней мере так это классифицируют. Важно понимать слово "Прототип", потому что это не полноценный язык, а реально просто надстройка.
Я выложил это ровно так, как это у меня лежало на ПК - что бы вы просто посмотрели на него, предложили изменения или покритиковали мои решения - приму все
Не стоит это воспринимать как супер серьезный проект, но никто не говорит что из этого может выйти что-то реально серьезное. Github страничка сейчас максимально минималистична: почти ничего не настроено, нет документации... ничего. Я выложил это только что-бы вы посмотрели код и оценили идею
Если у вас реально есть идеи - пишите их в Issues или сюда в комментариях
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🐳2❤🔥1🔥1
Честно, не уверен что знаю... НО!
Прочитайте, то что написано далее (если вы еще не знакомы с CodeMotion, в закрепе есть подробный пост): создание IDE - очень сложный процесс, как минимум потому что это не текстовый редактор, а как максимум потому, что я ее делаю один и на мне лежит очень большой груз ответственности.
Но я не собираюсь бросать проект, я же уже пообещал всем все, но и выпускать его сырым я тоже не хочу. Сейчас в проекте недоделано много чего, особенно по командной части, а так же происходят мажорные изменения архитектуры и некоторых функций, дабы:
а) сделать поддержку кода проще (и т.к проект Open-Source - упростить работу для контрибьюторов)
б) сделать API расширений легче
И именно из за этого есть сложности. Это даже если не учитывать минорные проблемы по типу сайта для IDE (даже несмотря на то, что с этим мне помогают), документации и бла бла блаю
Сейчас моя главная цель - максимально оптимизировать IDE для того, что бы хотя бы чуть-чуть не стыдно было ее выкладывать в общий доступ
Если у вас есть идеи, как можно улучшить мою IDE, какие нативные инструменты или функции вы бы хотели видеть внутри или какие дизайнерские решение лично вам хотелось бы увидеть - пишите комментарии под этим постом, я читаю и отвечаю на ВСЕ. Спасибо, что вы со мной!
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥3👍2🤗1
Я очень занят разработкой моей IDE, и трачу почти все свое свободное время именно на нее... Так вот, что я сделал?
Из новых изменений:
- Добавил выбор кастомного язык: при нажатии на название языка в файле в нижнем меню открывается окошко, в котором можно выбрать язык для этого файла. Он не сохраняется, чисто локальное изменение
- Цветные комментарии для JavaScript & TypeScript: я увидел интересный плагин для VSCode, который добавляет цветные комментарии в код, и я взял это как идею для нативной реализации, и реализовал. Теперь в js & ts файлах можно писать цветными комментариями: danger (красный), warning (желтый), questionable (синий)
- Доработан превью .md файлов как нативного решения
- Улучшение общей оптимизации приложения
- Улучшение структуры собственного движка для модальных окон: полное удаление старых решений для модальных окон и интеграция их в API для расширений
Из мелких, но тоже достаточно весомых решений было принято удаление:
- Календаря событий: не слишком тематическая вещь, +нагрузка приложения функциями
- Нативного движка комментариев: раньше, комментарии можно было оставлять в качестве иконки в приложении, но эта идея слишком баганная, из за чего я вырежу ее, по крайней мере из frontend части
Из стабильного остается доработка API для расширений, доработка глобального дизайна, разработка нативных решений собственных решений, оптимизация и подготовка к релизу и open-source.
Если у вас есть идеи для IDE - жду вас в комментариях!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
💋5🔥2🥰2🤗1
Сегодня посвятил день и ночь для финальной переработки модальных окон: добавил новый элемент "origanization" (первый скрин). Люди, которые хотят создать модальное окно в рамках своих расширений для IDE смогут использовать уже заготовленные элементы для стройки UI, и по этому каждый новый элемент это, фактически, обновление функционала расширений
Следующее что я хочу доделать - запуск пайтон кода прямо из редактора. Сейчас он и так есть, но мне нужно протестировать его как только можно что бы у вас не было с этим проблем
Потом хотелось бы начать дорабатывать поддержку TypeScript (динамическая подсветка ошибок, как в VSCode)
Ну и в финале доделать дерево файлов и папок, с еще более адекватным переключением между табами в редакторе
Так же, уже разработаны такие вещи как веб-сайт и кастомный очень красивый инсталлер на Rust благодаря @noxygalaxy, который полностью сделал их оба. Спасибо!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3💋3🤗2❤1👎1
Я не знаю как там дела у разработчиков расширений для VSCode, но я пытаюсь с каждым днем оптимизировать расширения и придумывать хороший и понятный code design
На этот раз я реализовал метод onEditorChanged который вызывается каждый раз, когда в окне редактора есть изменения. Делал я это, что бы протестировать динамическое изменения синтаксиса при каких-либо условиях - как раз подопытным стал мой язык
Так же, прокачал Build-In Python Runner. Теперь он реально Build-In. Просто раньше, он просто брал системный установленный пайтон и запускал его, но сейчас вместе с IDE будет идти самый новый бинарник пайтона (Да, только для Windows. Linux&Mac будут использовать системный). Так же добаил в настройки выбор (второй скрин)
Сейчас активно готовлюсь к бета-тесту моей IDE, исправляю баги, работаю над архитектурой, что бы все было максимально чисто и понятно
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🎉3🤨3⚡1
MotionCode | IT 👨💻
💡 МОЯ САМАЯ СЛОЖНАЯ РАЗРАБОТКА - IDE "CodeMotion" Начнем с того, что я заметил, что нет универсального "нативного" решения для веб-разработчиков. Я сейчас говорю не о фронтенде, а о бекенде и всей веб сфере в целом. Так как у меня стаж позволяет, я могу на…
На первые 100 подписчиков опубликую ссылку на публичный репозиторий на GitHub 😘
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🔥2🥰2🙏1
MotionCode | IT 👨💻
На первые 100 подписчиков опубликую ссылку на публичный репозиторий на GitHub 😘
😀 https://github.com/cdmtn/CodeMotion
Спасибо 🫡
ВАЖНО: Проект на супер ранней стадии разработки. Об этом даже написано в readme, так что буду рад новым контрибуторам и идеям для улучшений проекта. Некоторые функции могут работать не как ожидается.
Если нужна приватная прямая связь со мной: @mtn_cd
Спасибо 🫡
ВАЖНО: Проект на супер ранней стадии разработки. Об этом даже написано в readme, так что буду рад новым контрибуторам и идеям для улучшений проекта. Некоторые функции могут работать не как ожидается.
Если нужна приватная прямая связь со мной: @mtn_cd
❤6❤🔥2🙏2
MotionCode | IT 👨💻
😀 https://github.com/cdmtn/CodeMotion Спасибо 🫡 ВАЖНО: Проект на супер ранней стадии разработки. Об этом даже написано в readme, так что буду рад новым контрибуторам и идеям для улучшений проекта. Некоторые функции могут работать не как ожидается. Если нужна…
Да много чего, но я расскажу только о том, что считаю реально самым важным (половина всех изменений была возможна с помощью @noxygalaxy - самому главному контрибьютору):
- Теперь IDE не зависит от интернета: самое новое обновление. Если сейчас вы скачаете самую новую версию с гитхаба, и на странице логина нажмете "Skip account creation" - IDE будет доступна без входа в аккаунт. Но жертвы такого способа кодить тоже есть: нет аккаунта - нет всех фишек и сервисов (таких как создания организаций, к примеру)
- Удалось стабилизировать пару вещей. Среди них терминал, который теперь адекватно отображает информацию и работает с командами
- Теперь в расширениях можно создать свой DiscordRichPresence: штука, с помощью которой можно создавать отображение статуса в дискорде
- Проводник стал быстрее и получил обновления, теперь папки отображаются первыми а файлы отображаются открываются быстрее. Так же добавили большее количество иконок для языков
- Добавились несколько настроек: UI Scale (для масштаба интерфейса) и Reduce Motion (для уменьшений взаимодействий с кадрами во время анимаций. Как пример изменения размера терминала)
Теперь, мы начинаем доделывание редактора и UI/UX приложения. Спасибо, что пишите Issues, ставите звезды и пытаетесь помочь проекту!
Если что: ссылка на CodeMotion IDE GitHub репозиторий
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🤩2🕊1
Последний раз, когда я выкладывал пост про CodeMotion IDE - там было очень много новвоведений, и многие из них до сих пор живут в проекте. Но я работал над приложением, и готов показать, что добавил в этот раз:
- Новая система багов. Да, по сути это самое большое обновление за последние дня 4, так как принесло оно новое обновление для одной из фич командной работы - баги.
Кто может не знать: я реализовал что-то типо Jira внутри моего приложения. Хочешь - создай баг приватно и он будет виден только тебе, а хочешь - вступи в организацию и уже тебе смогут назначить баг. Я добавил визуальное отображение приоритетности (напр. Common, Medium и High приоритетность). Приоритетность - это штука, с помощью которой ты можешь разграничивать какой баг нужно решить первым, а какой уже вторичная задача. Теперь, кстати, все баги хранятся на серверах. Пока, их всторичного функционала у них только "Отметить как решенный", но вскоре думаю добавлю полное удаление бага с серверов
- Project analys. Как только вы открываете проект, у вас сразу идет анализ: сколько файлов, какой путь... я уделил особое внимание файлам и сделал файловый анализ как на GitHub, но только более точный
- Локализации. Теперь в приложении доступен русский, английский и украинский языки, правда, не все места переведены. Если вы носитель одного из недоступных в приложении языков - можете создать его добавив язык в /languages/, ну или править уже существующие
Так же, хочу сказать, что я сталкиваюсь с критикой на счет базы моей IDE на электрон, но я не буду переписывать ничего, а просто буду работать над оптимизацией и пользовательским опытом. Спасибо, что остаетесь со мной!
CodeMotion IDE Github | CodeMotion Telegram
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥1😱1