вступ
Цей канал в «Медіум» почався два роки тому з тексту про нашу редакційну систему «Монітор» - з тих пір жоден інший пост не обійшов його за популярністю. Але за цей час «Монітор» сильно змінився: з двох звітних років ми цілий рік витратили на повну переробку системи.
Можна подумати, що у нас шило в дупі: навіщо витрачати рік на переробку гарної системи, яка була запущена незадовго до цього? Відповіді тут два: по-перше, у нас правда шило в дупі. По-друге, нам довелося.
В результаті ми зіткнулися з класичною проблемою масштабування - існуюча система була хороша для поточних завдань, але не мала на увазі розвитку. А оскільки не розвиватися не можна, ми робили милиці. Їх ставало все більше. Нічого хорошого це не віщувало.
І ми витратили рік на те, щоб все переробити. Звичайно, рік - лукава цифра. Жоден розробник «Медузи» не займався новим «Монітором» цілий рік - насправді мова йшла про декілька місяців. Але оскільки завдання виявилося складна і була Запаралеленими з десятьма іншими проектами, процес розтягнувся на неймовірний термін, перетворився в страшну головний біль і крики розпачу (а також в що стала мемом фразу «Це буде в новому Моніторі», яку доводилося вимовляти майже на кожне прохання що -то поліпшити в поточній системі).
Про проблеми планування і швидкої розробки ми напишемо як-небудь іншим разом, давайте краще покажемо, що ми зробили з «Монітором».
Що змінилося?
Пошук переїхав з окремого екрану. Тепер він тут, на самому верху 24-х годин. Тут розповідати особливо нічого. Для статистики будь-який результат запиту можна викачати і зберегти табличкою.
Але якщо вам потрібно швидко знайти якийсь матеріал, ви навряд чи підете в цей пошук. Ви натиснете cmd + k (тут і далі вказані комбінації клавіш в MacOS) - і відкриєте швидкий пошук. Тут заодно є мінімальна статистика за матеріалами.
Швидкий пошук по cmd + K
Типи матеріалів в 24 годинах
Далі - «Заповіти». Раніше це було просто текстове поле, тепер з'явилося форматування і кнопка «Зберегти». Кнопка «Зберегти» всіх дратує, тому ми скоро злегка змінимо цей блок.
У матеріалів є різні індикатори.
Кольорові індикатори в 24 годинах
Типи матеріалів «Медузи»
Є спосіб ще швидше: натиснути cmd + j. Тоді відкриється той же список:
Швидке створення матеріалу по cmd + j
Відповідно, щоб написати новина, не треба нікуди кликати: треба натиснути cmd + j і Enter. Новинарів важлива швидкість.
Як бачите, типів матеріалів у нас стало досить багато. Перший блок - матеріали, які використовує «Медуза». Другий блок потрібен для путівників «Атлас» (у них, до речі, 24 години влаштовані злегка по-іншому, але про це ми окремо напишемо іншим разом). Третій блок - технічні типи матеріалів. Промо дає можливість зробити матеріал, який фактично є посиланням на будь-яку сторінку. Ротація - поставити на одну позицію кілька матеріалів.
Давайте для прикладу створимо який-небудь Фічер.
Створення матеріалу в прямому ефірі
Окремою складним завданням було зробити зручне видалення шматків тексту; так, щоб за допомогою Backspace можна було видалити картинку, а також виділити весь текст, не дивлячись на наявність мультимедійних об'єктів.
Ручний блоковий режим - для верстки
Автоматичний блоковий режим - для перетягування мультимедійних об'єктів
Інструменти для роботи з текстом відкриваються при виділенні слова, тут все зрозуміло. Кількість інструментів поступово зростає, недавно, наприклад, з'явився елемент «Дисклеймер».
Інструменти для роботи з текстом
Додаткові поля у матеріалу
Робота з джерелом новини
Картинки заливаються дрег-ен-дропом.
Всі інструменти роботи з картинками ось тут. Зараз кількість налаштувань для картинок обмежене, але ми в найближчі місяці додамо багато нових інструментів.
Отскролл при натисканні до потрібного мультимедійних об'єктів
Швидке додавання ембеда
Фільтри і кнопки додавання мультимедійних об'єктів
Блок Читайте також влаштований вкрай просто: додаєш блок через вищезгадану кнопку, а далі в випадаючому пошуку підбираєш статті по темі (ніяких автоматичних блоків у нас немає, це цілком усвідомлено; можна і «Читайте також» поміняти на інші слова).
Як зробити блок «Читайте також»
Цікавіше працюють тільки що запущені Виноски. Ось як вони виглядають на сайті:
Виноски на сайті
Заводите текст (у виносці доступні мінімальні інструменти верстки):
Тепер треба прив'язати виноску до фрази в тексті. Йдете в текст, виділяєте слово, натискаєте на виноску ( «А» в корічневном квадраті) і вибираєте ту виноску, яка вам потрібна. Одну виноску можна додавати в текст скільки завгодно раз - зручно, якщо, наприклад, у вас дуже багато героїв і кожен раз потрібно нагадувати, хто це.
Додавання виноски в текст
Ну і останнє: про пуші. Їх можна відправити як з 24 годин, так і з самого матеріалу. Натискаєте на відповідну кнопку:
І відкривається відповідний попап. На пуші в інтернеті зараз підписані 677 000 чоловік.
Наступна закладка - Випуск. Тут нам показують, як буде виглядати анонс матеріалу у всіх існуючих у нас форматах:
Ну і остання вкладка - Налаштування. Зліва, здається, все зрозуміло. А справа - режим Pro. Заміна стандартних шеров на кастомниє картинки, підключення складних модулів. Те, що потрібно для складних матеріалів за участю розробки.
... і результатами в кінці.
Є гри - фактично, матеріал, до якого підключається внутрішній медузовскій ембед. Цей інтерфейс дає нам можливість підключати також десяток різних адмінок з тестами різних механік - для швидкості ми їх робимо аутсорснимі командами і не заводимо в «Монітор» (хоча скоро почнемо). Про тести напишемо окремий текст десь через місяць-другий.
А є в одній картинці. взагалі без текстового поля.
Загалом, багато ще є, але цей текст вже непристойно довгий, а нам потрібно займатися іншими справами - так що на сьогодні вистачить. Чекаємо ваших реакцій, спасибі за увагу.