Виталий Иванущенко

Да здравствует фриланс?

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

Также мне стали поступать первые заказы. Первые несколько предложений я отмёл - они были попросту неинтересны. Но одно резко выделялось на общем фоне - мне предложили сверстать буклет. Сроки поджимали: буклеты были нужны уже через день, а ведь их макет ещё должен был быть одобрен начальством. Адаптированных материалов, как и человека, который мог бы помочь, не было, а вёрсткой буклетов никогда ранее я не занимался. Однако всё было сделано в срок, и стало неплохим опытом.

Последние записи:
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..

Одна голова хорошо, а две - лучше. А если сразу 8?
Да, настало время командных проектов, так что с этого момента уровень будет только расти. Открывает серию коллабораций цифровая платформа для отделения экономических и юридических наук ЕИ КФУ.
Сценаристы, дизайнеры, иллюстратор, копирайтер, даже нейросеть приняли участие в разработке этой платформы. И, несмотря на то, что работы впереди ещё много, уже сейчас хочется поделиться промежуточными результатами.
Можете взглянуть своими глазами по временному адресу http://econom.ivanvit.ru
Кстати, здесь есть и несколько пасхалок, можете попробовать их отыскать ;)
Кстати, большое спасибо команде за этот опыт.
Алмаз, Ксюша, Ксюша, Наташа, Кирилл, Сергей, Саша

Последние записи:
Да здравствует фриланс?
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..

Умение писать на чистом JS - это хорошо, однако настало время двигаться дальше. В моих планах давно значилось изучение какого-либо из основных фреймворков. И вот, время настало. По некоторым субъективным причинам мой выбор пал на Vue.js, оставалось решить, как именно его изучать.
В качестве теоретической опоры было решено использовать официальную документацию и книгу "Vue.js в действии", Эрик Хэнчетт и Бенджамин Листуон. В качестве же практического опыта было решено создать адаптивный PWA калькулятор с функцией конвертера валют (отличный повод изучить Fetch API). Стек технологий: Vue.js, vue-cli (PWA сборка на основе webpack) и препроцессор SCSS.

В ходе создания приложения я заметил одну непрятную особенность: вычисления примеров с плавающей точкой зачастую происходит неверно. Так, результатом вычисления выражения 0.3-0.2 является вовсе не 0.1, а 0.09999999999999998. Как выяснилось в процессе, чем большее число находится перед десятичной точкой, тем больше ошибка в вычислениях. Такая неточность непозволительна для калькулятора, поэтому я начал искать решение проблемы. Написанное на скорую руку решение уже довольно успешно функционирует, однако не покрывает всех возможных случаев. Это подтолкнуло меня к идее написания небольшой библиотеки, решающей эту проблему. Этот проект все еще на стадии разработки.

В заключении могу сказать, что Vue показался мне крайне удобным в использовании инструментом. Однозначно, он ещё найдёт применение в последующих моих работах.
Ссылка на итоговый результат: https://calc.ivanvit.ru
Ссылка на репозиторий: https://github.com/ivanvit100/calc

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..

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

Каким же образом можно получить максимум места в облаке, соединить это с максимальным контролем личной информации и потратить при этом минимум средств? Быть может, запустить собственное облачное хранилище для частного пользования?
Идея мне понравилась. Мы с Данилой начали обсуждать план её реализации. Поначалу планировалось создавать вручную всё: от интерфейса до мониторинга состояния дисков, от FTP сервера до системы резервного копирования. Для экспериментов был приобретён тонкий клиент, найден старый HDD. Однако всё оказалось не так просто, как мы думали. Перепробовав несколько дистрибутивов Linux, Данила предложил запустить первую версию облака на Windows. Всё шло неплохо, дистанционный доступ к файловой системе был настроен, но настроить доступ к серверу через интернет не удавалось, и постепенно сервер был заброшен.

Прошло несколько месяцев, в течении которых каждый развивался в своём направлении. Ощутив преимущества Live CD Linux, я начал строить планы по созданию чего-либо столь же компактного для развёртывания на нём своей системы версионирования. В это время мне на глаза попалась статья, посвящённая такому инструменту, как NextCloud, и, конечно же, я сразу вспомнил о стоящем без дела "сервере".
При помощи Linux Mint и NextCloud сервер был запущен и настроен достаточно быстро, все необходимые инструменты или были в нём "из коробки", или без проблем устанавливались из собственного магазина приложений NextCloud. Однако всё ещё оставался актуальным вопрос доступа к хранилищу извне.

