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

Librake
37

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

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

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

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

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

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


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


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


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

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

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

Оставшимся предлагаю быстренько пробежаться по всем пунктам установки.
1. Ставим в браузер расширение Tampermonkey (оно выступает в роли эдакого менеджера для установки и функционирования скриптов):
  • ссылка для Chrome и прочих бразуеров на его движке (Opera, Edge, Яндекс браузер)
  • ссылка для Firefox

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

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

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

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

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

Честно говоря, изначально писал скрипт чисто под себя, но если вдруг кому приглянулась концепция, было бы круто услышать предложения.
В целом, есть парочка планов, чего здесь можно допилить. Например, добавить такой же функционал на страницах с новостями, т.е. брать статус тайтла, который прикреплен к новости UPD: уже готово. Ну, это скорее вопрос сугубо технический, из чего-то более концептуального есть идея добавить возможность писать короткие заметки о пользователях, которые также будут отображаться рядом с ником (подобный скрипт существует, например, для DTF – весьма удобно помечать местных сумасшедших).
Комментарии
Скрыть 17 комментариев
Показать 17 комментариев
Загрузить ещё 17 комментариев
Yolmephir
Yolmephir#
@chelizchata228, коммент нужен только для определения пользователя, так-то можно и без него список глянуть. Недоработочка-съ :interested:
chelizchata228
chelizchata228#
@Yolmephir, посмотреть в каком списке тайтл у юзера, даже если у него список для других закрыт?
Yolmephir
Yolmephir#
@chelizchata228, если верить автору (я не проверял), то да. Там ещё есть возможность выгрузить весь список пользователя — если это работает с получением инфы по одному тайтлу, то, может, возможно получать и целые скрытые списки.
chelizchata228
chelizchata228#
@Yolmephir, похоже что на шики вообще никаких антихакерских защит нет:interested:
Galicom
Galicom#
прикольно, но это всё можно и не делать, если иметь мозги и легендарный навык свободного времени, отсутствие которого и отличает обычных пользователей от троллей:dunno:
а вообще реально классная штука
kost12000
kost12000#
@Galicom,
Ну все относительно. В интернете очень тонкая грань , между юмором и троллингом.)
Great Tribune Veres
Great Tribune Veres#
Думал статья будет про то, как можно по IP вычислять несогласных с твоим вкусом. Ладно
Edmond_Dantes
Edmond_Dantes#
Детект залетных тролей, тех кто набрасывает на тайлы, которые даже не смотрел.
я какой-нибудь Кей Он, Ван Панч и иже с ними ни в какой список добавлять не буду, даром что смотрел часть в гостях. А что-то начинал сам и бросил. То же относится к тому, что я просмотрел давно, когда не было вариантов с сабами. Добавлю, только если буду пересматривать (что делал пару раз в жизни).
mahentoh
mahentoh#
Вот бы еще под новостями связанными с конкретными аниме/мангой это работало
Librake
Librake#
Хорошая фича.
Рад, что семпаю понравилось:star:

@Swyzen,@Vladiss, хмм, странная тема, сам просто сижу с впн 24/7, так что даже в голову не могло прийти, что на этом месте что-то может пойти не так, ведь сам сайт без впн вполне открывается:hot:

@chelizchata228, @Yolmephir, справедливости ради, изначально тестил вариант с авто-загрузкой, и в целом это со скрипом, но работает. А вот постоянные подгрузки, если быстро листать коменты скорее раздражали. Плюс не всегда хочется видеть эти статусы сразу, чтобы оставалась возможность прочесть комент непредвзято и только затем свериться с оценкой юзера. Так что кнопка оставляет выбор, ну и да, технически это более рациональное решение - не хватало еще чтоб сайт лег, если каждый начнет его ддосить кучей запросов :lol:
@Yolmephir, @chelizchata228, все так, можно и целиком выгрузить:evil:

@Джой Бой, но шанс зайти сюда и социально провзаимодействовать ты не упустил:oh2:

@Edmond_Dantes, это как раз норма, сам похожей логикой руководствуюсь. Другой вопрос когда отдельный индивид дропнул тайтл и берет на себя честь выставить оценку по паре серий.
За время пока тестил скрипт, узнал что у нас оказывается пол шики таких оракулов :smoker:

@mahentoh, в последнем абзаце упоминал - это прям в планах. Под новостями как раз самое сборище любителей набросить.
Джой Бой
Джой Бой#
@Librake, о чем уже успел пожалеть :shy2:
Pup0k
Pup0k#
Спасибо за скрипт! Топчек
Edmond_Dantes
Edmond_Dantes#
За время пока тестил скрипт, узнал что у нас оказывается пол шики таких оракулов
Да как и ставящих десятки оценки по одной-двум сериям онгоинга.
kirillmk5
kirillmk5#
отсылка на гатари это одобряемо
kolt
kolt#
Вовремя я решил начать ставить оценки просмотренному
Librake
Librake#
Вот бы еще под новостями связанными с конкретными аниме/мангой это работало
Залил обнову с этой фичей :yahoo:
Всем, кто ставил скрипт, вроде, должна автоматически прилететь в течении дня. Либо можно сходить на страницу скрипта - ручками тыкнуть "обновить".
Llama
Llama#
Если другие сайты хотя бы дают возможность отделить стоящие внимания коменты банально благодаря тем же лайкам
Иногда я мечтаю об этой фиче.
Фражуз
Фражуз#
Было бы интересно добавить возможность сразу видеть совместимость ваших списков
Librake
Librake#
@Фражуз, в теории можно, да можно хоть весть список юзера во всплывающем окне показывать, но надо ли оно каждому? :dunno:
Старался не перегружать лишними фичами, чтобы не раздражало и не портило интерфейс сайта. Совместимость по сути чекается в один клик по нику пользователя, а вот найти оценку конкретного тайтла уже муторно, потому пока что сделал только ее.
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть