Постоянная сборка фронтенда – автоматизация...

33
Яндекс CI — зачем? Сергей Сергеев руководитель группы разработки поисковых интерфейсов 4Front, Минск, 21 ноября 2014 года

Upload: xb-software-ltd

Post on 13-Jul-2015

346 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Постоянная сборка фронтенда – автоматизация конвейера

Яндекс

CI — зачем?

Сергей Сергеевруководитель группы разработкипоисковых интерфейсов

4Front, Минск, 21 ноября 2014 года

Page 2: Постоянная сборка фронтенда – автоматизация конвейера

Что такое CI?

Page 3: Постоянная сборка фронтенда – автоматизация конвейера

Зачем нам CI?

Page 4: Постоянная сборка фронтенда – автоматизация конвейера

Время — ключевой фактор в том,чтобы быть продуктивным,используйте его эффективно.

Page 5: Постоянная сборка фронтенда – автоматизация конвейера

Немного о себе

Page 6: Постоянная сборка фронтенда – автоматизация конвейера

SERP — страницарезультата поиска

Page 7: Постоянная сборка фронтенда – автоматизация конвейера

Кто мы? Чего хотим? Когдахотим?

Page 8: Постоянная сборка фронтенда – автоматизация конвейера

8

Page 9: Постоянная сборка фронтенда – автоматизация конвейера

Регламент работ

Page 10: Постоянная сборка фронтенда – автоматизация конвейера

GitFlow, GitHubFlow… свой flow?!

Page 11: Постоянная сборка фронтенда – автоматизация конвейера

Сборка

Page 12: Постоянная сборка фронтенда – автоматизация конвейера

Что и зачем мысобираем?

Page 13: Постоянная сборка фронтенда – автоматизация конвейера

Как мысобираем?

Page 14: Постоянная сборка фронтенда – автоматизация конвейера

Grunt

14

Page 15: Постоянная сборка фронтенда – автоматизация конвейера

Gulp

15

Page 16: Постоянная сборка фронтенда – автоматизация конвейера

ENB

Page 17: Постоянная сборка фронтенда – автоматизация конвейера

GNU Make

17

Page 18: Постоянная сборка фронтенда – автоматизация конвейера

Руками?

Page 19: Постоянная сборка фронтенда – автоматизация конвейера

Teamcity

19

Page 20: Постоянная сборка фронтенда – автоматизация конвейера

Teamcity

20

Page 21: Постоянная сборка фронтенда – автоматизация конвейера

Jenkins

21

Page 22: Постоянная сборка фронтенда – автоматизация конвейера

Travis

22

Page 23: Постоянная сборка фронтенда – автоматизация конвейера

Основные настройки

—  система контроля версий

—  триггер

—  раннер

23

Page 24: Постоянная сборка фронтенда – автоматизация конвейера

Profit — Время

Page 25: Постоянная сборка фронтенда – автоматизация конвейера

Тесты

25

Page 26: Постоянная сборка фронтенда – автоматизация конвейера

Тесты

26

Page 27: Постоянная сборка фронтенда – автоматизация конвейера

Тесты

27

Page 28: Постоянная сборка фронтенда – автоматизация конвейера

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

Page 29: Постоянная сборка фронтенда – автоматизация конвейера

Начните прямо сегодня, этопочти ничего не стоит.

Page 30: Постоянная сборка фронтенда – автоматизация конвейера

Конфиг

30

Page 31: Постоянная сборка фронтенда – автоматизация конвейера

Автоматизировать — не значитлениться, это значит бытьэффективнее!

Page 32: Постоянная сборка фронтенда – автоматизация конвейера

Полезные ссылки:

—  Matthew McCullough: Git and GitHub Workflows

—  Сергей Сергеев: Зачем нам workflow для работы с git?

—  Addy Osmani: Front-end Tooling Workflows

—  Сборка проектов с помощью Gulp.js. Семинар в Яндексе

32

Page 33: Постоянная сборка фронтенда – автоматизация конвейера

Сергей Сергеевруководитель группы разработки интерфейсов

[email protected]

@gurugray

Я