И снова (спустя без малого 3 года) здравствуйте! Наверняка читатели, ранее посещавшие блог helpdenis.ru, были серьезно удивлены, когда вместо привычного интерфейса и заголовка увидели эту страницу. Хотя, если верить статистике, старый блог уже давно мало кто посещает кроме поисковых- и спам-роботов.

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

Итак, забрасывать пусть и устаревшие, но все же когда-то потребовавшие труда наработки, не хотелось. А также хотелось хоть как-то добавить информации о том что сейчас твориться на рабочих столах, мастерских и в производственных помещениях, где энтузиасты заняты поиском новых, полезных и потенциально несущих серьезные перемены штуковин. Отсюда, собственно, доменное имя и заголовок Bionic Workshop (что-то вроде "Домашняя Бионическая Мастерская"). Почему бы просто не оставить helpdenis.ru? Думаю, ответ достаточно очевиден - такое название более не отражает сути. Да и заголовок "Udovenko Denis" большими жирными буквами больше походит на пафосную саморекламу нежели на тематическое название. Хочется создать ресурс равно доступный для любых желающих написать что-то по теме - именной блог для этого уже не подходит.

И вот, в момент когда у меня появилось время между фрилансерскими заказами (теперь это моя работа), я решился на создание нового сайта. Нового как с точки зрения стека технологий (об этом ниже), так и с точки зрения организации контента. Содержимое больше не делится на "новости" и "статьи" - вся информация теперь подается в виде отдельных публикаций. Почему? Предположим, я решил написать последние новости в области протезирования в собственном вольном изложении с комментариями. Это "новость" или "статья"? Вот и я не знаю... Это помимо того что раздел "статьи" в предыдущей версии блога просто не предусматривал размещение видео и увеличение изображений. Да и еще много чего. Тем не менее, я перенес весь контент со старой версии блога. Хотя часть его сейчас кажется мне несколько нерелевантной, думаю следует его оставить хотя бы в качестве ретроспективы.

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

Кроме прочего сайт намного более дружествен по отношению к поисковым роботам. Также я планирую максимально возможную поддержку мобильныx устройств. Полностью пересмотрена система аутентификации. Внимание, важное замечание: все учетные записи из старого блога были перенесены в новый, но теперь в качестве логина используется указанная Вами электронная почта. Кроме того, из-за различного подхода к шифрованию не были перенесены пароли. Используйте страницей восстановления пароля для того чтобы установить себе новый пароль. Приношу огромные извинения за неудобства!

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

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

  • Серверная часть: Ruby On Rails + Postgresql.

  • Изоморфный слой (серверная и клиентская часть): React + Redux + react-router + Immutable.js.

  • Клиентская часть: Sass + Bootstrap + ряд дополнительных JavaScript библиотек, не используемых изоморфно.

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

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