Итак, мы имели свободное доменное имя и статический ip-адрес устройства внутри локальной сети. Необходимо было лишь найти способ привязать домен к этой локальной сети и перенаправлять нужный трафик на локальную машину. Поскольку мы искали способ сделать хранилище как можно более дешёвым, вариант приобрести статический ip-адрес у интернет-провайдера рассматривался как наихудший из возможных сценариев. Тогда на что будет ссылаться домен? Самым простым решением оказалось использование сервиса www.noip.com. С его помощью мы получили невзрачный домен третьего уровня, привязанный к динамическому внешнему адресу сервера. Именно на это имя должен будет направлять наш заранее подготовленный домен cloud.ivanvit.ru. Дело за малым: в настройках роутера направляем весь необходимый трафик на внутренний адрес сервера, и облачное хранилище готово.

Вывод: мы получили пусть и не очень быстрый, но полностью подконтрольный нам сервер, а обошлось это удовольствие всего в 1,5 тыс. рублей, что приблизительно равно году базовой подписки на Google One. Мы же за эти деньги получили полный контроль над данными, возможность изменять параметры, функционал и внешний вид хранилища под себя, неограниченный во времени доступ и теоретически бесконечное дисковое пространство.

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Всё это время я использовал Samsung NP-N11..

Всё это время я использовал Samsung NP-N110 из позапрошлого поста в качестве основного ПК. И что же можно про него сказать?

Во-первых, сборка операционной системы не оправдала ожиданий. "Облегчённая" версия системы всё равно была медленной, а фризы и зависания преследовали меня почти всегда. Оказалось, что обыкновенная Windows 10 Enterprise куда как лучше оптимизирована для слабых ПК.

Второй проблемой стала видеокарта. Временами картинка попросту не успевала отрисовываться. Исправить это не помогли ни различные драйвера, ни ускорители. Печально, конечно, но не критично. Благо, вычислительных мощностей мне для повседневных задач хватало, а после смены операционной системы проблема и вовсе практически сошла на нет.

Проблема пришла откуда не ждали. Главным врагом оказался OpenGL. Довольно старая и распространённая технология, тем не менее, либо невероятно тормозила и лагала, либо не запускалась вовсе. Проблема, учитывая то, что даже мои сайты используют OpenGL. К сожалению, проблема эта не решена до сих пор.

Что же касательно аппаратной стороны вопроса? Была заказана батарея на 5200 mAh, а также USB-модуль Bluetooth, так как встроенную его версию данному агрегату иметь не посчастливилось.

Какие можно сделать выводы?
1). Не всегда нужно экспериментировать с Lite версиями, даже на слабом железе. Если хотите восстановить старый аппарат - присмотритесь к Windows Enterprise.
2). При слабой видеокарте главной проблемой оказался OpenGL, и решение этой проблемы ещё предстоит найти.
3). В целом, получился неплохой аппарат для своих задач. Где-то ему требуется немного времени на размышления, но мне довелось видеть и более новые ПК, которые висят никак не меньше. А небольшие размеры в купе с нетребовательным процессором позволяют носить его с собой абсолютно везде и при этом не беспокоится об уровне заряда.

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..

Трансляция камеры в режиме "Картинка в картинке"

Продолжая познавать увлекательный мир JavaScript, я решил создать простую веб-утилиту для трансляции камеры в режиме PictureInPicture. Вот что из этого получилось.

В чём заключается суть идеи? Бывают случаи, когда вывести на экран изображение с камеры попросту необходимо, но ставить для этого крупное ПО не хочется. В таких ситуациях на помощь приходят онлайн сервисы, и моя цель - создать такой. Сайт должен быть максимально лёгким, не нагруженным лишним функционалом, чтобы запускаться быстро даже на самых слабых устройствах. Помимо прочего, данная утилита будет построена как PWA приложение, то есть будет иметь возможность установки на любое устройство.

Что же можно сказать про трансляцию Picture in Picture? Как оказалось, это довольно "сырая" функция. В Chrome её поддержка добавлена с версии 69, а такие браузеры, как Firefox и Internet Explorer, не поддерживают эту опцию до сих пор.
Тут стоит уточнить, что исключение в этом плане было сделано для сервиса YouTube. Помимо прочего, за пользователем по-прежнему остаётся возможность включать отображение видео поверх других окон посредством выбора соответствующего пункта ПКМ-меню.
Ещё хуже дела обстоят с мобильными устройствами: поддержка функции PIP присутствует лишь в Safari на iOS.
Это печально, ведь такая низкая поддержка браузерами является одной из причин того, что данная функция до сих пор не получила должного распространения.

Помимо прочего, в этом проекте я решил использовать совершенно иной стиль дизайна - neumorphism. Также именно с этого момента я начал использовать препроцессор SCSS. Конечно же, весь исходный код проекта вы можете найти в моём профиле GitHub.

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

