Проекти

Semantica — тема для Visual Studio Code

Sat, 25 Apr 2020 09:16:49 -0400

Красивая тема редактора сильно влияет на удобство работы с кодом. Я перепробовал множество разных тем, сначала были тёмные, но спустя какое-то время я перешёл на светлые. Большинство тем меня не устраивали. Для меня важно чтобы: интерфейс не обращал на себя внимания, подсветка кода похожая на то что есть в обычной Visual Studio и Rider.

Однажды наткнулся на отличную тему Alabaster. Общая цветовая палитра мне зашла, но вот подсветка синтаксиса слишком минималистичная. В итоге решил на основе этой темы запилить свою. Добавил подсветку синтаксиса похожую на Visual Studio Light и Rider Light. В итоге получилась новая тема — Semantica.

Логотип темы.

Ссылки

Исходный код: https://github.com/teamkiller7112/vscode-theme-semantica
Маркетплейс: https://marketplace.visualstudio.com/items?itemName=bogdanstefanjuk.theme-semantica

Скриншоты

PS

Замечания или пожелания оставляйте на гитхабе. Если тема понравилась — поставьте звездочку в репозитории.

В качестве шрифта советую использовать JetBrains Mono.

Идеи для программистов

Fri, 27 Dec 2019 16:41:49 -0400

Много начинающих программистов — сам был таким — маются от вопроса: чего бы такого классного напрограммировать. Месяц за месяцем, год за годом проходят в ожидании достойной идеи™. «Вот бы мне проект, я уж я бы взялся за него, я б тогда выложился на все сто».

Некоторым везёт, и они быстро попадают в классную команду на крутой проект. Кому повезло меньше, сидит в суровом энтерпрайзе и жаждет поделать какой-нибудь пет-проджект для души. Вот только идеи нет…

Я придумал решение. Надо брать любую штуку, которая вам нравится, и просто попытаться повторить её. Нравится тетрис? Запрограммируйте тетрис. Нравится тот же Майнкрафт? Запилите свой Майнкрафт. Если при этом не хочется возиться с трёхмеркой (хотя, чего там возиться, с первого-то взгляда? :—) — делайте двумерный.

Я однажды так делал игрушку с паравозиками. Правда, интерфейс мне было неинтересно делать. Зато крайне увлекала логика переключения стрелок, семафоров, решение коллизий и всё такое. Вот так я и играл в эти свои паровозики: в юниттестах.

Смысл не в том, чтобы сделать продукт. И даже не в том, чтобы выключить радары, в поисках крутую идею. Смысл в том, чтобы, пока крутая идея не пришла, занять время чем-то полезным. А потом, когда придёт время клёвого проекта, скилл уже будет прокачан и будет шанс не запороть идею, а таки реализовать её.

Ещё один бонус: в повторении чужих проектов можно выбирать, на чём концентрироваться. В готовых-то продуктах уже всё продумано: можно брать готовые интерфейсы, логику, арты и прочее-прочее. Плюс выбираем для воспроизведения то, что нравится. А не суровый энтерпрайз (хотя, кому-то и это нравится). И ещё не надо заморачиваться с прочими нюансами работы над реальными проектами: аналитика, требование, планирование, коммуникации и прочее-прочее. Делаем чисто для себя, как упражнение из учебника.

На самом деле это решение придумал не я, конечно же. У древних мастеров это был главный способ прокачиваться: повторять за лучшими. Ну и чем мы хуже?

Оригинал статьи: https://t.me/anatoly_burov_channel/116

Как я делал бота для Facebook workplace

Tue, 26 Nov 2019 10:22:26 -0400

Дали мне задачу: написать бота для мессенджера workplace, с помощью которого можно получать уведомления из нашей CRM и управлять разными вещами. Расскажу о разных интересных вещах с которыми я столкнулся. Бота писал с помощью ASP.NET Core Web API.

Вебхуки

Для того чтобы бот мог обрабатывать запросы и сообщения от Facebook нам надо настроить вебхуки. Webhook — механизм оповещения системы о событиях. Для того чтобы Facebook принял наш хук, он должен обрабатывать как GET так и POST запросы.

Подробнее о Webhook в официальной документации

GET запрос служит для валидации работы нашего эндпоинта. POST принимает данные связанные с активностью пользователя, будь то нажатие на кнопки или другая активность.

Показать код метода-обработчика GET запроса

public IActionResult Receive( [FromQuery(Name = "hub.mode")] string mode, 
    [FromQuery(Name = "hub.challenge")] string challenge, 
    [FromQuery(Name = "hub.verify_token")] string verifyToken)
{ 
   if (string.IsNullOrEmpty(verifyToken)) { 
       return Unauthorized(); 
    }  
    if (verifyToken.Equals(FacebookEnvironment.FacebookVToken)) { 
        return Ok(challenge); 
    } 
    return Unauthorized(); 
}

