Привет! На этой неделе @rubyunderhood веду я, @vazilla. Будем говорить о рельсовом фронтенде, Assets Pipeline и пользе

Работаю удаленно в Flatstack. Работаю и на бэкенде, и на фронтенде, потому что пришел в Рельсы с фронтенда

Мой карьерный путь: сисадмин, PHP, J2EE, Rails 2, верстка-верстка-верстка, Sinatra, и снова Rails

Уверен, главное — польза. Поэтому давайте сегодня поговорим о самых полезных книгах/статьях/видео

Какие книги/статьи/видео разделили вашу профессиональную жизнь на до и после? Что посоветует прочитать/посмотреть каждому Руби-программисту?

@rubyunderhood что можно сделать с assets pipeline? как спасти будущее связки rails + современный frontend?

.@G3D, об этом завтра. Предлагаю пока подумать, чем не устраивает Assets Pipeline? Чего в ней не хватает? Почему с ней нужно что-то делать?

.@rubyunderhood, Practical OOD in Ruby Сэнди Метц. Все, что надо знать, про объекты, SOLID, наследование и управление зависимостями в Руби

.@rubyunderhood, Don't Create Objects That End With -ER — yegor256.com/2015/03/09/obj… Вправляет мозги после контроллеров, интеракторов, хелперов

.@rubyunderhood, youtube.com/watch?v=27Ct3Z… — Алексей Плуталов из @evilmartians, о том как организовывать/структурировать JS в рельсах

.@rubyunderhood, vimeo.com/100010922 — Hot Reload в React/Webpack от @dan_abramov. Именно таким и должен быть DX (developer experience)

.@rubyunderhood, youtube.com/watch?v=URSWYv… — снова Сэнди Метц. Полчаса и ты знаешь о юнит-тестах всё

Гайз, в компанию по разработке игровых терминалов требуется RoR + Backbone.js dev на долгосрочный период. Remote.
/cc @rubyunderhood

Привет, привет. Сегодня о самом больном, об Assets Pipeline (sprockets). Но сначала немного истории

@rubyunderhood «Confident Ruby» by Avdi Grimm pragprog.com/book/agcr/conf… + «Ruby under microscope» by Pat Shaughnessy patshaughnessy.net/ruby-under-a-m…

AP появилась в 3.1 (2011 год). В то время ребята мучались с sass --watch. А в Рельсах из коробки мы как боги писали CSS без ; и {} (SASS).

AP простая и технология из трех процессов: компиляция (coffee -> js), конкатенация (//= require) и сжатие (uglify, ...)

Плюс cache busting и стильные хелперы. Для 2011 года этого было достаточно. Но сейчас 2015, а AP в том же состоянии

Взгляните, что нового добавили в sprockets 3.x: github.com/rails/sprocket…

Первым, кто заявил, что AP — мертва, был @andrey_sitnik в 24 выпуске RadioJS: radiojs.ru/2015/06/radioj… (25:00)

Есть теория, что застой в AP связан с застоем в Руби-комьюнити: Рельса и Руби сейчас именно в том месте, в котором хотели бы себя видеть

"Наш выбор: Turbolinks и RJS". Рельсы и AP застряли в том времени, когда вся динамика в приложении — это замена HTML фрагментов на странице

И это неплохой подход: он отлично будет работать для новостных сайтов и простеньких приложений. В таком случае с AP/Turbolinks можно жить

@rubyunderhood @andrey_sitnik, это уже довольно давно обсуждалось в комьюнити, задолго до 24-го выпуска RadioJS :)

Плагины для AP в 2014-2015 пишутся просто: берешь js-либу, прогоняешь через browserify и встраиваешь в AP через execjs

Дело нехитрое. Вот, например, мой CSS-постпроцессор для AP для поддержки rem в IE8: github.com/vast/rails-pix…

Но, когда я поймал себя на том, что корчую postcss-плагин для AP, понял, что это все неправильно

Поэтому в 2015 я стараюсь собирать фронтенд нодой, а Рельсу использовать в качестве тонкого сервера

@rubyunderhood рельса и тонкий сервер – лол

А вам как Assets Pipeline/Sprockets? Всего хватает? Не подставляете рядом webpack/gulp?

@rubyunderhood первые действия при сетапе проекта:
1) настроить базу
2) вырубить sprockets
3) включить православный gulp (либо webpack)

@artemeff @rubyunderhood тонкий сервер на Rails выглядит так pic.twitter.com/GnDAQ5myir

@rubyunderhood фронтенд живет в отдельных репозиториях. Problem Solved :)

.@listochkin, само собой. А тестируете как? В каком из проектов держите интеграционные тесты?

@rubyunderhood это же везде, комьюнити собирается идеей, потом комьюнити трудно принимать, что-то новое. Они же пришли сюда из-за идеи

@rubyunderhood всё хорошо: выключатель есть и работает, репозиторий с нодой рядом ставить удобно)

@rubyunderhood @andrey_sitnik давно обещал рассказать как у них там с gulp работа налажена

