Weekly-GitHub-Digest #18
2017/12/28–2018/01/03
Web — 網路本身高風險，請詳閱公開說明書
- jasonlong/isometric-contributions Browser extension for rendering an isometric pixel art version of your GitHub contribution graph
GitHub 在計算每日 commits 的圖表對很多人來說是件超級療癒的事情，看那個小方格從淺綠色隨著 commits 數量逐漸增加而變得深綠，雖然頭上戴了頂綠帽絕對不是件好事，但 GitHub 的綠色象徵的是今天確實有點生產力和產出，你看，綠油油 der 一片。不過總感覺還有些更具體的呈現吧！比如說像是這個把 commits 數做成長方柱的立體圖表，一磚一瓦的努力堆砌蓋上一棟又一棟的高樓似乎讓人更有感，尤其是台灣房價高的世界誇張兼離譜的今日好像也只能透過這種阿 Q 的行為自我取暖了，之後如果有同事說你是薪水小偷的話，就把這一大坨 commits 截圖給他看吧。
- vibertthio/beact 🎸🎨 DJ and VJ all by yourself in seconds
如果還有點印象應該還記得在第一期的時候介紹了 bemuse，一個可以讓你在 Web 網頁上玩著節奏遊戲的有趣專案，beact 同樣是 React 實作的，也用上了些類似的元素，但 beact 所呈現出來的方式格外有種莫名的魅力也更加吸引人，透過簡單的鍵盤轉換成了有靈性的音符，我僅僅玩了五分鐘卻覺得自己好像真的是個又ㄎㄧㄤ又嗨到爆的 DJ。好上癮也好過癮。這幾週鐵人賽依舊在進行著，也偶然發現了 beact 作者之一也有參與今年的挑戰，一系列文章通讀下來真的是大開眼界，自覺對於 Web 的想像還是過於淺薄，沒想過在聲音和影像這領域也能做到如此多的變化，每每當”以為 Web 的極限就到這裡了嗎”這樣的念頭方在腦海中出現轉眼間又發現了新大陸和各種新興應用，哪天透過 Web 也能上太空也說不定，至少我是這樣深信的。
Terminal — 已經是 iTerm 的形狀了呢
- dominikwilkowski/cfonts Sexy fonts for the console
YouTuber 這個產業在台灣越來越紅，身邊可能有些朋友也跳下去做了，也曾看過某位網紅分享過只要上 YouTube Trending 幾乎點閱量都會倍數增加，同樣的，GitHub 也有自家的 Trending 機制，如果有每天在關注這個 trending list，會發現幾乎只要有 CLI 相關應用的專案都會爆，連帶著會用到的幾個 UI 呈現上的專案也竄紅起來了，Cfonts 便是很好的一個例子：
可以選擇全域安裝，雖然我會建議你用 local install 更好：
$ npm install cfonts -g簡單引入，開始玩耍：
const CFonts = require('cfonts');
CFonts.say('Hello|world!', {
font: 'block', //define the font face
align: 'left', //define text alignment
colors: ['white'], //define all colors
background: 'Black', //define the background color
letterSpacing: 1, //define letter spacing
lineHeight: 1, //define the line height
space: true, //define if the output text should have empty lines on top and on the bottom
maxLength: '0' //define how many character can be on one line
});想說的話就放在 say 的第一個參數，而你看到的各種屬性都能修改，光是 font 這部分就有 block，simple，simpleBlock，3d，simple3d，chrome，huge 可以選擇：
比較可惜的一點是英文和常見數字是可以的，但中文顯示會 GG，不過在 CLI 的簡易介面上 Cfonts 已經做了不少畫龍點睛的效果。
Useful OSS — 好用的開源軟體
- sindresorhus/pageres-cli Capture website screenshots
其實算是基於 CLI 的相關工具，不過真心覺得它的好用程度讓我想在這裡介紹。在用過了至少五個以上的 screenshot tools 卻苦於找無好用順手的，不是會卡頻就是說頁面過長過大會被裁切成兩頁以上，無奈之下只好挖挖看 sindresorhus 有無開發類似的軟體，結果還真的在他的 repos 找到了這個 pageres-cli，全域安裝之後就是簡單輸入要轉換頁面的網址，也能夠指定 output 的圖片大小，翻了下 README，還能夠支援同時輸入兩個網址以上，resolution 參數任意調整都吃，甚至還能揀選或是隱藏特定的 DOM 元素，相見恨晚，相見恨晚。
Developers — 開發者們
typicode 頭貼的梗來自於 Final Fantasy 的可愛仙人掌，這陣子終於入手 PS4，但很怕如果一直玩 FF 下去大概會跟富奸一樣賣力拖稿。前後端分離的今日意味著分工更加清晰，後端少了點負擔，前端要處理的日常業務明顯增加，而前端要跟後端拿資料通常都是透過 API 溝通，可是在正常開發流程之下，前端不可能等到後端 API 的相關規格都確認之後才開始動工，這時如果要進行測試，有個 fake API 會是不錯的解法，json-server 要解決的問題很明確，簡易安裝之後前端便擁有一個支援 RESTful 的 fake API server，原作者還做了精美頁面幫助理解概念。typicode 另個專案 tlapse 也是相當好用，讓你可以定期做截圖開發中的工作記錄，也用到了這期介紹的 pageres-cli。看到 License 才發現 🌵 也有 emoji。
Technical Posts — 你都去哪看技術文啊城武
下班之後如果想繼續充電，聽 podcast 會是不錯的一個選項。teahour 是我非常喜歡的一個節目，請來分享的人都是有一定知名度的，先前請過 Vue 的作者，也有邀請像是中國有名的技術相關社群掘金的創辦人來做過分享，前面幾期的都非常值得花時間挖來仔細聽聽看。目前看來更新的頻率大概是三個禮拜至一個月推出一期，而 teahour 的網址給出的音檔連結似乎是有問題的，所以我會更習慣直接在手機上裝一個簡單堪用的 podcast app，就像是很多人在追蹤特定的 YouTuber 一樣，podcast 只要一推出新的就會主動推播，睡前三十分鐘培養個睡眠情緒聽聽 podcast 也算是保養個眼睛一下。
You Need Some Music, And A Bottle of Dry Martini — 你一定要把氣氛搞得這麼銷魂嗎
從台大嘻研和 BR 在 underground 時期 freestyle，看熊仔在 Diss RBL 電爆春豔的 battle，一路聽到現在只覺得火力更兇砲口更猛。學院派魅力無限的獨特性在無限這張專輯一覽無遺，每首歌包含曲調和用詞都值得玩味。看底下評論蠻多人說熊仔開始變得商業了，但我並不覺得有影響到作品的層次，韻腳詞彙 flow 間巧思玩弄的文字遊戲深度照樣屌打許多”主流”歌手。2017 下半年也看到熊仔在不少歌手的音樂 MV 裡演出，和李權哲合作的 Hide & Seek，宇宙人的 BonBonBonBon，麻吉弟弟的大人物，為了聽懂大人物我還特地把整首歌詞印出來，結果看懂之後邊傻眼邊又回去刷了幾次。Btw，凶宅歌詞中提到的金音獎，後來還真的在當年一舉斬獲。不得不開始期待今年的新專輯了。
