Зрим незримое, делаем сайт чуточку удобнее

Немного лирики

Вы когда-нибудь задумывались что для вас Шикимори – энциклопедия аниме и манги, милая аниме девочка, удобный агрегатор для ведения списков, пару лет назад еще бы вспомнился просмотр аниме. И все это, конечно, связывает социальный функционал, доступный в виде комментариев, отзывов, пользовательских страничек профиля. Вероятно, раз вы это читаете, то все же активно им пользуетесь.
Однако все же стоит признать – этот функционал далек от идеала. Да, у нас здесь не кромешный ужас дизайна форумов нулевых, царящий на MAL, и то верно, но отнюдь и не предел мечтаний. Оформление форума на Шики в свою очередь куда больше напоминает стиль имидж-борда с продвинутыми функциями, что оказалось более удачным решением, и позволяет ему выглядеть весьма свежо и по сей день.
Но является ли такое решение идеальным для секции комментариев? Возвращаясь к MAL или даже Anilsit (пример с, казалось бы, современным дизайном) – комментарии как таковые там отсутствуют до сих пор, под тайтлами есть лишь ссылки, на относящиеся к произведениям ветки форума. Если так подумать, то и Шики не то чтобы далеко ушел от подобного, виной тому легаси MAL, либо просто дух времени, когда сайт создавался, но так или иначе то, что на сайте зовется комментариями, де-факто просто автоматически сгенерированная и намертво приделанная к странице ветка форума.  
И тут резонно возразить: «А есть ли разница че ваще у нас там под капотом, если все по итогу прекрасно работает?» Ну в общем, не особо-то и работает – вместо кратких систематизированных мнений о тайтле комментарии зачастую представляют уходящую в бесконечность ленту срачей и никак не помеченного оффтопа. Если другие сайты хотя бы дают возможность отделить стоящие внимания коменты банально благодаря тем же лайкам, то на Шики единственным маркером является непосредственно их отправитель.

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

Непосредственно скрипт

Как это работает
К комментариям, оставленным на страницах аниме/манги/ранобэ сайта shikimori.one, скрипт добавляет кнопку, позволяющую одним кликом узнать, как комментатор оценил данное произведение, и в каком списке оно у него находится (смотрю, просмотрено, брошено, и т.д.) или вовсе отсутствует.

Как это выглядит
Кнопка в виде (+) рядом с никнеймом:


Примеры отображения оценок и статусов:


Этот пользователь не добавил аниме ни в один из списков:


Сценарии использования

• Резюмирование позиции комментатора, особенно обретает смысл, если это не единичный комент, а целая ветка.
• Детект залетных тролей, тех кто набрасывает на тайлы, которые даже не смотрел.
• Просто дополнение картины, иногда оценка крайне забавно сочетается с текстом комента.
• Ну и приятный бонус, через API скрипт может получать доступ к оценкам даже пользователей со скрытыми списками.

Гайд по установке

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

Оставшимся предлагаю быстренько пробежаться по всем пунктам установки.
1. Ставим в браузер расширение Tampermonkey (оно выступает в роли эдакого менеджера для установки и функционирования скриптов):

• ссылка для Chrome и прочих бразуеров на его движке (Opera, Edge, Яндекс браузер)
• ссылка для Firefox

2. Для Chrome и браузеров на его движке необходимо включить режимом разработчика (зачем):
1177x762 895x763
На сим подготовка завершена.
 
3. Наконец можно перейти к странице самого скрипта.
Жмакаем установить, подтверждаем. Поздравляю - вы у мамы хакермэн! Новый функционал появится на сайте shikimori.one сразу после перезагрузки страницы.
 
p.s. Удостовериться что скрипт работает можно по иконке расширения.
Красный маркер отображает число активных скриптов для текущего сайта, а клик по иконке выводит список этих скриптов, там должен присутствовать Shiki Comments Score.
555x135

Гайд по кастомизации

Это уже более продвинутая часть, подразумевающая пусть и элементарное, но все же редактирование кода скрипта.
Собственно, чтобы что?
– Возможность настроить как отображаются статусы (их цвета и названия)

На вкус и цвет всем не угадишь. Да и я не художник чтобы настаивать на единственном рассово верном дизайнерском решении.
Так что вот пара шагов как все это быстро настроить:

• клик по иконке расширения
• выбираем скрипт (Shiki Comments Score) -> править
  462x403
• откроется редактор кода
• то что нам нужно это таблица статусов в самом начале файла
• изменяем интересующие поля (цвет задается в hex формате)
  1840x875
• сохраняем (файл -> сохранить)
• обновляем страницу шики

Эпилог, или скорее постCкриптум

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