@rubyunderhood API only решает эту проблему. Бэкенд - отдельно, SPA - отдельно.

@rubyunderhood зависит от. но в целом:

Доброе утро. Жаль, но защитников у Assets Pipeline не нашлось. Сегодня поговорим об еще одной моей любимой теме: о тестах

Я начал с Test::Unit и фикстур. Прошел Cucumber и получил посттравматический синдром. В итоге, пришел к Rspec + Capybara + Jasmine

Весь наш стек для тестов можно посмотреть здесь: github.com/fs/rails-base/…

Долго бросался из крайности в крайность: 100500 интеграционных тестов, 0 юнит-тестов -> 0 интеграционных, 100500 юнит-тестов

В итоге пришел к чему-то похожему: robots.thoughtbot.com/testing-from-t… Начинаю с фича-спеки (одна на сценарий) и добавляю юнит-тестов по вкусу

В интеграционных тестах не опускаюсь до реализации и пишу на псевдо-DSL (почти site_prism): gist.github.com/vast/3771a6a0a…

Большую часть этих трюков подсмотрел тут: elabs.se/blog/51-simple…

Чтобы быстро переключаться между классом/тестом и запускать тесты из Саблайма пользуюсь packagecontrol.io/packages/RubyT…

По субъективной статистике test-first у меня получается в 40% случаев. В других случаях (code-first) не доверяю тестам, которые не падали

Пишу юнит-тесты и для вьюх (редко, чаще всего это смелл), и для JS (Jasmine + jasmine-jquery). Классицист, не мокист: martinfowler.com/articles/mocks…

Какие у вас секреты, принципы и правила в тестировании? Какой стек технологий используете? Какое соотношение интеграционные/юнит тесты?

Сразу отвечу про правила/принципы:

* signalvnoise.com/posts/3159-tes…
* justinweiss.com/blog/2015/05/0…

Плюс великолепные слайды доклада @darth_sim "50 оттенков красного": slideshare.net/ssuserfc4417/5… (жаль, не нашел видео)

@rubyunderhood @darth_sim не в лучшем качестве, но youtube.com/watch?v=ismsJY…

Доброе утро. Давайте сегодня о ревью кода. Стили смотрите? Локально проверяете фичу? Используете чеклисты для ревью? Сами себе ревьюите?

@rubyunderhood делаем быстрое ревью пул-реквестов, остальное через CI. В конце итерации более обстоятельное ревью

.@ptico, как выглядит быстрое ревью? Что смотрите и проверяете?

@rubyunderhood то что упускает замыленный глаз автора:явные ляпы, документацию,потенциальные проблемы.Подсказываем как лучше сделать вот это

.@ptico, круто. А что делаете с проблемами, найденными в конце итерации? В техдолг и исправлять когда-нибудь потом? Или сразу чините?

@rubyunderhood гитхаб в этом плане лапочка: комментировать можно каждую строку в диффе

@rubyunderhood Когда автор исправляет замечания, ставим +1. Пока не прошел CI и нет пары +1, пулл не мержится

@rubyunderhood зависит. Баги чиним, остальное в долг, если дело не 5 минут

Годные чеклисты для ревью:

* kevinlondon.com/2015/05/05/cod…
* css-tricks.com/what-a-css-cod…

Про настрой для ревью: medium.com/medium-eng/the…

В добавок к тому чеклисту смотрю тесты: понятны ли изменения в PR'е по тестам, нет ли ложно-положительных проверок?

Привет. Всегда было интересно. Что люди используют в тестовых данных, чьи имена, фразы, цитаты?

Я часто использую цитаты из боевиков моего детства: Робокоп, Хищник, Терминатор... pic.twitter.com/hBZzCPNuyf

Из персонажей чаще всего использую Тайлера. Люблю ссылаться на комиксы pic.twitter.com/8xGFBriHcp

@rubyunderhood Faker, ничего особенного. Вообще, от этого редко что-то зависит, так зачем тратить время на эти приколы?

@rubyunderhood ffaker, ryba

@rubyunderhood хотя когда писал тесты на поиск с морфологией, то брал какие-то фразы из Дюны :)

. @rubyunderhood вот здесь github.com/marshall-lee/h… у меня сплошной Adventure Time и My Little Pony :)

@rubyunderhood @anton_davydov Faker, FFaker, вместе, да.

@rubyunderhood по-хорошему, данные должны быть рандомные

@ptico @rubyunderhood не совсем согласен. с одной стороны да, с другой стороны мы не ГСЧ тестируем, а юзера.

@ptico @rubyunderhood неужели не было такого, что на рандомных данных проблема не вопроизводится, а на реальных да?

.@ptico, не всегда. Как пример: поиск, сортировка

@ptico @rubyunderhood часто рандом на самом деле не такой уж и рандом. неправильно заюзанный рандом будет более предсказуемым,чем реальность

@common_disease @rubyunderhood тут соглашусь, нужно с умом подходить

@ptico @rubyunderhood ну а написание действительно качественной рандомизации данных это тот ещё оверхед.

@ptico @rubyunderhood ах да, ещё в реальном проекте видел тесты, которые валились через раз. из-за рандома.

