npm install시 pixiv의 일일 순위를 터미널에 표시

여러분, pixiv를 좋아하니? 나는 좋아한다. 매일 다양한 그림이 업로드되어 정말 즐겁지요.
이번에는 npm install 의 시간에 pixiv 데일리 랭킹을 표시해, 지루한 시간을 최고의 시간으로 하는 해킹을 하기로 하겠습니다.

github: akameco/npm-pixiv

데모

이런 느낌입니다.

설치

npm에서 설치할 수 있습니다.
그러나 불행히도 최신 버전의 iTerm2가 아니라면 이미지가 표시되지 않습니다. iTerm2가 최신 버전이 아닌 사람은 설치를 부탁합니다.

$ npm i -g npm-pixiv

npm-pixiv 라는 명령을 제공하지만 .bashrc 또는 .zshrc에서 다음과 같이 설정하는 것이 좋습니다.

alias npm=npm-pixiv

구현

구현에 대해서는, 실은 거의 친숙한 내용(팝테픽픽판)의 기사를 썼으므로, ​​그쪽을 참조해 주세요.

npm install의 쓸데없는 대기 시간을 압도적으로 카이젠하는 방법 - Qiita

차이에 대해서만 설명을 하겠습니다.
pixiv를 스크래핑하여 이미지를 얻고 있지만 pixiv 이미지는 리퍼러가 제한되어 있습니다.
리퍼러에 대한 설명을 구그면 그냥 pixiv의 도움말이 나왔기 때문에 인용해 둡니다.

리퍼러는 웹 페이지의 링크를 클릭하여 다른 페이지로 이동했을 때의 링크원(한 이전 페이지)의 페이지입니다.
pixiv 도움말 센터 | 리파라 란 무엇입니까?

이것이 무슨 일이냐고 하면, pixiv의 사이트를 경유하지 않고 화상을 표시하려고 하면(자) 403이 돌려주므로 열람할 수 없다고 하는 것입니다. 이것을 제한하지 않으면 얼마든지 다른 사이트의 img에 내장되어 버리므로 이 대책은 당연하네요. http 요청 헤더의 Referer를 http://www.pixiv.net/로 설정하면 피할 수 있습니다.
got에서는 다음과 같이 씁니다만, 다른 http 라이브러리에서도 비슷한 느낌 쓸 수 있다고 생각합니다.

got(url, {
    encoding: null,
    headers: {
        Referer: 'http://www.pixiv.net/'
    }
}).then(res => res.body);

요약

이전에는 npm install시에 팝테피픽의 4컷을 흘리고 있었지만, npm install을 반복할 때마다 대나무 서방이 파괴되어 죄책감이 있었습니다. 그러나 pixiv의 순위를 흘리면 최고의 기분으로 프로그래밍을 할 수 있게 되었습니다.
오히려 지금은 pixiv의 순위를보기 위해 무한히 npm install을 할 때까지 있습니다.

75행 정도의 간단한 코드입니다만, 평상시의 프로그래밍이 조금 즐거워졌습니다. 작업 코드뿐만 아니라 도움이 될지 여부를 놓고 작은 해킹을 즐겨 보면 좋을지도 모릅니다.
덧붙여 일중에 이것을 표시해 화가 났다니, 그런 책임은 일절 지지 않기 때문에 죄송합니다.

github에서 공개하고 있으므로, issue나 풀 리퀘스트를 기다리고 있습니다.
github: akameco/npm-pixiv

참고

npm install의 쓸데없는 대기 시간을 압도적으로 카이젠하는 방법 - Qiita
node.js로 명령 줄 도구 - Qiita
iTerm2의 새로운 기능을 사용하여 터미널에 팝테피픽의 4컷을 무작위로 표시 - Qiita