Advent Calendarにいいね数とコメント数を表示させてみた

ちょっとだけ、見にくいなぁ。
なので、これを、、、

こんな感じにいいね数とコメント数を表示させてみた。(Qiitaの記事だけ)

以下のスクリプトをTampermonkeyなどに追加。

// ==UserScript==
// @name Add number of like and number of comment at a advent calendar for Qiita
// @match        http://qiita.com/advent-calendar/*
// ==/UserScript==

(function() {
    'use strict';

    var get = (url) => {
        return new Promise((resolve) => {
            var xhr = new XMLHttpRequest();
            xhr.onload = (e) => {
                resolve(e.currentTarget.response);
            };
            xhr.open('GET', url);
            xhr.responseType = 'document';
            xhr.send();
        });
    };

    var anchors = document.querySelectorAll('.adventCalendarCalendar_comment > a[href^="http://qiita.com"]');
    anchors.forEach((anchor) => {
        anchor.parentNode.style.height = 'auto';
        get(anchor.href).then((doc)=>{
            // いいね数
            var like_count = doc.querySelector('.js-likecount').textContent;
            var like_p = document.createElement('p');
            like_p.textContent = `👍 ${like_count}`;
            anchor.parentNode.appendChild(like_p);

            // コメント数
            var comment_count = doc.querySelector('.itemsShowHeaderStock_count[content]').textContent;
            var comment_p = document.createElement('p');
            comment_p.textContent = `💬 ${comment_count}`;
            anchor.parentNode.appendChild(comment_p);
        });
    });
})();

まとめ

ちょっとだけ、見やすくなった。