@ptico @rubyunderhood так что тесты всё-таки должны быть детерменированными. чаще всего рандом это скорее плохо, чем хорошо.

Видел ребят, использующих Симпсонов и строчки из песен pic.twitter.com/RdpiyppFPb

@common_disease @rubyunderhood если тесты валятся через раз, то проблема либо в коде, либо в неправильном применении рандома

.@ptico @common_disease, плюс race condition. Тесты проходят локально (медленный PC), но валятся на CI (быстрый). Чаще всего: не ждали AJAX

@common_disease @rubyunderhood не rocket science, тем более что можно реюзать

@rubyunderhood симпсонов тоже использую как демо-юзеров

@ptico @rubyunderhood да, это так. но я также вообще не хочу, чтобы тесты хотя бы как-то *зависели от ГСЧ*. я за детерменированность.

@rubyunderhood @ptico вот это очень интересная и сложная тема — как тестировать рейс кондишны. я вообще не видел тестов на них. к сожалению.

@common_disease @rubyunderhood кстати, один раз видел, как разработчик на полном серьёзе из кода значение под тест возвращал

@common_disease @rubyunderhood потом, правда, оказалось что похапэшник

@common_disease @rubyunderhood ооо! А может кто поделится ноу-хау?

@rubyunderhood когда лень с факером заморачиваться-всегда использую свои данные(имя, фамилию, вот это все). плюсы-не надо ничего вспоминать

@rubyunderhood когда что-то сложное, то ffaker, а так имена персонажей из tbbt.

@rubyunderhood john doe, hello word и пр :D

@common_disease @rubyunderhood @ptico я могу рассказать как сам тестировал это дело + как тестировал это mike perham в его dalli

@rubyunderhood на самом деле, в этом нет ничего страшного и сложного. Достаточно просто сделать состояние гонки и проверить, что все норм ➤

@rubyunderhood например, вы можете писать что-то в массив в 20 тредах и потом проверять кол-во элементов массива, я например, тестировал ➤

@rubyunderhood что у меня нет гонки на запись в редис, т.к. я пишу плагин для сайкика, который собирает данные с джобов и это там важно ➤

@rubyunderhood сам тест выглядит очень просто
github.com/davydovanton/s…
в дали майка он выглядит намного жестче
github.com/mperham/dalli/…
➤

@rubyunderhood могу сказать от себя, что после этого теста жизнь моя стала намного лучше, я стал крепче спать и волосы стали шелковистыми ➤

@rubyunderhood поэтому я всем рекомендую писать подобные тесты в местах, где вы мультитредово пишите куда-то и никогда не пологайтесь на GIL

@rubyunderhood всегда использую имена и топонимы из star wars

Суббота — отличный день для больших мыслей о будущем

Уверен, в будущем от работы будут страдать роботы, а не человек: youtube.com/watch?v=7Pq-S5…

Веб придет к идеальным приложения типа The Grid. Перетащил контент в браузер, а роботы сделали красиво: youtube.com/watch?v=OXA4-5…

Программисты останутся, конечно. Но в корне изменится developer experience (DX)

Чтобы понять, в какую сторону, посмотрите Брета Виктора:

* vimeo.com/36579366
* vimeo.com/97903574

А вам каким видится будущее веба, ИТ? Успеем поработать, как Тони Старк с Джарвисом?

@rubyunderhood мне нравится идея и попытки ухода в виртуальную реальность, это становится похоже на будущее Гибсона

@anton_davydov @rubyunderhood не понимаю всего этого бума VR. Какая-то крайняя форма попытки убежать от ответственности и реального мира.

@rubyunderhood да-да, фронтедщиков в итоге заменят wysiwyg редакторами и роботами =)

@Fodoj @rubyunderhood вот, пара видео в тему
youtube.com/watch?v=Bgx0IF…
youtube.com/watch?v=db-7J5…
youtube.com/watch?v=-oOK6d…

Последний день с вами, поэтому настроение лирическое-ностальгическое. Расскажите про свой первый проект на Руби/Рельсах. Еще работает?

Мой первый проект на Рельсах — дипломная работа, сервис тлогов (лихой 2008 год). Умел маркдаун, TeX и подсветку кода с highlight.js

@rubyunderhood работает: silkfair.com
Даже остались мною сделанные "скругленные уголки gif-картинками" до сих пор

.@inem, с www тоже не работает, но я нашел его в веб-архиве: web.archive.org/web/2015031421… Очень круто 👍

@rubyunderhood работает, как написал для себя 4+ года назад, так всё ещё и пользуюсь.

@rubyunderhood нет, не работает :(, чот для чувака ios девелопера, типа проект, где бы он мог свои аппы выкладывать, в итоге усложнил я всё

@rubyunderhood первый проект на рельсах я сделал за ночь - два года назад.
(bit.ly/1DFygYh) - работает до сих пор.

Вот и конец недели. С вами был @vazilla. Спасибо за то, что делились опытом и помогли отыскать видео "50 оттенков красного". Всего доброго