Безотходный блогинг на максималках. Концепция

По мере создания контента мы делаем разные сопроводительные материалы, которые выбрасываем.

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

Я предлагаю безотходное производство контента с доведением всех сопутствующих материалов до публикации, на примере блога о программировании.

Разные типы материалов, такие как

• Картинки
• Майндмап
• Статья
• Код
• Интерфейс
• Слайды
• Видео
• Аудио

могут

• вытекать одно из другого
• влиять друг на друга
• гармонично дополнять друг друга
• оставаться самостоятельными единицами

всё это

• облегчает вам работу цепная реакция, рычаги
• раскрывет тему с разных сторон, яркими красками
• заполняет разные каналы распространения встречая новых потребителей

Если вы привыкли создавать только один вид контента, а всё остальное выкидывать как черновик, вам может показаться сложной параллельная работа над несколькими типами материлов. Но, при правильном намерении и отработанной технике, вы почти не потратите лишних сил.

Материал – Каналы

Материал	Каналы
Картинки привлекающие
Майндмап стратегический	xMind
Статья душевная 🔗	Medium, Dev.to, Dashboard, Habr, VC, Telegram
Код лёгкий 🔗	Github
Интерфейс зрелищный 🔗	hostings: Github Pages, Netlify, Firebase
Презентация понятная 🔗	Google Slides
Видео 🔗 Скринкаст последовательный Озвучка мотивирующая Стендап артистичное Анимация упрощенная Субтитры для перевода	Youtube
Подкаст воодушевляющий 🔗	Spotify, Google Podcasts, Apple Podcasts

Статья

Статья помогает собраться с мыслями и описывает концепцию всего проекта.

Обычно я копирую начало статьи из переписки с друзьями, где впервые рассказывал о зарождении идеи. Они приводят примеры уже существующих подобных проектов, а я объясняю особенность моего, доказывая его право на существование.

В специализации "Full stack web development" Гонконгского Технологического Университета, которую я прошёл на Coursera 5 лет назад, было бонусное (необязательное) задание "Идеация проекта" – высокоуровневое описание идеи:

• почему это важно для вас
• какие похожие решения существуют
• основной функционал

Примерно эти же пункты вы найдёте в рекомендациях оформления проекта на Kickstarter.

Это всё можно описать в статье не углубляясь в технические детали.

На мой взгляд, лучше делать упор на филосовских и гуманитарных аспектах, а не технических. Выбор стека разработки можно представить не как таблицу сравнения характеристик, а как набор эмоций, пересечение мотивов и хитросплетие судьбы. "Я предпочёл для приложения Ionic вместо React-Native, потому что подружился в твиттере с людьми, кто пишут про HTML/CSS и с создателями Ionic".

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

Статья должна окончиться приглашением к скринкасту создания приложения на Youtube и ссылкой на код проекта на Github.

Написание статьи идет параллельно с работой над кодом проекта. Сначала она служит для вас планом, а для друзей – объяснением почему вы этим занимаетесь (оправданием). А когда код уже превратился во что-то работающее и красивое – статья уже превращается и в презентацию. В самое начало поставьте gif анимацию с ключевым функционалом и ссылку на Live Demo.

Далее, по мере создания и публикации разных материалов поместите в неё все связанные ссылки: на презентацию, подкаст, видео и т.д.

Интерфейс / Код

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

В основе хорошего урока лежит хороший код: легко понятный, хорошо структированный, без грубых ошибок.

Отнеситесь к коду не просто как к учебному материалу, а как к программному продукту. Оформите Github репозиторий:

• название
• описание
• картинка
• инструкции (по установке, запуску)
• ссылка на рабочую версию (Live Demo)

Видео

Скринкаст (запись экрана) делают, когда код приобрел устойчивую форму, путем его воссоздания с нуля в "идеальном виде". Иначе при каждом изменении кода придётся перезаписывать видео.

Аудио удобнее записывать после скринкаста, как бы со стороны комментируя свои действия. Потому что трудно одновременно писать код и красиво говорить. Иногда телефон записывает звук лучше компьютер – попробуйте его в качестве микрофона/диктофона. Потом наложите отдельной дорожкой поверх видео.

Некоторые концепции не понять без наглядной презентации. Сделайте её заранее желательно с анимациями.

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

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

Субтитры

Субтитры повышают доступность вашего видео:

• Гугл выдает отрывки видео по поисковому запросу исходя из текста субтитров
• титры появляются поверх превью видео в беззвучном режиме зазывая зрителей
• слабослышащие (каждый 6-й житель планеты) могут комфортнее смотреть материал
• плохо знающие ваш язык на слух ориентируются на текст титров
• титры легче перевести на другие языки, чем аудио

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

Перевод

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

1. записываю видео изначально на своём родном языке (Ru),
2. делаю субтитры (Ru)
3. перевожу субтитры (En)
4. записываю аудиодоржку (En) по субтитрам
5. делаю видео (En) наложением новой аудиодорожки на старое видео

Video Ru --> Captions Ru --> Subtitles En --> Audio En --> Video En

Как видите, в цепочке создания английского видео из первоначального есть 3 промежуточных шага и 2 из них это субтитры. Так что, они и правда очень важны, с разных сторон.

Подкаст

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

Взаимные ссылки

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

Точка сбора

Сайт

Изначально ваша задача раскидать (распространить) ваши материалы

• в разных форматах (видео/аудио/текст/картинки…)
• по разным платформам (youtube/apple podcast/medium/pinterest)
• на разных языках (en/es/ru/ar/de/fr)

Но хорошо бы иметь точку сбора – сайт где будут встречаться все эти ссылки с привязкой к проекту. Это должна быть контентно ориентированная платформа с хорошей поисковой оптимизацией. Next.js со встроенной интернационализацией (i18n) отлично подходит для этого.

Рассылка/Подписка

Интересующиеся вашим творчеством люди должны иметь возможность подписаться на интересные им темы, чтобы всегда оставаться в курсе:

• появления новых
• обновления старых

Это могут быть отдельные проекты или группы проектов.

Переводы

Раз уж мы хорошо потрудились и создали разный интересный контент, самое сложное из которого – видео. Почему бы не перевести его на английский и не сделать его доступным глобально? Ну а раз уже там есть ссылки на другие материалы, то и их можно перевести.

Как переводить видео через субтитры было выше.

Медиа империя

Если вы найдете интересные темы и оформите их в виде цепочкек взаимосвязанных материалов по описанным выше рекомендациям, то поздравляем, вы попали в сердца людей и вскоре станете медиа магнатом!