P.S. Это лишь Beta-версия сайта, имеющая ряд недоработок

https://pip.ivanvit.ru

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..

Одолевали ли вас когда-нибудь странные на первый взгляд идеи? Например, сделать неплохую рабочую машинку из нетбука 13-ти летней давности?

Мне всегда импонировала идея иметь под рукой компактный компьютер, который можно было бы без труда поместить в небольшую сумку и взять с собой куда угодно. И вот я вспомнил про доживающий свой век Samsung NP-N110 2009-го года выпуска, настолько медленный, что вот уже несколько лет он лежит никому не нужным. Тогда-то я и решил попробовать его оживить. За помощь спасибо Даниле.

Что мы имеем?
Процессор:
Intel Atom N270
1 ядро, 2 потока 1,60 GHz тактовой частоты. Откровенно слабый модуль, который, к сожалению, не представляется возможным заменить, что, несомненно, печально скажется на результате.
Жёсткий диск:
Оригинальный HDD приказал долго жить, а вставший на его место изначально был в плачевном состоянии.
Оперативная память:
1 ГБ
Операционная система:
Windows XP
Автономность:
Батарея выдохлась, работа без сети не возможна

Для начала было принято решение попробовать установить на нашего подопытного Windows 10 Lite. Это довольно нетребовательная система, поэтому план мог сработать. Так и случилось. Добавим ко всему отключение ненужных анимаций, корректировку настроек для максимальной производительности, а также использование самых нетребовательных программ (так, к примеру, после тестов нескольких браузеров я остановился на Opera Developer) и в случае экстренной необходимости этим нетбуком уже можно пользоваться. Однако это не повод останавливаться на достигнутом.
Решив начать с малого, мы постепенно наращивали мощности. Поскольку оперативная память была забита почти до отказа даже на рабочем столе, следующей в очереди на обновление стояла именно она. Сказано - сделано. В тот же день объём памяти увеличился до 2-х ГБ, обошлась эта модернизация в 400 рублей. Неплохо.
Далее - жёсткий диск. Скорость работы нетбука всё ещё оставляла желать лучшего, а потому замена HDD на SSD выглядела жизненно необходимой. Недолго думая, мы отправились исследовать просторы Авито в поисках подходящего решения. Таковое нашлось, и по итогу за 1100 рублей мы уменьшили скорость запуска системы с 2-х - 2,5-х минут до 30-ти секунд! Конечно, с добавлением в автозагрузку новых процессов увеличивалось и время загрузки системы, однако даже после установки всего необходимого ПО время загрузки было в 2 раза меньше, чем при работе абсолютно чистой системы на HDD.
В конце концов, была предпринята попытка самостоятельного восстановления аккумулятора. Успехом это начинание не увенчалось. Что ж, значит, аккумулятору придётся найти замену.

Как итог, всего за 1,5к рублей совсем безнадёжный на первый взгляд агрегат превратился в сносную "печатную машинку". Да, для гейминга он не годится, но кто мог ожидать обратного? В то же время, я активно использую его для работы вне дома. В таких ПО, как Sublime text 3, Git, FileZilla, Word и тд он чувствует себя как рыба в воде. Существенной проблемой стало разве что использование браузера. В работе с ним SSD не способен оказывать существенной помощи процессору, и тогда производительность падает весьма сильно. В целом же, даже работая одновременно с порядка десятью файлами в редакторе кода и несколькими вкладками в браузере, мониторя изменение в Git репозиториях и пересобирая файлы SASS в .css, ПК 2009-го года чувствует себя не намного хуже, чем просто находясь на рабочем столе. Как по мне, это потрясающий результат.

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..

Не так давно я решил испробовать себя в сфере, всегда привлекавшей моё внимание – Machine Learning.
Исследования должны иметь перед собой цель, а потому я решил попробовать создать предельно простую сеть-классификатор для определения времени суток на фотографии, обучить её на крохотном объёме данных (100 интераций и 1 фотография), и затем посмотреть, на что она способна.
За это время я изучил такие методы обучения ИИ, как NEAT и Q-learning, погрузился в математические концепции нейронных сетей, столкнулся с проблемами политики CORS и многим другим.
Результатом этих исследований стали 2 работы, с которыми Вы можете ознакомиться по ссылке: https://drive.google.com/drive/folders/166se5gKfCCT0b.. Там же находятся файлы обученной модели.
Испытать саму нейронную сеть Вы можете на моём сайте: https://ai.ivanvit.ru

Последние записи:
Да здравствует фриланс?
Одна голова хорошо, а две - лучше.
Умение писать на чистом JS - это хорошо, однако..
Когда заботишься о сохранности своих данных,..
Всё это время я использовал Samsung NP-N11..