В качестве verify_token используется токен, который мы указали при регистрации нашего хука.

Показать код метода-обработчика POST запроса

public async Task<IActionResult> Receive([FromBody]FbResponse response = null)
{
    if (response is null) {
        return BadRequest();
    }

    if (response.Object != "page") {
        return Ok();
    }

    foreach (var entry in response.Entries) {
        foreach (var message in entry.Messaging) {
            await PrepareMessageAsync(message);
        }
    }
    return Ok("EVENT_RECEIVED");
}

Авторизация запросов Facebook

Для авторизации Facebook использует специальный http заголовок (X-Hub-Signature), в нем он передает некую сигнатуру с помощью которой мы можем авторизовать запрос. Для того чтобы добавить такую функциональность в наш контроллер, добавим фильтр.

Пример кода, для проверки подписи

private const string Sha1Prefix = "sha1=";

public static bool Validate(string signature, string contentString) {
    if (!signature.StartsWith(Sha1Prefix, StringComparison.OrdinalIgnoreCase)) {
        return false;
    }
    var secret = Encoding.ASCII.GetBytes(FacebookEnvironment.AppSecret);
    var signatureWithoutPrefix = signature.Substring(Sha1Prefix.Length);
    var content = Encoding.ASCII.GetBytes(contentString);
    return GetIsHashValid(secret, signatureWithoutPrefix, content);
}

private static bool GetIsHashValid(byte[] secret, string signature, byte[] content) {
    using var hmac = new HMACSHA1(secret);
    var hash = hmac.ComputeHash(content);
    var hashString = ToHexString(hash);
    return hashString.Equals(signature);
}

private static string ToHexString(IReadOnlyCollection<byte> bytes)
{
    var builder = new StringBuilder(bytes.Count * 2);
    foreach (var b in bytes)
    {
        builder.AppendFormat("{0:x2}", b);
    }

    return builder.ToString();
}

Тестирование бота

Как установить letsencrypt сертификат для IIS. Если же вы используете связку в виде ubuntu и nginx вам подойдет эта инструкция.

Для тестирования нужно развернуть бот на сервере, который смотрит в мир. Также необходимо чтобы у сервера было доменное имя и валидный SSL сертификат. В моем случае, в качестве сервера выступала машина на винде, так как другой внутри нашей сети не было. Как мне показалось захостить приложение написанное на .NET Core намного проще под Ubuntu + nginx нежели под Windows + IIS. В качестве поставщика сертификатов выбрал letsencrypt, так как они предоставляют бесплатный сертификат на 3 месяца, с возможностью дальнейшего обновления.

Эгея Power-Ups

Mon, 25 Nov 2019 10:30:51 -0400

Решил опубликовать несколько своих доработок, которые добавляют в движок новые функции. Вы можете их свободно использовать в любых ваших целях.

Список улучшений

Кнопка «подробнее» или кат внутри заметок
Заметки на полях
Хайлайты
Мини галерея

Кнопка «подробнее» или кат

Когда пишешь статью и у тебя много исходников, удобно их скрыть под кат, чтобы они не увеличивали размер статьи не отвлекали от текста. Для этого добавил поддержку катов внутри заметок. Для этого нужно сделать 2 вещи:

Пометить текст, который будет выступать в качестве кнопки: .cut-button Название кнопки.
Следующим элементов разместить блок div с классом cut-content и в него поместить нужный контент для скрытия.

Как это выглядит в коде:

.cut-button Два лучших вопроса для собеседования
<div class="cut-content">
Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?
</div>

Как это работает

Два лучших вопроса для собеседования

Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?

Стилизация в виде карточке

Если необходимо выделить какой-то блок текста в заметке можно использовать хайлайты. Для этого достаточно обернуть текст, который хотите выделить в div с классом highlight.

Как выглядит в коде:

<div class="highlight">
Как бы вы описали идеального кандидата на эту должность?
Как вы будете судить, хорош ли я в том, что потребуется от меня через 1-3 месяца?
</div>

Как работает

Заметки на полях

Блог с реализацией заметок: http://mopsicus.ru.

Эту функциональность я подсмотрел в другом блоге и решил перенести в свой. Пригодится, когда нужно указать ссылку на ресурс по теме или просто примечание. Также добавил возможность указывать тип заметки. По умолчанию заметка не занимает отдельный абзац в тексте.

Как выглядит в коде:

.note Блог с реализацией заметок:  ((http://mopsicus.ru/all/aegea-field-notes/ http://mopsicus.ru)).
.note-md Блог с реализацией заметок: ((http://mopsicus.ru/all/aegea-field-notes/ http://mopsicus.ru)).

Как выглядит на мобиле:

Во всю ширину экрана.

Обтекаемый текст.

Мини галерея
Можно вывести несколько изображений в ряд. Пока что это реализовано тольк для 3 и 4 картинок. В будущем планирую добавить возможность открывать изображение на весь экран.

Как выглядит в коде:

<div class="card-gallery card-gallery-4">
    <!-- Список ссылок на изображения -->
</div>

<div class="card-gallery card-gallery-3">
    <!-- Список ссылок на изображения -->
</div>

Как выглядит на страницу

Где скачать?

Все исходники выложил на github. Там же вы найдете инструкцию по установке.

PS

Если у вас есть предложения, оставляйте их в комментариях, а лучше в issue на github-е. Как будет время, займусь реализацией предложений.

Проекты

Tue, 08 Oct 2019 16:48:37 -0400

Semantica — тема для vs code

Апреля 2020
Минималистичная тема, которая не отвлекает от процесса написания кода.
Описание: https://stefaniuk.website/all/semantica-tema-dlya-visual-studio-code/

Склад

Середина 2019 года
Текущее состояние: закрыт
Склад — приложение, которое позволяет сохранять закладки и организовывать с помощью тегов. Делал в первую очередь для себя. Также данный проект служит для меня площадкой для тестирования новых технологических решений. Планирую в ближайшем будущем открыть исходный код на Github.

Технологии: ASP.NET Core MVC, Entity Framework Core, PostgreSQL, JavaScript, bash.

Сайт для школы Educational hub «ABC»

Середина 2018 года
Занимался полным циклом разработки (дизайн, верстка, серверная часть, организация CI/CD).

Технологии: ASP.NET Core, SQLite, Entity Framework Core, HTML/CSS, bash.
Ссылка на сайт: https://educationalhub-abc.com.ua

Windows server manager

Начало 2018 года
Веб приложение для управления серверами на базе Windows с помощью веб интерфейса. Часть функциональности была заточена специально для нашей команды на работе. На текущий момент проект не активен, так как потерял актуальность. В планах есть идея восстановить его и сделать более универсальным.

Технологии: ASP.NET MVC 5

WebCars

Начало 2017 года
Интернет аукцион для покупки и продажи проверенных автомобилей. Из интересных особенностей: каждый автомобильно должен был пройти проверку в выбранном СТО, отчет доступен каждому пользователю. Также этот проект был для меня первым, именно с него начался отсчет моего коммерческого опыта разработки. На текущий момент сайт отключен.
Что делал:

Написал большую часть серверной логики.
Интеграция с IP телефонией.
Корпоративный блог
Личные кабинеты для СТО и администраторов

Технологии: ASP.NET MVC 5, Entity Framework, JavaScript, JQuery, HTML/CSS

Старые проекты: моя домашняя страница

Mon, 23 Sep 2019 07:38:11 -0400

На выходных просматривал файлы на старых жестких дисках и нашел мини проект моей домашней страницы. В те времена (2016-2017 год) я хотел сделать страничку стилизованную под Windows 98. Но дальше парочки статичных блоков дело не дошло. И я решил в один из вечеров доделать идею до конца.

Составил список того что надо добавить:

Возможность перемещать окна
При выборе окна — делать его активным и отображать поверх остальных
Часы
Меню «Пуск»
Рабочую панель задач
Возможность открывать и закрывать окна

Так как делал на коленке и за час, то код соответствующий. В дальнейшим перепишу и выложу на Github.

Видео с демо моей старой страницы:

А вот что получилось. Если хотите сами пощелкать — ссылка на демо.

Антон Шеин — Мечтать вредно

Thu, 15 Aug 2019 10:53:12 -0400

Первый проект

Thu, 27 Jun 2019 03:53:18 -0400

Нашел в старой переписке скриншоты игры, которую я делал когда только изучал программирование на C#. Игру делал на Unity в сеттинге сталкера. Дальше одной локации и простенького управления не зашло. Жаль что видео не сохранились.

Это был 2014 год.

Также пробовал моделировать в 3ds Max.

Кстати, не путайте проект и продукт

Sun, 16 Jun 2019 11:00:52 -0400

Чтобы сделать проект, нужно знать, «как» его сделать. Чтобы сделать продукт, нужно знать, «что» сделать, и это совершенно другая дисциплина. Можно очень чётко сделать проект, который не превратится в продукт и умрёт. А можно всё делать через жопу, ходить кругами, но в итоге создать успешный продукт.

Источник: https://ksoftware.livejournal.com/429180.html