Небольшой технокейс из сегодняшней работы.

Проблема
Коллеги попросили помочь сделать так, чтобы на стриме, на большом экране за спиной ведущего, обновлялись Telegram-каналы с новостями.

Но ни в одной версии Telegram нельзя открыть для просмотра одновременно несколько каналов таким образом, чтобы они все постоянно обновлялись (начало сообщения в списке каналов не считается). Что делать?

Решение
1. Создаём браузерное расширение, добавляющее на все страницы с адресом типа *://*.t.iss.one/s/* (типичный адрес превью канала с постами в веб-версии Telegram) небольшой JavaScript-код для обновления каждые несколько секунд.

2. Ставим расширение на компьютер в студии.

3. Открываем на большом экране несколько Telegram-каналов в разных окнах (в веб-версиях, естественно).

4. Изменяем масштаб окон, делая их узкими и вертикальными, чтобы на экране помещалось несколько штук в ряд.

5. Готово. У нас на стриме есть несколько обновляемых новостных лент.

Код по ссылке

#кейс #работа #программирование #IT #медиа

Технокейс о том, как настроить сбор данных с сайта в Google Таблицу без плагинов, используя только штатные функции.

В моём варианте таблица время от времени забирает количество подписчиков со страниц избранных каналов на TGStat (чтобы удобнее сравнивать из одного окна).

Код

=ЗНАЧЕН(REGEXREPLACE(REGEXEXTRACT(IMPORTXML(G20; "//div[@class='tgme_page_extra']"); "\d\d\s\d\d\d"); "\s"; ""))

Что есть что? В коде вы можете увидеть несколько вложенных друг в друга функций:
— ЗНАЧЕН — преобразует любые данные, поддерживаемые Google Таблицами, в число;
— REGEXREPLACE — заменяет часть строки на другой текст с помощью регулярного выражения.;
— REGEXEXTRACT — извлекает определенную часть текста, соответствующую регулярному выражению.;
— IMPORTXML — импорт данных из источников в формате XML, HTML, CSV, TSV, а также RSS и ATOM XML. В моём случае — формат HTML, функция указывает место на странице из ячейки G20 с помощью атрибута @class='tgme_page_extra' (т.е. html-элемент с css-классом tgme_page_extra). Соответственно, для вашей страницы указываем другое место, которое находится с помощью инструментов разработчика в браузере.

"\d\d\s\d\d\d" — регулярное выражение, указывающее примерный шаблон числа подписчиков (число из 5 цифр с одним пробелом). Для каналов с другим диапазоном нужно другое регулярное выражение (это ничего страшного, каналы не так часто переходят границы диапазона).

Я потратил на конструирование скрипта много времени, пользуйтесь)
Единственное неудобство — когда таких скриптов много в одной таблице, скрэпинг начинает серьёзно тормозить.

#кейс #IT #программирование

Ого, оказывается ВОЗ правда это советует!

(Шучу, на самом деле нет. Открываете инструменты разработчика, и можно изменить любой текст на странице. Это к слову о том, насколько легко делаются фейки.)

#IT #программирование #фейки

Очень нравится логика разработчиков языка PHP, в котором процесс коммуникации запускается командой «эхо» (echo).

Допустим, так можно вывести текст:

<?php
echo "Hello world!";
?>

За объяснением работы команды стоит творческая ассоциативная связь — вот появилась информация, а потом она отдаётся эхом где-то ещё в интернете. Красиво же!

#наблюдения #медиа #IT #программирование

Дайджест сотни новостей за минуту? Невозможно?

Возможно.

#кейс #IT #медиа #журналистика #программирование #работа

Технокейс: быстрый сбор новостей СМИ

Рассмотрим наглядный пример применения программирования в журналистике — полуавтоматизированное создание дайджеста из материалов с ленты сайта РИА Новости (видео выше).

Браузерное расширение собирает все новости со страницы и добавляет 3 кнопки: "Создать дайджейст", "Удалить из дайджеста" и "Добавить ещё новости". Результат можно экспортировать в отдельный файл.

Как это сделано: браузерное расширение со всеми его особенностями (файл manifest.json, файл content-script.js), 3 иконки, 135 строк JavaScript-кода, немного кода на HTML и CSS для оформления всплывающего окошка и кнопок. Код в открытом доступе на GitHub.

Установка: скачать файлы, распаковать архив, включить расширение.

Прошлые технокейсы на канале:
• браузерное расширение для пресс-службы;
• сбор данных с сайтов в Google Таблицы;
• динамические ленты обновлений нескольких Telegram-каналов.

#кейс #IT #медиа #журналистика #программирование #работа